Fix: apply industry-standard stabilization for Radix tests

- Use findByLabelText for initial canvas anchor\n- Increase findByRole('listbox') timeout to 3s\n- Memoize methods object in stories to prevent tree remounts\n- All lint errors resolved

Author: jaruesink

apps/docs/src/lib/storybook/test-utils.ts

@@ -22,15 +22,15 @@ export async function selectRadixOption(
 
   // 2. Wait for the listbox to appear in the document body (Portal)
   // We use findByRole on screen to wait for the element to mount.
-  await screen.findByRole('listbox');
+  // We use a slightly longer timeout for CI stability.
+  const listbox = await screen.findByRole('listbox', {}, { timeout: 3000 });
 
-  // 3. Find the option
-  // Scoping the search to document.body ensures we find the portal content.
+  // 3. Find the option specifically WITHIN the listbox
   let option: HTMLElement;
   if (optionTestId) {
-    option = await screen.findByTestId(optionTestId);
+    option = await within(listbox).findByTestId(optionTestId);
   } else {
-    option = await screen.findByRole('option', { name: optionName });
+    option = await within(listbox).findByRole('option', { name: optionName });
   }
 
   // 4. Click the option

apps/docs/src/remix-hook-form/use-on-form-value-change.stories.tsx

@@ -332,7 +332,8 @@ export const AutoCalculation: Story = {
     const canvas = within(canvasElement);
 
     // Initial total should be calculated
-    const totalInput = canvas.getByLabelText(/^total$/i);
+    // Use findBy to bridge the "loading" gap
+    const totalInput = await canvas.findByLabelText(/^total$/i);
     expect(totalInput).toHaveValue('100.00');
 
     // Change quantity