test playwright image

.github/workflows/test.yml

@@ -15,5 +15,6 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
+
       - name: run tests
-        run: make CI=1 ci
+        run: make CI=1 ci_new

Makefile

@@ -4,10 +4,13 @@ build_docker_ci:
 	docker build -f docker/Dockerfile_ci -t elasticvue-ci .
 
 ci: build_docker_ci
-	docker run --rm elasticvue-ci yarn lint
-	docker run --rm elasticvue-ci yarn tsc
-	docker run --rm elasticvue-ci yarn test:unit
-	docker run --rm -e CI="$(CI)" -v ./playwright-report-ci:/app/playwright-report elasticvue-ci yarn test:e2e:all
+	docker run --rm -e CI="$(CI)" -v ./playwright-report-ci:/app/playwright-report elasticvue-ci yarn ci
+
+build_docker_ci_new:
+	docker build -f docker/Dockerfile_ci_new -t elasticvue-ci-new .
+
+ci_new: build_docker_ci_new
+	docker run --rm -e CI="$(CI)" -v ./playwright-report-ci:/app/playwright-report elasticvue-ci-new yarn ci
 
 build_tauri:
 	yarn tauri:build

docker/Dockerfile_ci

@@ -1,4 +1,4 @@
-FROM node:22.5.1-bookworm AS builder
+FROM node:22.5.1-bookworm
 RUN mkdir /app
 WORKDIR /app
 

docker/Dockerfile_ci_new

@@ -0,0 +1,19 @@
+FROM mcr.microsoft.com/playwright:v1.45.1-noble
+ENV ASDF_DIR=/root/.asdf
+
+RUN mkdir /app
+WORKDIR /app
+
+COPY .tool-versions .
+
+RUN git clone https://github.com/asdf-vm/asdf.git ~/.asdf --branch v0.14.0 \
+    && . "$HOME/.asdf/asdf.sh" \
+    && asdf plugin add nodejs https://github.com/asdf-vm/asdf-nodejs.git \
+    && asdf install
+
+COPY package.json .
+COPY yarn.lock .
+
+RUN yarn install
+
+COPY . .

package.json

@@ -13,6 +13,7 @@
     "test:e2e:all": "playwright test",
     "test:e2e:watch": "PWTEST_WATCH=1 playwright test --project=chromium",
     "test:e2e:report": "playwright show-report",
+    "ci": "yarn lint && yarn tsc && yarn test:unit && yarn test:e2e:all",
     "tauri:dev": "tauri dev",
     "tauri:build": "tauri build",
     "bundle:report": "vite-bundle-visualizer"

tests/e2e/tests/Routing.spec.ts

@@ -2,6 +2,8 @@ import { test, expect } from '@playwright/test'
 import { setupClusterConnection } from '../helpers'
 import { withElastic } from '../mocks'
 
+test.describe.configure({ mode: 'parallel' });
+
 withElastic(({ mockElastic, elastic }) => {
   test.describe(`elasticsearch ${elastic.version}`, () => {
     test.describe('Routing', () => {

tests/e2e/tests/pages/Base.spec.ts

@@ -1,6 +1,8 @@
 import { test, expect } from '@playwright/test'
 import { openElasticvue } from '../../helpers'
 
+test.describe.configure({ mode: 'parallel' });
+
 test.describe('base', () => {
   test('has a title', async ({ page }) => {
     await openElasticvue(page)

tests/e2e/tests/pages/ClusterManagement.spec.ts

@@ -2,6 +2,8 @@ import { test, expect, Page } from '@playwright/test'
 import { setupClusterConnection } from '../../helpers'
 import { withElastic } from '../../mocks'
 
+test.describe.configure({ mode: 'parallel' });
+
 const setupClusterSelectionTest = async (page: Page) => {
   await setupClusterConnection(page)
   await page.getByTestId('cluster-selection').click()

tests/e2e/tests/pages/HomeStatus.spec.ts

@@ -2,6 +2,8 @@ import { test, expect } from '@playwright/test'
 import { setupClusterConnection } from '../../helpers'
 import { withElastic } from '../../mocks'
 
+test.describe.configure({ mode: 'parallel' });
+
 withElastic(({ mockElastic, elastic }) => {
   test.describe(`elasticsearch ${elastic.version}`, () => {
     test.describe('HomeStatus', () => {

tests/e2e/tests/pages/Indices.spec.ts

@@ -2,6 +2,8 @@ import { test, expect } from '@playwright/test'
 import { setupClusterConnection } from '../../helpers'
 import { withElastic } from '../../mocks'
 
+test.describe.configure({ mode: 'parallel' });
+
 const setup = async (page: any, mockElastic: any) => {
   await mockElastic(page)
   await setupClusterConnection(page)

tests/e2e/tests/pages/Nodes.spec.ts

@@ -2,6 +2,8 @@ import { test, expect } from '@playwright/test'
 import { setupClusterConnection } from '../../helpers'
 import { withElastic } from '../../mocks'
 
+test.describe.configure({ mode: 'parallel' });
+
 withElastic(({ mockElastic, elastic }) => {
   test.describe(`elasticsearch ${elastic.version}`, () => {
     test.describe('Nodes', () => {