Fix flaky e2e preferences test

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

Hide file tree

Showing 2 changed files with 4 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,8 @@ const toggleChecked = async (
     },
     [name, !originalChecked ? "bg-tertiary" : "bg-default"] as const
   )
+  const textRe = new RegExp(`${name}: ${!originalChecked ? "on" : "off"}`)
+  await expect(page.getByText(textRe).first()).toBeVisible()
 }
 
 test.describe("switchable features", () => {