fix(browser-tests): flakiness improvements

.github/workflows/ci.yml

@@ -81,6 +81,14 @@ jobs:
           name: questdb-log
           path: tmp/dbroot/log/*
 
+      - name: Upload Cypress Screenshots
+        if: success() || failure()
+        uses: actions/upload-artifact@v4
+        with:
+          name: cypress-screenshots
+          path: packages/browser-tests/cypress/screenshots
+          if-no-files-found: ignore
+
       - name: Stop QuestDB
         if: success() || failure()
         run: ./tmp/questdb-*-rt-linux-x86-64/bin/questdb.sh stop

.github/workflows/publish_to_npm.yml

@@ -0,0 +1,44 @@
+name: Publish Packages to NPM
+
+on:
+  workflow_dispatch:
+
+jobs:
+  publish:
+    name: Publish Packages to NPM
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          submodules: "recursive"
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: "20"
+          cache: "yarn"
+
+      - name: Install dependencies
+        run: yarn install --immutable --immutable-cache
+
+      - name: Build @questdb/react-components
+        run: yarn workspace @questdb/react-components run build
+
+      - name: Build @questdb/web-console
+        run: yarn workspace @questdb/web-console run build
+
+      - name: Publish @questdb/react-components to npm
+        uses: JS-DevTools/npm-publish@v1
+        with:
+          token: ${{ secrets.NPM_TOKEN }}
+          access: public
+          check-version: true
+          package: ./packages/react-components/package.json
+
+      - name: Publish @questdb/web-console to npm
+        uses: JS-DevTools/npm-publish@v1
+        with:
+          token: ${{ secrets.NPM_TOKEN }}
+          access: public
+          check-version: true
+          package: ./packages/web-console/package.json 

packages/browser-tests/.gitignore

@@ -1,7 +1,3 @@
 node_modules
 cypress/videos
 cypress/screenshots
-
-# folder is used to store screenshots and diffs created by `cy.matchImageSnapshot()`
-# ignored now until the snapshots will be stored somewhere else
-cypress/snapshots

packages/browser-tests/README.md

@@ -19,15 +19,3 @@ If you want to interact with cypress, you can start it like so:
 ```
 yarn workspace browser-tests run cypress open
 ```
-
-## Screenshot matching
-
-This package uses [simonsmith/cypress-image-snapshot](https://github.com/simonsmith/cypress-image-snapshot). It adds a `cy.matchImageSnapshot()` command to Cypress.
-
-To take a screenshot while running tests, use `cy.matchImageSnapshot()`.
-This will take a screenshot and save it in relevant location (depending
-on test name) in `browser-tests/cypress/snapshots`.
-
-On the next run, `cy.matchImageSnapshot()` will compare the screenshot with the one saved in `snapshots` and fail the test if they don't match.
-
-If you want to update the screenshot, run `yarn workspace browser-tests test:update`

packages/browser-tests/cypress.config.js

@@ -1,16 +1,13 @@
 const { defineConfig } = require("cypress");
-const {
-  addMatchImageSnapshotPlugin,
-} = require("@simonsmith/cypress-image-snapshot/plugin");
 
-const contextPath = process.env.QDB_HTTP_CONTEXT_WEB_CONSOLE || ""
+const contextPath = process.env.QDB_HTTP_CONTEXT_WEB_CONSOLE || "";
 const baseUrl = `http://localhost:9999${contextPath}`;
 
 module.exports = defineConfig({
   defaultCommandTimeout: 10000,
   e2e: {
     defaultCommandTimeout: 30000,
-    screenshotOnRunFailure: false,
+    screenshotOnRunFailure: true,
     video: false,
     baseUrl: baseUrl,
     chromeWebSecurity: false, //if it is true, cypress does not allow redirects
@@ -19,8 +16,6 @@ module.exports = defineConfig({
     specPattern: "cypress/integration/**/*.spec.js",
     supportFile: "cypress/commands.js",
     setupNodeEvents(on) {
-      addMatchImageSnapshotPlugin(on);
-
       on("before:browser:launch", (browser = {}, launchOptions) => {
         if (browser.family === "chromium" && browser.name !== "electron") {
           launchOptions.args.push(