From 574dd421c1a601a13de346338f0ac2d1a97880d2 Mon Sep 17 00:00:00 2001
From: Olga Bulat <obulat@gmail.com>
Date: Tue, 8 Oct 2024 12:45:19 +0300
Subject: [PATCH] Add a back-off

---
 .../test/playwright/e2e/preferences.spec.ts     | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/frontend/test/playwright/e2e/preferences.spec.ts b/frontend/test/playwright/e2e/preferences.spec.ts
index fb91f4a4158..74d69d52631 100644
--- a/frontend/test/playwright/e2e/preferences.spec.ts
+++ b/frontend/test/playwright/e2e/preferences.spec.ts
@@ -87,12 +87,19 @@ const toggleChecked = async (
   // The knob's color is `bg-default` when off and `bg-tertiary` when on.
   await page.evaluate(
     async ([name, className]) => {
-      const knobClasses = document
-        .querySelector(`${name}`)
-        ?.parentElement?.querySelector("span")?.className
+      const getKnobClasses = () => {
+        return (
+          document
+            .getElementById(`#${name}`)
+            ?.parentElement?.querySelector("span")?.className ?? ""
+        )
+      }
 
-      if (!knobClasses?.includes(className)) {
-        setTimeout(() => {}, 200)
+      for (const waitTime of [100, 200, 500]) {
+        if (getKnobClasses().includes(className)) {
+          return
+        }
+        await new Promise((resolve) => setTimeout(resolve, waitTime))
       }
     },
     [name, !originalChecked ? "bg-tertiary" : "bg-default"] as const