Disable refetchOnWindowFocus for test runs query

Previously, the 'Refresh logs' button was triggering a loading state on mount, since the step gets focused and the query gets triggered.

We don't need to refetch on window focus, in order to rely on the refresh logs button only + the current internal polling mechanism.

Author: LauraBeatris

packages/shared/src/react/hooks/useEnterpriseConnectionTestRuns.tsx

@@ -104,6 +104,7 @@ function useEnterpriseConnectionTestRuns(
     },
     enabled: queryEnabled,
     refetchIntervalInBackground: false,
+    refetchOnWindowFocus: false,
   });
 
   const hasRows = (query.data?.data?.length ?? 0) > 0;

packages/ui/src/components/ConfigureSSO/elements/Stepper/Stepper.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 
-import { Box, descriptors, Flex, Icon, SimpleButton, Span, Text } from '@/customizables';
-import { Checkmark, ChevronRight } from '@/icons';
+import { Box, descriptors, Flex, Icon, SimpleButton, Text, Span } from '@/customizables';
+import { ChevronRight, Checkmark } from '@/icons';
 
 import type { StepperItemProps, StepperProps } from './types';
 

packages/ui/src/components/ConfigureSSO/steps/__tests__/SelectProviderStep.test.tsx

@@ -102,13 +102,14 @@ describe('SelectProviderStep', () => {
     expect(screen.getByText(/We.*ll guide you through the detailed setup process next\./)).toBeInTheDocument();
   });
 
-  it('renders both SAML provider radios with their labels', async () => {
+  it('renders all SAML provider radios with their labels', async () => {
     resetMocks();
     const { wrapper } = await createFixtures();
     renderStep(wrapper);
 
     expect(screen.getByRole('radio', { name: 'Okta Workforce' })).toBeInTheDocument();
     expect(screen.getByRole('radio', { name: 'Custom SAML Provider' })).toBeInTheDocument();
+    expect(screen.getByRole('radio', { name: 'Google Workspace' })).toBeInTheDocument();
   });
 
   it('loads each tile icon from img.clerk.com', async () => {
@@ -118,7 +119,7 @@ describe('SelectProviderStep', () => {
 
     // Emotion serializes sx into stylesheets, so we check both inline + the document's collected styles
     const iconSpans = Array.from(container.querySelectorAll('label span[aria-hidden]'));
-    expect(iconSpans).toHaveLength(2);
+    expect(iconSpans).toHaveLength(3);
 
     const collectedStyles = [
       ...Array.from(document.head.querySelectorAll('style')).map(s => s.textContent ?? ''),
@@ -127,6 +128,7 @@ describe('SelectProviderStep', () => {
 
     expect(collectedStyles).toMatch(/img\.clerk\.com\/static\/okta\.svg/);
     expect(collectedStyles).toMatch(/img\.clerk\.com\/static\/saml\.svg/);
+    expect(collectedStyles).toMatch(/img\.clerk\.com\/static\/google\.svg/);
   });
 
   it('disables Continue when no provider is selected', async () => {