Update playwright tests

Signed-off-by: George <bulakh.96@gmail.com>

.arg

@@ -1,2 +1,2 @@
 # File used by earthly
-PLAYWRIGHT_SNAPSHOTS_COMMIT=7d79666084879aa002dde16df01c6b69b28f77ab
+PLAYWRIGHT_SNAPSHOTS_COMMIT=6d7a9e13a28a4a95a92ef5ca3acba864ed399ee5

Earthfile

@@ -531,7 +531,7 @@ all-tests:
     BUILD +openapi-checker
     BUILD +test-sql
     BUILD +integration-tests
-    #BUILD +ui-playwright-tests
+    # BUILD +ui-playwright-tests
     BUILD +test-docker-compose
     # BUILD +test-docker-compose-stable
     BUILD +test-debezium-mysql

web-console/.github/workflows/playwright.yml

@@ -19,7 +19,7 @@ jobs:
       run: yarn playwright install --with-deps
     - name: Run Playwright tests
       run: yarn playwright test
-    - uses: actions/upload-artifact@v3
+    - uses: actions/upload-artifact@v4
       if: always()
       with:
         name: playwright-report

web-console/package.json

@@ -25,7 +25,7 @@
     "generate-openapi": "openapi --input ../openapi.json --output ./src/lib/services/manager && yarn format",
     "build-openapi": "cd .. && cargo run --bin pipeline-manager -- --dump-openapi",
     "test": "PLAYWRIGHT_API_ORIGIN=http://localhost:8080/ PLAYWRIGHT_APP_ORIGIN=http://localhost:8080/ DISPLAY= yarn playwright test",
-    "test:ui": "PLAYWRIGHT_API_ORIGIN=http://localhost:8080/ PLAYWRIGHT_APP_ORIGIN=http://localhost:8080/ DISPLAY= yarn playwright test --ui-port=0",
+    "test:ui": "PLAYWRIGHT_API_ORIGIN=http://localhost:8080/ PLAYWRIGHT_APP_ORIGIN=http://localhost:8080/ DISPLAY= yarn playwright test --ui-host=0.0.0.0",
     "test:report": "yarn playwright show-report",
     "test:prepare": "git clone --depth 1 https://github.com/feldera/playwright-snapshots.git"
   },
@@ -69,8 +69,8 @@
     "@types/nprogress": "^0.2.3",
     "@types/papaparse": "^5.3.14",
     "@types/react": "^18.3.1",
-    "@typescript-eslint/eslint-plugin": "^7.8.0",
-    "@typescript-eslint/parser": "^6.21.0",
+    "@typescript-eslint/eslint-plugin": "^7.9.0",
+    "@typescript-eslint/parser": "^7.9.0",
     "ahooks": "^3.7.11",
     "ajv": "^8.13.0",
     "apexcharts": "^3.49.0",
@@ -84,7 +84,7 @@
     "dayjs": "^1.11.11",
     "diff": "^5.2.0",
     "encoding": "^0.1.13",
-    "eslint": "^9.2.0",
+    "eslint": "^8.57.0",
     "eslint-config-next": "^14.2.3",
     "eslint-config-prettier": "^9.1.0",
     "eslint-import-resolver-alias": "^1.1.2",
@@ -123,7 +123,8 @@
     "unplugin-icons": "^0.19.0",
     "use-debounce": "^10.0.0",
     "valibot": "^0.30.0",
+    "vite": "^5.2.11",
     "yaml": "^2.4.2",
     "zustand": "^4.5.2"
   }
-}
+}

web-console/tests/e2e/demoAccrual.spec.ts

@@ -200,6 +200,7 @@ test('Accrual demo test', async ({ page, request }) => {
       await page.getByTestId('button-expand-relations').hover() // Prevent the cursor causing flakes by tooltip popups
       await page.getByTestId('box-relation-options').waitFor({ state: 'hidden' })
       await page.getByTestId('box-relation-row').first().waitFor()
+      await page.waitForTimeout(50)
       await expect(page).toHaveScreenshot(`5-1-relation ${relation}.png`)
     }
   })