add mat views e2e tests

.github/workflows/ci.yml

@@ -32,6 +32,7 @@ jobs:
         run: ./tmp/questdb-*-rt-linux-x86-64/bin/questdb.sh start -d ./tmp/dbroot
         env:
           QDB_DEV_MODE_ENABLED: "true"
+          QDB_CAIRO_MAT_VIEW_ENABLED: "true"
 
       - uses: actions/setup-node@v4
         with:

packages/browser-tests/cypress/commands.js

@@ -30,6 +30,12 @@ const tableSchemas = {
   my_secrets2: "CREATE TABLE IF NOT EXISTS 'my_secrets2' (secret STRING);",
 };
 
+const materializedViewSchemas = {
+  btc_trades_mv:
+    "CREATE MATERIALIZED VIEW IF NOT EXISTS btc_trades_mv WITH BASE btc_trades as (" +
+    "SELECT timestamp, avg(amount) FROM btc_trades SAMPLE BY 1m) PARTITION BY week;",
+};
+
 before(() => {
   Cypress.on("uncaught:exception", (err) => {
     // this error can be safely ignored
@@ -218,6 +224,19 @@ Cypress.Commands.add("createTable", (name) => {
   });
 });
 
+Cypress.Commands.add("createMaterializedView", (name) => {
+  const authHeader = localStorage.getItem("basic.auth.header");
+  cy.request({
+    method: "GET",
+    url: `${baseUrl}/exec?query=${encodeURIComponent(
+      materializedViewSchemas[name]
+    )};`,
+    headers: {
+      Authorization: authHeader,
+    },
+  });
+});
+
 Cypress.Commands.add("dropTable", (name) => {
   const authHeader = localStorage.getItem("basic.auth.header");
   cy.request({
@@ -229,6 +248,19 @@ Cypress.Commands.add("dropTable", (name) => {
   });
 });
 
+Cypress.Commands.add("dropMaterializedView", (name) => {
+  const authHeader = localStorage.getItem("basic.auth.header");
+  cy.request({
+    method: "GET",
+    url: `${baseUrl}/exec?query=${encodeURIComponent(
+      `DROP MATERIALIZED VIEW ${name};`
+    )}`,
+    headers: {
+      Authorization: authHeader,
+    },
+  });
+});
+
 Cypress.Commands.add("interceptQuery", (query, alias, response) => {
   cy.intercept(
     {
@@ -297,6 +329,22 @@ Cypress.Commands.add("expandTables", () => {
   });
 });
 
+Cypress.Commands.add("collapseTables", () => {
+  cy.get("body").then((body) => {
+    if (body.find('[data-hook="collapse-tables"]').length > 0) {
+      cy.get('[data-hook="collapse-tables"]').click();
+    }
+  });
+});
+
+Cypress.Commands.add("expandMatViews", () => {
+  cy.get("body").then((body) => {
+    if (body.find('[data-hook="expand-materialized-views"]').length > 0) {
+      cy.get('[data-hook="expand-materialized-views"]').click();
+    }
+  });
+});
+
 Cypress.Commands.add("getEditorTabs", () => {
   return cy.get(".chrome-tab");
 });

packages/browser-tests/cypress/integration/console/schema.spec.js

@@ -10,6 +10,8 @@ const tables = [
   "gitlog",
 ];
 
+const materializedViews = ["btc_trades_mv"];
+
 describe("questdb schema with working tables", () => {
   before(() => {
     cy.loadConsoleWithAuth();
@@ -211,3 +213,57 @@ describe("questdb schema in read-only mode", () => {
     cy.getByDataHook("create-table-panel").should("not.exist");
   });
 });
+
+describe("materialized views", () => {
+  before(() => {
+    cy.loadConsoleWithAuth();
+
+    tables.forEach((table) => {
+      cy.createTable(table);
+    });
+    materializedViews.forEach((mv) => {
+      cy.createMaterializedView(mv);
+    });
+    cy.refreshSchema();
+  });
+
+  it("should create materialized views", () => {
+    cy.getByDataHook("expand-tables").contains(`Tables (${tables.length})`);
+    cy.getByDataHook("expand-materialized-views").contains(
+      `Materialized Views (${materializedViews.length})`
+    );
+
+    cy.expandTables();
+    cy.getByDataHook("schema-table-title").should("contain", "btc_trades");
+    cy.expandMatViews();
+    cy.getByDataHook("schema-table-title").should("contain", "btc_trades_mv");
+  });
+
+  it("should show the base table and copy DDL for a materialized view", () => {
+    cy.collapseTables();
+    cy.getByDataHook("schema-table-title").contains("btc_trades_mv").click();
+    cy.getByDataHook("schema-info-title").contains("DDL").should("exist");
+    cy.getByDataHook("copyable-value").should("exist").and("be.visible");
+    cy.getByDataHook("copy-value").should("exist").click({ force: true });
+
+    cy.window()
+      .its("navigator.clipboard")
+      .invoke("readText")
+      .should(
+        "match",
+        /^CREATE MATERIALIZED VIEW.*'btc_trades_mv' WITH BASE 'btc_trades'/
+      );
+  });
+
+  after(() => {
+    cy.loadConsoleWithAuth();
+
+    materializedViews.forEach((mv) => {
+      cy.dropMaterializedView(mv);
+    });
+
+    tables.forEach((table) => {
+      cy.dropTable(table);
+    });
+  });
+});

packages/web-console/src/scenes/Schema/Row/index.tsx

@@ -338,12 +338,13 @@ const Row = ({
               <ValueWrapper>
                 <PopperHover
                   placement="top"
-                  trigger={<TruncatedBox>{value}</TruncatedBox>}
+                  trigger={<TruncatedBox data-hook="copyable-value">{value}</TruncatedBox>}
                 >
                   <Tooltip>{value}</Tooltip>
                 </PopperHover>
                 <CopyValueButton
                   skin="transparent"
+                  data-hook="copy-value"
                   onClick={(e) => {
                     e.stopPropagation()
                     handleCopy(value)

run_browser_tests.sh

@@ -36,6 +36,9 @@ echo "Proxy started, PID=$PID1"
 # Switch dev mode on
 export QDB_DEV_MODE_ENABLED=true
 
+# Enable Materialized Views
+export QDB_CAIRO_MAT_VIEW_ENABLED=true
+
 # Running tests which assume authentication is off
 ./tmp/questdb-*/bin/questdb.sh start -d tmp/dbroot
 yarn workspace browser-tests test:auth