chore(web-console): improve integration testing

.github/workflows/check_oss_submodule.yml

@@ -0,0 +1,20 @@
+name: Check OSS Submodule
+
+on:
+  push:
+
+jobs:
+  check_oss_submodule:
+    name: Check if OSS is on master
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          submodules: "recursive"
+
+      - name: Check OSS branch
+        run: |
+          python3 -m pip install -U pip
+          python3 -m pip install --upgrade pygit2==1.14.1
+          python3 submodule_is_mergeable.py

.github/workflows/ci.yml

@@ -7,16 +7,30 @@ jobs:
   CI:
     name: Monorepo CI flow
     runs-on: ubuntu-latest
-    services:
-      questdb:
-        image: questdb/questdb:nightly
-        ports:
-          - 9000:9000
-        env:
-          QDB_TELEMETRY_ENABLED: false
 
     steps:
       - uses: actions/checkout@v4
+        with:
+          submodules: "recursive"
+
+      - uses: actions/setup-java@v4
+        with:
+          java-version: '17'
+          distribution: 'temurin'
+          cache: maven
+
+      - name: Build QuestDB
+        run: mvn clean package -f packages/browser-tests/questdb/pom.xml -DskipTests -P build-binaries
+
+      - name: Extract QuestDB
+        run: tar -xzf packages/browser-tests/questdb/core/target/questdb-*-rt-linux-amd64.tar.gz -C tmp/
+
+      - name: Create DB Root
+        run: mkdir tmp/dbroot
+
+      - name: Start QuestDB
+        run: ./tmp/questdb-*-rt-linux-amd64/bin/questdb.sh start -d ./tmp/dbroot
+
       - uses: actions/setup-node@v4
         with:
           node-version: "20"
@@ -40,6 +54,21 @@ jobs:
       - name: Run browser-tests test
         run: node packages/web-console/serve-dist.js & yarn workspace browser-tests test
 
+      - name: Print Log Files
+        if: success() || failure()
+        run: cat tmp/dbroot/log/*
+
+      - name: Save QuestDB log on test failure
+        if: failure()
+        uses: actions/upload-artifact@v4
+        with:
+          name: questdb-log
+          path: tmp/dbroot/log/*
+
+      - name: Stop QuestDB
+        if: success() || failure()
+        run: ./tmp/questdb-*-rt-linux-amd64/bin/questdb.sh stop
+
       - name: Publish @questdb/web-console to npm
         if: github.ref == 'refs/heads/main'
         uses: JS-DevTools/npm-publish@v1

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "questdb"]
+	path = packages/browser-tests/questdb
+	url = https://github.com/questdb/questdb.git

packages/browser-tests/cypress.config.js

@@ -5,7 +5,7 @@ const {
 
 module.exports = defineConfig({
   e2e: {
-    defaultCommandTimeout: 10000,
+    defaultCommandTimeout: 30000,
     screenshotOnRunFailure: false,
     video: false,
     baseUrl: "http://localhost:9999",

packages/browser-tests/cypress/commands.js

@@ -2,6 +2,8 @@ const {
   addMatchImageSnapshotCommand,
 } = require("@simonsmith/cypress-image-snapshot/command");
 
+require("cypress-real-events");
+
 addMatchImageSnapshotCommand({
   failureThreshold: 0.3,
   blackout: [".notifications", 'button[class*="BuildVersion"'],
@@ -24,13 +26,23 @@ beforeEach(() => {
   cy.intercept(
     {
       method: "GET",
-      url: "/**",
-      hostname: "api.github.com",
+      url: "/github/latest",
+      hostname: "github-api.questdb.io",
     },
     (req) => {
       req.reply("{}");
     }
   );
+  cy.intercept(
+    {
+      method: "GET",
+      url: "/news",
+      hostname: "cloud.questdb.com",
+    },
+    (req) => {
+      req.reply("[]");
+    }
+  );
 });
 
 Cypress.Commands.add("getGrid", () =>
@@ -50,7 +62,7 @@ Cypress.Commands.add("getGridCol", (n) =>
 Cypress.Commands.add("getGridRows", () => cy.get(".qg-r").filter(":visible"));
 
 Cypress.Commands.add("typeQuery", (query) =>
-  cy.getEditor().click({ force: true }).type(query)
+  cy.getEditor().realClick().type(query)
 );
 
 Cypress.Commands.add("runLine", () => {
@@ -77,6 +89,10 @@ Cypress.Commands.add("selectQuery", (n) =>
     .click()
 );
 
+Cypress.Commands.add("getMountedEditor", () =>
+  cy.get(".monaco-scrollable-element")
+);
+
 Cypress.Commands.add("getEditor", () => cy.get(".monaco-editor[role='code'] "));
 
 Cypress.Commands.add("getEditorContent", () =>
@@ -116,13 +132,7 @@ Cypress.Commands.add("matchErrorMarkerPosition", ({ left, width }) =>
 
 Cypress.Commands.add("F9", () => {
   cy.intercept("/exec*").as("exec");
-  return cy
-    .getEditor()
-    .trigger("keydown", {
-      keyCode: 120,
-    })
-    .wait("@exec")
-    .wait(501);
+  return cy.getEditor().realPress("F9").wait("@exec").wait(501);
 });
 
 Cypress.Commands.add("getSelectedLines", () => cy.get(".selected-text"));