fix buttons not clicking during tests

e2e/package.json

@@ -5,7 +5,7 @@
   "type": "commonjs",
   "scripts": {
     "lint": "pnpm prettier --check './tests/**.ts' './utils/**/*.ts' && pnpm eslint './tests/**.ts' './utils/**/*.ts'",
-    "fix": "pnpm prettier -w './tests/**.ts' './utils/**/*.ts' && pnpm eslint --fix ./tests/**/*.ts ./utils/**/*.ts",
+    "fix": "pnpm prettier -w ./tests/**/*.ts ./utils/**/*.ts && pnpm eslint --fix ./tests/**/*.ts ./utils/**/*.ts",
     "test": "pnpm playwright test"
   },
   "keywords": [],
@@ -42,4 +42,4 @@
   "volta": {
     "node": "19.9.0"
   }
-}
+}

e2e/tests/vpn/networkdevice.spec.ts

@@ -60,7 +60,7 @@ test.describe('Network devices', () => {
 
     // Check if the device is really there
     await page.goto(routes.base + routes.admin.devices);
-    const deviceList = await page.locator('#devices-page-devices-list').first();
+    const deviceList = page.locator('#devices-page-devices-list').first();
     const deviceRows = deviceList.locator('.device-row');
     await expect(deviceRows).toHaveCount(1);
     const deviceRow = await getDeviceRow({ page, deviceName });

e2e/utils/controllers/vpn/createNetworkDevice.ts

@@ -47,11 +47,14 @@ export const createNetworkDevice = async (
   const context = await browser.newContext();
   const page = await context.newPage();
   await loginBasic(page, user);
-  await page.goto(routes.base + routes.admin.devices);
+  await page.goto(routes.base + routes.admin.devices, {
+    waitUntil: 'networkidle',
+  });
   await page.getByRole('button', { name: 'Add new' }).click();
   const configCard = page.locator('#add-standalone-device-modal');
+  await configCard.waitFor({ state: 'visible' });
   // select native-wg method
-  await configCard.getByTestId('standalone-device-choice-card-manual').click();
+  await page.getByTestId('standalone-device-choice-card-manual').click();
   await configCard.getByRole('button', { name: 'Next' }).click();
   const deviceNameInput = configCard.getByTestId('field-name');
   await deviceNameInput.fill(device.name);