Update tests (#1039)

* fix: adds selectors to navigate to the feature

* fix: updates Dockerfile

Dockerfile.e2e

@@ -1,13 +1,15 @@
-
-FROM mcr.microsoft.com/playwright:v1.30.0-focal@sha256:9e6eddb08b8566076ef778007859096bc90f8984236061c086eaede2fb60430b
+FROM mcr.microsoft.com/playwright:v1.36.0-jammy@sha256:3d3619bf5e622d264f519bffd3aa321d061bf420688eda8a5143da7884b36a6b
 
 WORKDIR /app
 
-RUN npm install -D @playwright/[email protected]
-RUN npm ci
+RUN npm install -D @playwright/[email protected]
 RUN npx playwright install --with-deps
 
+# Need to be installed since the package.json is not copied
+RUN npm i @terrestris/[email protected]
+RUN npm i [email protected]
+
 COPY playwright.config.js ./
-COPY global-setup.js ./
+COPY global-setup.ts ./
 COPY ./src/e2e-tests ./e2e-tests
 COPY ./playwright ./playwright

src/e2e-tests/draw-annotation.spec.ts

@@ -12,5 +12,7 @@ test('draw-annotation', async ({
 
   await page.goto(`https://${process.env.HOST}/client/?applicationId=${process.env.ID}`);
 
+  await page.waitForLoadState('networkidle');
+  await page.getByRole('button', { name: 'Draw' }).click();
   await annotations(page, workerInfo);
 });

src/e2e-tests/draw.spec.ts

@@ -12,5 +12,6 @@ test('draw', async ({
 
   await page.goto(`https://${process.env.HOST}/client/?applicationId=${process.env.ID}`);
 
+  await page.getByRole('button', {name: 'draw'}).click();
   await draw(page);
 });

src/e2e-tests/drawCircle.spec.ts

@@ -12,5 +12,7 @@ test('draw-circle', async ({
 
   await page.goto(`https://${process.env.HOST}/client/?applicationId=${process.env.ID}`);
 
+  await page.waitForLoadState('networkidle');
+  await page.getByRole('button', { name: 'Draw' }).click();
   await drawCircle(page, workerInfo);
 });

src/e2e-tests/drawDelete.spec.ts

@@ -12,5 +12,7 @@ test('draw-delete', async ({
 
   await page.goto(`https://${process.env.HOST}/client/?applicationId=${process.env.ID}`);
 
+  await page.waitForLoadState('networkidle');
+  await page.getByRole('button', { name: 'Draw' }).click();
   await drawDelete(page, workerInfo);
 });

src/e2e-tests/drawEdit.spec.ts

@@ -12,5 +12,7 @@ test('draw-edit', async ({
 
   await page.goto(`https://${process.env.HOST}/client/?applicationId=${process.env.ID}`);
 
+  await page.waitForLoadState('networkidle');
+  await page.getByRole('button', { name: 'Draw' }).click();
   await drawEdit(page, workerInfo);
 });

src/e2e-tests/drawExport.spec.ts

@@ -12,5 +12,7 @@ test('draw-export', async ({
 
   await page.goto(`https://${process.env.HOST}/client/?applicationId=${process.env.ID}`);
 
+  await page.waitForLoadState('networkidle');
+  await page.getByRole('button', { name: 'Draw' }).click();
   await drawExport(page, workerInfo);
 });

src/e2e-tests/drawLine.spec.ts

@@ -12,5 +12,7 @@ test('draw-line', async ({
 
   await page.goto(`https://${process.env.HOST}/client/?applicationId=${process.env.ID}`);
 
+  await page.waitForLoadState('networkidle');
+  await page.getByRole('button', { name: 'Draw' }).click();
   await drawLine(page, workerInfo);
 });

src/e2e-tests/drawModifyColorScheme.spec.ts

@@ -12,5 +12,7 @@ test('draw-modify', async ({
 
   await page.goto(`https://${process.env.HOST}/client/?applicationId=${process.env.ID}`);
 
+  await page.waitForLoadState('networkidle');
+  await page.getByRole('button', { name: 'Draw' }).click();
   await drawModifyColorScheme(page);
 });

src/e2e-tests/drawPoint.spec.ts

@@ -12,5 +12,7 @@ test('draw-point', async ({
 
   await page.goto(`https://${process.env.HOST}/client/?applicationId=${process.env.ID}`);
 
+  await page.waitForLoadState('networkidle');
+  await page.getByRole('button', { name: 'Draw' }).click();
   await drawPoint(page, workerInfo);
 });

src/e2e-tests/drawPolygon.spec.ts

@@ -12,5 +12,7 @@ test('draw-polygon', async ({
 
   await page.goto(`https://${process.env.HOST}/client/?applicationId=${process.env.ID}`);
 
+  await page.waitForLoadState('networkidle');
+  await page.getByRole('button', { name: 'Draw' }).click();
   await drawPolygon(page, workerInfo);
 });

src/e2e-tests/drawRectangle.spec.ts

@@ -12,5 +12,7 @@ test('draw-rectangle', async ({
 
   await page.goto(`https://${process.env.HOST}/client/?applicationId=${process.env.ID}`);
 
+  await page.waitForLoadState('networkidle');
+  await page.getByRole('button', { name: 'Draw' }).click();
   await drawRectangle(page, workerInfo);
 });

src/e2e-tests/drawUpload.spec.ts

@@ -12,5 +12,7 @@ test('draw-upload', async ({
 
   await page.goto(`https://${process.env.HOST}/client/?applicationId=${process.env.ID}`);
 
+  await page.waitForLoadState('networkidle');
+  await page.getByRole('button', { name: 'Draw' }).click();
   await drawUpload(page, workerInfo);
 });

src/e2e-tests/exportPrint.spec.ts

@@ -12,5 +12,7 @@ test('draw-print', async ({
 
   await page.goto(`https://${process.env.HOST}/client/?applicationId=${process.env.ID}`);
 
+  await page.waitForLoadState('networkidle');
+  await page.getByRole('button', { name: 'Export' }).click();
   await exportPrint(page);
 });

src/e2e-tests/languageSelector.spec.ts

@@ -12,5 +12,7 @@ test('language-selector', async ({
 
   await page.goto(`https://${process.env.HOST}/client/?applicationId=${process.env.ID}`);
 
+  await page.waitForLoadState('networkidle');
+  await page.getByRole('button', { name: 'Language selector' }).click();
   await languageSelector(page);
 });

src/e2e-tests/layertree.spec.ts

@@ -12,5 +12,7 @@ test('layertree', async ({
 
   await page.goto(`https://${process.env.HOST}/client/?applicationId=${process.env.ID}`);
 
+  await page.waitForLoadState('networkidle');
+  await page.getByRole('button', { name: 'Maps' }).click();
   await layertree(page, workerInfo);
 });

src/e2e-tests/measure.spec.ts

@@ -12,5 +12,7 @@ test('measure', async ({
 
   await page.goto(`https://${process.env.HOST}/client/?applicationId=${process.env.ID}`);
 
+  await page.waitForLoadState('networkidle');
+  await page.getByRole('button', { name: 'Measure' }).click();
   await measure(page);
 });

src/e2e-tests/share.spec.ts

@@ -13,5 +13,7 @@ test('share', async ({
 
   await page.goto(`https://${process.env.HOST}/client/?applicationId=${process.env.ID}`);
 
+  await page.waitForLoadState('networkidle');
+  await page.getByRole('button', { name: 'Share' }).click();
   await share(page, context, workerInfo);
 });