Fix flaky e2e preferences test

WordPress · Oct 18, 2024 · 75630ac · 75630ac
1 parent 86b17a5
commit 75630ac
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/frontend/src/pages/preferences.vue b/frontend/src/pages/preferences.vue
@@ -124,7 +124,7 @@ const doneHydrating = computed(() => useHydrating())
             @change="handleChange"
           >
             <div>
-              <strong>{{ flag.name }}</strong>
+              <strong>{{ flag.name }}{{ `: ${flag.state}` }}</strong>
               <br />
               {{ flag.description }}
             </div>

diff --git a/frontend/test/playwright/e2e/preferences.spec.ts b/frontend/test/playwright/e2e/preferences.spec.ts
@@ -1,4 +1,4 @@
-import { type Page, test } from "@playwright/test"
+import { type Page, expect, test } from "@playwright/test"
 
 import { preparePageForTests } from "~~/test/playwright/utils/navigation"
 
@@ -104,6 +104,10 @@ const toggleChecked = async (
     },
     [name, !originalChecked ? "bg-tertiary" : "bg-default"] as const
   )
+
+  await expect(
+    page.getByText(`${name}: ${!originalChecked ? "on" : "off"}`).first()
+  ).toBeVisible()
 }
 
 test.describe("switchable features", () => {