🤖 fix: use aria-label to target experiment toggles in stories

Select switches by name instead of DOM order to prevent flaky tests
when new switches are added to the Settings modal.

Author: ethanndickson

src/browser/stories/App.settings.stories.tsx

@@ -186,12 +186,9 @@ export const ExperimentsToggleOn: AppStory = {
     const modal = body.getByRole("dialog");
     const modalCanvas = within(modal);
 
-    // Find the switch by its role - experiments use role="switch"
-    const switches = await modalCanvas.findAllByRole("switch");
-    if (switches.length > 0) {
-      // Toggle the first experiment on
-      await userEvent.click(switches[0]);
-    }
+    // Find the experiment toggle by its aria-label (set in ExperimentsSection.tsx)
+    const toggle = await modalCanvas.findByRole("switch", { name: /Post-Compaction Context/i });
+    await userEvent.click(toggle);
   },
 };
 
@@ -205,13 +202,10 @@ export const ExperimentsToggleOff: AppStory = {
     const modal = body.getByRole("dialog");
     const modalCanvas = within(modal);
 
-    // Find the switch
-    const switches = await modalCanvas.findAllByRole("switch");
-    if (switches.length > 0) {
-      // Toggle on first
-      await userEvent.click(switches[0]);
-      // Then toggle off
-      await userEvent.click(switches[0]);
-    }
+    // Find the experiment toggle by its aria-label (set in ExperimentsSection.tsx)
+    const toggle = await modalCanvas.findByRole("switch", { name: /Post-Compaction Context/i });
+    // Toggle on first, then toggle off
+    await userEvent.click(toggle);
+    await userEvent.click(toggle);
   },
 };