Confirm setting before running test

browser_tests/ComfyPage.ts

@@ -22,7 +22,7 @@ class ComfyNodeSearchBox {
   }
 
   async fillAndSelectFirstNode(nodeName: string) {
-    await this.input.waitFor({ state: "visible" })
+    await this.input.waitFor({ state: "visible" });
     await this.input.fill(nodeName);
     await this.dropdown.waitFor({ state: "visible" });
     await this.dropdown.locator("li").nth(0).click();

browser_tests/nodeSearchBox.spec.ts

@@ -1,5 +1,17 @@
 import { expect } from "@playwright/test";
-import { comfyPageFixture as test } from "./ComfyPage";
+import { ComfyPage, comfyPageFixture } from "./ComfyPage";
+
+export const test = comfyPageFixture.extend<{ comfyPage: ComfyPage }>({
+  comfyPage: async ({ comfyPage }, use) => {
+    await comfyPage.page.evaluate(async () => {
+      await window["app"].ui.settings.setSettingValueAsync(
+        "Comfy.NodeSearchBoxImpl",
+        "default"
+      );
+    });
+    await use(comfyPage);
+  },
+});
 
 test.describe("Node search box", () => {
   test("Can trigger on empty canvas double click", async ({ comfyPage }) => {

playwright.config.ts

@@ -36,6 +36,7 @@ export default defineConfig({
     {
       name: 'chromium',
       use: { ...devices['Desktop Chrome'] },
+      timeout: 3000,
     },
 
     // {

src/App.vue

@@ -15,7 +15,7 @@ import { ColorPaletteLoadedEvent } from "./types/colorPalette";
 import { LiteGraphNodeSearchSettingEvent } from "./scripts/ui";
 
 const isLoading = ref(true);
-const nodeSearchEnabled = ref(true);
+const nodeSearchEnabled = ref(false);
 const nodeSearchService = ref<NodeSearchService>();
 
 const updateTheme = (e: ColorPaletteLoadedEvent) => {
@@ -30,7 +30,7 @@ const updateTheme = (e: ColorPaletteLoadedEvent) => {
 };
 
 const updateNodeSearchSetting = (e: LiteGraphNodeSearchSettingEvent) => {
-  // nodeSearchEnabled.value = !e.detail;
+  nodeSearchEnabled.value = !e.detail;
 };
 
 onMounted(async () => {