WIP

mtojek · mtojek · commit 7a032f1da588 · 2024-04-11T17:48:21.000+02:00
diff --git a/site/e2e/playwright.config.ts b/site/e2e/playwright.config.ts
@@ -36,7 +36,7 @@ export default defineConfig({
   use: {
     baseURL: `http://localhost:${coderPort}`,
     video: "retain-on-failure",
-    viewport: { width: 2048, height: 1600 },
+    viewport: { width: 2560, height: 1440 },
     ...(wsEndpoint
       ? {
           connectOptions: {
diff --git a/site/e2e/tests/deployment/general.spec.ts b/site/e2e/tests/deployment/general.spec.ts
@@ -1,13 +1,13 @@
 import { expect, test } from "@playwright/test";
 import * as API from "api/api";
 import { setupApiCalls } from "../../api";
+import { e2eFakeExperiment1, e2eFakeExperiment2 } from "../../constants";
 
 test("experiments", async ({ page }) => {
   await setupApiCalls(page);
 
   // Load experiments from backend API
   const availableExperiments = await API.getAvailableExperiments();
-  const enabledExperiments = await API.getExperiments();
 
   // Verify if the site lists the same experiments
   await page.goto("/deployment/general", { waitUntil: "networkidle" });
@@ -17,22 +17,17 @@ test("experiments", async ({ page }) => {
   );
   await expect(experimentsLocator).toBeVisible();
 
-  // eslint-disable-next-line no-console -- HTML for experiments
-  console.log(experimentsLocator.innerHTML());
+  // Firstly, check if all enabled experiments are listed
+  expect(experimentsLocator.locator("li", { hasText: e2eFakeExperiment1 }))
+    .toBeVisible;
+  expect(experimentsLocator.locator("li", { hasText: e2eFakeExperiment2 }))
+    .toBeVisible;
 
-  // Firstly, check if available experiments are listed
-  availableExperiments.safe.map(async (experiment) => {
-    const experimentLocator = experimentsLocator.locator(
-      `li.option-array-item-${experiment}`,
-    );
-    await expect(experimentLocator).toBeVisible();
-  });
-
-  // Secondly, check if all enabled experiments are listed
-  enabledExperiments.map(async (experiment) => {
+  // Secondly, check if available experiments are listed
+  for (const experiment of availableExperiments.safe) {
     const experimentLocator = experimentsLocator.locator(
       `li.option-array-item-${experiment}.option-enabled`,
     );
     await expect(experimentLocator).toBeVisible();
-  });
+  }
 });
