From d903728eca38517993ee983ce23c203737bf7b94 Mon Sep 17 00:00:00 2001
From: Marcin Tojek <marcin@coder.com>
Date: Thu, 11 Apr 2024 13:38:04 +0200
Subject: [PATCH 01/16] test(site): add e2e tests for experiments

---
 site/e2e/constants.ts                         |  4 ++
 site/e2e/tests/deployment/general.spec.ts     | 37 +++++++++++++++++++
 site/src/pages/DeploySettingsPage/Option.tsx  |  5 ++-
 .../pages/DeploySettingsPage/OptionsTable.tsx |  4 +-
 4 files changed, 47 insertions(+), 3 deletions(-)
 create mode 100644 site/e2e/tests/deployment/general.spec.ts

diff --git a/site/e2e/constants.ts b/site/e2e/constants.ts
index 351af63be249c..6998968977908 100644
--- a/site/e2e/constants.ts
+++ b/site/e2e/constants.ts
@@ -37,3 +37,7 @@ export const requireEnterpriseTests = Boolean(
   process.env.CODER_E2E_REQUIRE_ENTERPRISE_TESTS,
 );
 export const enterpriseLicense = process.env.CODER_E2E_ENTERPRISE_LICENSE ?? "";
+
+// Fake experiments to verify that site presents them as enabled.
+export const e2eFakeExperiment1 = "e2e-fake-experiment-1";
+export const e2eFakeExperiment2 = "e2e-fake-experiment-2";
diff --git a/site/e2e/tests/deployment/general.spec.ts b/site/e2e/tests/deployment/general.spec.ts
new file mode 100644
index 0000000000000..75b73d22ed42a
--- /dev/null
+++ b/site/e2e/tests/deployment/general.spec.ts
@@ -0,0 +1,37 @@
+import { expect, test } from "@playwright/test";
+import * as API from "api/api";
+import { setupApiCalls } from "../../api";
+import { requiresEnterpriseLicense } from "../../helpers";
+
+test("experiments", async ({ page }) => {
+  requiresEnterpriseLicense();
+  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: "domcontentloaded" });
+
+  const experimentsLocator = page.locator(
+    "div.options-table tr.option-experiments ul.option-array",
+  );
+  await expect(experimentsLocator).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) => {
+    const experimentLocator = experimentsLocator.locator(
+      `li.option-array-item-${experiment}.option-enabled`,
+    );
+    await expect(experimentLocator).toBeVisible();
+  });
+});
diff --git a/site/src/pages/DeploySettingsPage/Option.tsx b/site/src/pages/DeploySettingsPage/Option.tsx
index de9ead5cb9233..9e5e9f7abdda7 100644
--- a/site/src/pages/DeploySettingsPage/Option.tsx
+++ b/site/src/pages/DeploySettingsPage/Option.tsx
@@ -51,7 +51,7 @@ export const OptionValue: FC<OptionValueProps> = (props) => {
 
   if (typeof value === "object" && !Array.isArray(value)) {
     return (
-      <ul css={{ listStyle: "none" }}>
+      <ul css={{ listStyle: "none" }} className="option-array">
         {Object.entries(value)
           .sort((a, b) => a[0].localeCompare(b[0]))
           .map(([option, isEnabled]) => (
@@ -64,6 +64,9 @@ export const OptionValue: FC<OptionValueProps> = (props) => {
                   color: theme.palette.text.disabled,
                 },
               ]}
+              className={`option-array-item-${option} ${
+                isEnabled ? "option-enabled" : "option-disabled"
+              }`}
             >
               <div
                 css={{
diff --git a/site/src/pages/DeploySettingsPage/OptionsTable.tsx b/site/src/pages/DeploySettingsPage/OptionsTable.tsx
index da08e6b17acba..c83506e2c7182 100644
--- a/site/src/pages/DeploySettingsPage/OptionsTable.tsx
+++ b/site/src/pages/DeploySettingsPage/OptionsTable.tsx
@@ -27,7 +27,7 @@ const OptionsTable: FC<OptionsTableProps> = ({ options, additionalValues }) => {
   }
 
   return (
-    <TableContainer>
+    <TableContainer className="options-table">
       <Table
         css={css`
           & td {
@@ -57,7 +57,7 @@ const OptionsTable: FC<OptionsTableProps> = ({ options, additionalValues }) => {
               return null;
             }
             return (
-              <TableRow key={option.flag}>
+              <TableRow key={option.flag} className={"option-" + option.flag}>
                 <TableCell>
                   <OptionName>{option.name}</OptionName>
                   <OptionDescription>{option.description}</OptionDescription>

From 088fb74f229ba1b75d8b037054b2c0cd14a2e02e Mon Sep 17 00:00:00 2001
From: Marcin Tojek <marcin@coder.com>
Date: Thu, 11 Apr 2024 13:45:08 +0200
Subject: [PATCH 02/16] actually not an enterprise test

---
 site/e2e/tests/deployment/general.spec.ts | 2 --
 1 file changed, 2 deletions(-)

diff --git a/site/e2e/tests/deployment/general.spec.ts b/site/e2e/tests/deployment/general.spec.ts
index 75b73d22ed42a..57acadab28f58 100644
--- a/site/e2e/tests/deployment/general.spec.ts
+++ b/site/e2e/tests/deployment/general.spec.ts
@@ -1,10 +1,8 @@
 import { expect, test } from "@playwright/test";
 import * as API from "api/api";
 import { setupApiCalls } from "../../api";
-import { requiresEnterpriseLicense } from "../../helpers";
 
 test("experiments", async ({ page }) => {
-  requiresEnterpriseLicense();
   await setupApiCalls(page);
 
   // Load experiments from backend API

From 22bed464dbda47e1473af25fd412aa0bc50b4d1d Mon Sep 17 00:00:00 2001
From: Marcin Tojek <marcin@coder.com>
Date: Thu, 11 Apr 2024 14:20:03 +0200
Subject: [PATCH 03/16] Config changes

---
 site/e2e/playwright.config.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/site/e2e/playwright.config.ts b/site/e2e/playwright.config.ts
index d345de379d1cb..2d10720af1b32 100644
--- a/site/e2e/playwright.config.ts
+++ b/site/e2e/playwright.config.ts
@@ -4,6 +4,8 @@ import {
   coderMain,
   coderPort,
   coderdPProfPort,
+  e2eFakeExperiment1,
+  e2eFakeExperiment2,
   enterpriseLicense,
   gitAuth,
 } from "./constants";
@@ -67,6 +69,8 @@ export default defineConfig({
       .join(" "),
     env: {
       ...process.env,
+      // Otherwise, the runner fails on Mac with: could not determine kind of name for C.uuid_string_t
+      CGO_ENABLED: "0",
 
       // This is the test provider for git auth with devices!
       CODER_GITAUTH_0_ID: gitAuth.deviceProvider,
@@ -108,6 +112,7 @@ export default defineConfig({
         gitAuth.validatePath,
       ),
       CODER_PPROF_ADDRESS: "127.0.0.1:" + coderdPProfPort,
+      CODER_EXPERIMENTS: e2eFakeExperiment1 + "," + e2eFakeExperiment2,
     },
     reuseExistingServer: false,
   },

From b05c0f5bc456f318646c19a20884aec5bd51115e Mon Sep 17 00:00:00 2001
From: Marcin Tojek <marcin@coder.com>
Date: Thu, 11 Apr 2024 14:34:18 +0200
Subject: [PATCH 04/16] focus

---
 site/e2e/tests/deployment/general.spec.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/site/e2e/tests/deployment/general.spec.ts b/site/e2e/tests/deployment/general.spec.ts
index 57acadab28f58..fc82eb3de1a89 100644
--- a/site/e2e/tests/deployment/general.spec.ts
+++ b/site/e2e/tests/deployment/general.spec.ts
@@ -16,6 +16,7 @@ test("experiments", async ({ page }) => {
     "div.options-table tr.option-experiments ul.option-array",
   );
   await expect(experimentsLocator).toBeVisible();
+  await experimentsLocator.focus()
 
   // Firstly, check if available experiments are listed
   availableExperiments.safe.map(async (experiment) => {

From f95b64d79b2b64425c933d1a7caca833d79f00a8 Mon Sep 17 00:00:00 2001
From: Marcin Tojek <marcin@coder.com>
Date: Thu, 11 Apr 2024 14:40:35 +0200
Subject: [PATCH 05/16] fmt

---
 site/e2e/tests/deployment/general.spec.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/e2e/tests/deployment/general.spec.ts b/site/e2e/tests/deployment/general.spec.ts
index fc82eb3de1a89..784dfb9fbece1 100644
--- a/site/e2e/tests/deployment/general.spec.ts
+++ b/site/e2e/tests/deployment/general.spec.ts
@@ -16,7 +16,7 @@ test("experiments", async ({ page }) => {
     "div.options-table tr.option-experiments ul.option-array",
   );
   await expect(experimentsLocator).toBeVisible();
-  await experimentsLocator.focus()
+  await experimentsLocator.focus();
 
   // Firstly, check if available experiments are listed
   availableExperiments.safe.map(async (experiment) => {

From 005b54342e62ab986d0b4c53c0dcbfbbd020ef44 Mon Sep 17 00:00:00 2001
From: Marcin Tojek <marcin@coder.com>
Date: Thu, 11 Apr 2024 14:51:10 +0200
Subject: [PATCH 06/16] scrollIntoViewIfNeeded

---
 site/e2e/tests/deployment/general.spec.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/e2e/tests/deployment/general.spec.ts b/site/e2e/tests/deployment/general.spec.ts
index 784dfb9fbece1..d520837f78693 100644
--- a/site/e2e/tests/deployment/general.spec.ts
+++ b/site/e2e/tests/deployment/general.spec.ts
@@ -16,7 +16,7 @@ test("experiments", async ({ page }) => {
     "div.options-table tr.option-experiments ul.option-array",
   );
   await expect(experimentsLocator).toBeVisible();
-  await experimentsLocator.focus();
+  await experimentsLocator.scrollIntoViewIfNeeded()
 
   // Firstly, check if available experiments are listed
   availableExperiments.safe.map(async (experiment) => {

From cdd9f30eb49ad5346218243d88af57e51f7db8fb Mon Sep 17 00:00:00 2001
From: Marcin Tojek <marcin@coder.com>
Date: Thu, 11 Apr 2024 15:19:23 +0200
Subject: [PATCH 07/16] network

---
 site/e2e/tests/deployment/general.spec.ts | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/site/e2e/tests/deployment/general.spec.ts b/site/e2e/tests/deployment/general.spec.ts
index d520837f78693..a460d7118b437 100644
--- a/site/e2e/tests/deployment/general.spec.ts
+++ b/site/e2e/tests/deployment/general.spec.ts
@@ -10,20 +10,19 @@ test("experiments", async ({ page }) => {
   const enabledExperiments = await API.getExperiments();
 
   // Verify if the site lists the same experiments
-  await page.goto("/deployment/general", { waitUntil: "domcontentloaded" });
+  await page.goto("/deployment/general", { waitUntil: "networkidle" });
 
   const experimentsLocator = page.locator(
     "div.options-table tr.option-experiments ul.option-array",
   );
-  await expect(experimentsLocator).toBeVisible();
-  await experimentsLocator.scrollIntoViewIfNeeded()
+  await experimentsLocator.scrollIntoViewIfNeeded();
 
   // 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();
+    await expect(experimentLocator).toBeInViewport();
   });
 
   // Secondly, check if all enabled experiments are listed
@@ -31,6 +30,6 @@ test("experiments", async ({ page }) => {
     const experimentLocator = experimentsLocator.locator(
       `li.option-array-item-${experiment}.option-enabled`,
     );
-    await expect(experimentLocator).toBeVisible();
+    await expect(experimentLocator).toBeInViewport();
   });
 });

From 599d22dabf6fda230266cf986ab2e04d3fd88ff2 Mon Sep 17 00:00:00 2001
From: Marcin Tojek <marcin@coder.com>
Date: Thu, 11 Apr 2024 15:41:59 +0200
Subject: [PATCH 08/16] Try

---
 site/e2e/tests/deployment/general.spec.ts | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/site/e2e/tests/deployment/general.spec.ts b/site/e2e/tests/deployment/general.spec.ts
index a460d7118b437..d63f1933be5a4 100644
--- a/site/e2e/tests/deployment/general.spec.ts
+++ b/site/e2e/tests/deployment/general.spec.ts
@@ -15,14 +15,20 @@ test("experiments", async ({ page }) => {
   const experimentsLocator = page.locator(
     "div.options-table tr.option-experiments ul.option-array",
   );
-  await experimentsLocator.scrollIntoViewIfNeeded();
+  await expect(experimentsLocator).toBeVisible();
+
+  await experimentsLocator.focus();
+  await page.mouse.wheel(0, 600);
+
+  // eslint-disable-next-line no-console -- HTML for experiments
+  console.log(experimentsLocator.innerHTML())
 
   // Firstly, check if available experiments are listed
   availableExperiments.safe.map(async (experiment) => {
     const experimentLocator = experimentsLocator.locator(
       `li.option-array-item-${experiment}`,
     );
-    await expect(experimentLocator).toBeInViewport();
+    await expect(experimentLocator).toBeVisible();
   });
 
   // Secondly, check if all enabled experiments are listed
@@ -30,6 +36,6 @@ test("experiments", async ({ page }) => {
     const experimentLocator = experimentsLocator.locator(
       `li.option-array-item-${experiment}.option-enabled`,
     );
-    await expect(experimentLocator).toBeInViewport();
+    await expect(experimentLocator).toBeVisible();
   });
 });

From b8c4b6519764e0c98ed8bb90c5232e17a5ee19a0 Mon Sep 17 00:00:00 2001
From: Marcin Tojek <marcin@coder.com>
Date: Thu, 11 Apr 2024 15:47:50 +0200
Subject: [PATCH 09/16] Try

---
 site/e2e/tests/deployment/general.spec.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/e2e/tests/deployment/general.spec.ts b/site/e2e/tests/deployment/general.spec.ts
index d63f1933be5a4..9ad6f32ea09b9 100644
--- a/site/e2e/tests/deployment/general.spec.ts
+++ b/site/e2e/tests/deployment/general.spec.ts
@@ -21,7 +21,7 @@ test("experiments", async ({ page }) => {
   await page.mouse.wheel(0, 600);
 
   // eslint-disable-next-line no-console -- HTML for experiments
-  console.log(experimentsLocator.innerHTML())
+  console.log(experimentsLocator.innerHTML());
 
   // Firstly, check if available experiments are listed
   availableExperiments.safe.map(async (experiment) => {

From 48bf58d3d065a89c25b9cdcce3400c8864bcdbf4 Mon Sep 17 00:00:00 2001
From: Marcin Tojek <marcin@coder.com>
Date: Thu, 11 Apr 2024 15:57:45 +0200
Subject: [PATCH 10/16] Next try

---
 site/e2e/playwright.config.ts             | 1 +
 site/e2e/tests/deployment/general.spec.ts | 3 ---
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/site/e2e/playwright.config.ts b/site/e2e/playwright.config.ts
index e8e8755193dc5..41a26a75b86b0 100644
--- a/site/e2e/playwright.config.ts
+++ b/site/e2e/playwright.config.ts
@@ -36,6 +36,7 @@ export default defineConfig({
   use: {
     baseURL: `http://localhost:${coderPort}`,
     video: "retain-on-failure",
+    viewport: { width: 2048, height: 1600 },
     ...(wsEndpoint
       ? {
           connectOptions: {
diff --git a/site/e2e/tests/deployment/general.spec.ts b/site/e2e/tests/deployment/general.spec.ts
index 9ad6f32ea09b9..bf15b800a11ca 100644
--- a/site/e2e/tests/deployment/general.spec.ts
+++ b/site/e2e/tests/deployment/general.spec.ts
@@ -17,9 +17,6 @@ test("experiments", async ({ page }) => {
   );
   await expect(experimentsLocator).toBeVisible();
 
-  await experimentsLocator.focus();
-  await page.mouse.wheel(0, 600);
-
   // eslint-disable-next-line no-console -- HTML for experiments
   console.log(experimentsLocator.innerHTML());
 

From 7a032f1da588d268252ccc0144d93c4cf4f147fb Mon Sep 17 00:00:00 2001
From: Marcin Tojek <marcin@coder.com>
Date: Thu, 11 Apr 2024 17:48:21 +0200
Subject: [PATCH 11/16] WIP

---
 site/e2e/playwright.config.ts             |  2 +-
 site/e2e/tests/deployment/general.spec.ts | 23 +++++++++--------------
 2 files changed, 10 insertions(+), 15 deletions(-)

diff --git a/site/e2e/playwright.config.ts b/site/e2e/playwright.config.ts
index 41a26a75b86b0..de27a2a165bec 100644
--- 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
index bf15b800a11ca..294ff06e00510 100644
--- 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();
-  });
+  }
 });

From d644d9907ed2e3a59bc578c5ef3ed5ebac0750e3 Mon Sep 17 00:00:00 2001
From: Marcin Tojek <marcin@coder.com>
Date: Thu, 11 Apr 2024 17:53:49 +0200
Subject: [PATCH 12/16] WIP

---
 site/e2e/tests/deployment/general.spec.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/e2e/tests/deployment/general.spec.ts b/site/e2e/tests/deployment/general.spec.ts
index 294ff06e00510..5efe4024a32f5 100644
--- a/site/e2e/tests/deployment/general.spec.ts
+++ b/site/e2e/tests/deployment/general.spec.ts
@@ -26,7 +26,7 @@ test("experiments", async ({ page }) => {
   // Secondly, check if available experiments are listed
   for (const experiment of availableExperiments.safe) {
     const experimentLocator = experimentsLocator.locator(
-      `li.option-array-item-${experiment}.option-enabled`,
+      `li.option-array-item-${experiment}`,
     );
     await expect(experimentLocator).toBeVisible();
   }

From dc4223313b9f33264f0c27c0275783fe3d66b4e8 Mon Sep 17 00:00:00 2001
From: Marcin Tojek <marcin@coder.com>
Date: Thu, 11 Apr 2024 18:01:10 +0200
Subject: [PATCH 13/16] viewport

---
 site/e2e/playwright.config.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/site/e2e/playwright.config.ts b/site/e2e/playwright.config.ts
index de27a2a165bec..e8e8755193dc5 100644
--- a/site/e2e/playwright.config.ts
+++ b/site/e2e/playwright.config.ts
@@ -36,7 +36,6 @@ export default defineConfig({
   use: {
     baseURL: `http://localhost:${coderPort}`,
     video: "retain-on-failure",
-    viewport: { width: 2560, height: 1440 },
     ...(wsEndpoint
       ? {
           connectOptions: {

From d15f10d1e8ae5d28f2729da21862ec4659fce9fc Mon Sep 17 00:00:00 2001
From: Marcin Tojek <marcin@coder.com>
Date: Thu, 11 Apr 2024 18:10:12 +0200
Subject: [PATCH 14/16] WIP

---
 site/e2e/tests/deployment/general.spec.ts | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/site/e2e/tests/deployment/general.spec.ts b/site/e2e/tests/deployment/general.spec.ts
index 5efe4024a32f5..1f51c33aaa6e6 100644
--- a/site/e2e/tests/deployment/general.spec.ts
+++ b/site/e2e/tests/deployment/general.spec.ts
@@ -18,10 +18,8 @@ test("experiments", async ({ page }) => {
   await expect(experimentsLocator).toBeVisible();
 
   // Firstly, check if all enabled experiments are listed
-  expect(experimentsLocator.locator("li", { hasText: e2eFakeExperiment1 }))
-    .toBeVisible;
-  expect(experimentsLocator.locator("li", { hasText: e2eFakeExperiment2 }))
-    .toBeVisible;
+  expect(experimentsLocator.locator(`li.option-array-item-${e2eFakeExperiment1}.option-enabled`)).toBeVisible;
+  expect(experimentsLocator.locator(`li.option-array-item-${e2eFakeExperiment2}.option-enabled`)).toBeVisible;
 
   // Secondly, check if available experiments are listed
   for (const experiment of availableExperiments.safe) {

From d5a8a9183c130435bd55bc60a5a3607f8bd4ec86 Mon Sep 17 00:00:00 2001
From: Marcin Tojek <marcin@coder.com>
Date: Thu, 11 Apr 2024 18:18:52 +0200
Subject: [PATCH 15/16] fmt

---
 site/e2e/tests/deployment/general.spec.ts | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/site/e2e/tests/deployment/general.spec.ts b/site/e2e/tests/deployment/general.spec.ts
index 1f51c33aaa6e6..de334a95b05e3 100644
--- a/site/e2e/tests/deployment/general.spec.ts
+++ b/site/e2e/tests/deployment/general.spec.ts
@@ -18,8 +18,16 @@ test("experiments", async ({ page }) => {
   await expect(experimentsLocator).toBeVisible();
 
   // Firstly, check if all enabled experiments are listed
-  expect(experimentsLocator.locator(`li.option-array-item-${e2eFakeExperiment1}.option-enabled`)).toBeVisible;
-  expect(experimentsLocator.locator(`li.option-array-item-${e2eFakeExperiment2}.option-enabled`)).toBeVisible;
+  expect(
+    experimentsLocator.locator(
+      `li.option-array-item-${e2eFakeExperiment1}.option-enabled`,
+    ),
+  ).toBeVisible;
+  expect(
+    experimentsLocator.locator(
+      `li.option-array-item-${e2eFakeExperiment2}.option-enabled`,
+    ),
+  ).toBeVisible;
 
   // Secondly, check if available experiments are listed
   for (const experiment of availableExperiments.safe) {

From f9aa07bd33b0a92475fe4e5fc4e40c7a3701a2a8 Mon Sep 17 00:00:00 2001
From: Marcin Tojek <marcin@coder.com>
Date: Fri, 12 Apr 2024 10:15:33 +0200
Subject: [PATCH 16/16] More timeout?

---
 site/e2e/playwright.config.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/e2e/playwright.config.ts b/site/e2e/playwright.config.ts
index e8e8755193dc5..2fe84b17a2f83 100644
--- a/site/e2e/playwright.config.ts
+++ b/site/e2e/playwright.config.ts
@@ -29,7 +29,7 @@ export default defineConfig({
       testMatch: /.*\.spec\.ts/,
       dependencies: ["testsSetup"],
       use: { storageState },
-      timeout: 20_000,
+      timeout: 50_000,
     },
   ],
   reporter: [["./reporter.ts"]],