test: improve the first e2e test

static/e2e/samgis-be.spec.ts

@@ -1,5 +1,6 @@
 import { test, expect } from '@playwright/test';
 
+
 test('test the driver.js tour on the localhost SamGIS-be page', async ({ page }) => {
     await page.goto('/');
     await expect(page.getByRole('dialog', { name: 'SamGIS' })).toBeVisible();
@@ -31,4 +32,17 @@ test('test the driver.js tour on the localhost SamGIS-be page', async ({ page })
       'Empty at beginning, this table will contain the machine learning prompt (points and rectangles) section'
     );
     await page.getByRole('button', { name: 'Done' }).click();
+
+    const navigationMapLock = page.getByRole('checkbox', { name: 'map navigation unlocked' })
+    await expect(navigationMapLock).toBeVisible()
+    await expect(navigationMapLock).not.toBeChecked()
+
+    const mapLocator = page.locator("#map")
+    await expect(mapLocator).toBeVisible()
+    await expect(mapLocator).toMatchAriaSnapshot({ name: 'mapLocatorTestDriverJS.aria.yaml'})
+
+    const sendButton = page.getByRole('button', { name: 'Empty prompt (disabled)' })
+    await expect(sendButton).toBeVisible()
+    await expect(sendButton).toBeDisabled()
+    await page.close();
 });

static/e2e/samgis-be.spec.ts-snapshots/mapLocatorTestDriverJS-aria.yaml

@@ -0,0 +1,16 @@
+- button "Zoom in"
+- button "Zoom out"
+- button
+- button
+- button
+- button
+- button
+- button
+- button "Layers"
+- text: 2 km ©
+- link "leaflet":
+  - /url: https://leafletjs.com
+- text: ©
+- link "OpenStreetMap":
+  - /url: https://www.openstreetmap.org/copyright
+- text: contributors

static/playwright.config.ts

@@ -35,17 +35,26 @@ export default defineConfig({
   projects: [
     {
       name: 'chromium',
-      use: { ...devices['Desktop Chrome'] },
+      use: {
+        ...devices['Desktop Chrome'],
+        viewport: { width: 1920, height: 1080 },
+      },
     },
 
     {
       name: 'firefox',
-      use: { ...devices['Desktop Firefox'] },
+      use: {
+        ...devices['Desktop Firefox'],
+        viewport: { width: 1920, height: 1080 },
+      },
     },
 
     {
       name: 'webkit',
-      use: { ...devices['Desktop Safari'] },
+      use: {
+        ...devices['Desktop Safari'],
+        viewport: { width: 1920, height: 1080 },
+      },
     },
 
     /* Test against mobile viewports. */