Add loading feedback to refresh logs button

Author: LauraBeatris

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

@@ -24,9 +24,9 @@ describe('ConfigureSSO', () => {
 
       const { findByText, queryByText } = render(<ConfigureSSO />, { wrapper });
 
-      await findByText(/you do not have permission to manage enterprise connections/i);
-      expect(queryByText(/contact your organization administrator in order to have permissions/i)).toBeInTheDocument();
-      expect(queryByText(/select provider/i)).not.toBeInTheDocument();
+      await findByText(/you do not have permission to manage single sign-on/i);
+      expect(queryByText(/contact your organization.*administrator to upgrade your permissions/i)).toBeInTheDocument();
+      expect(queryByText(/select your identity provider/i)).not.toBeInTheDocument();
     });
 
     it('renders the wizard when the active organization membership has the manage enterprise connections permission', async () => {
@@ -45,9 +45,9 @@ describe('ConfigureSSO', () => {
       const { findByText, queryByText } = render(<ConfigureSSO />, { wrapper });
 
       await waitFor(() => {
-        expect(queryByText(/you do not have permission to manage enterprise connections/i)).not.toBeInTheDocument();
+        expect(queryByText(/you do not have permission to manage single sign-on/i)).not.toBeInTheDocument();
       });
-      await findByText(/select provider/i);
+      await findByText(/select your identity provider/i);
     });
   });
 
@@ -63,8 +63,8 @@ describe('ConfigureSSO', () => {
 
       const { findByText, queryByText } = render(<ConfigureSSO />, { wrapper });
 
-      await findByText(/select provider/i);
-      expect(queryByText(/you do not have permission to manage enterprise connections/i)).not.toBeInTheDocument();
+      await findByText(/select your identity provider/i);
+      expect(queryByText(/you do not have permission to manage single sign-on/i)).not.toBeInTheDocument();
     });
   });
 });

packages/ui/src/components/ConfigureSSO/steps/TestConfigurationStep.tsx

@@ -56,13 +56,15 @@ export const TestConfigurationStep = (): JSX.Element => {
     data: testRuns,
     totalCount,
     isLoading: areTestRunsLoading,
+    isFetching: areTestRunsFetching,
     isPolling,
     revalidate: revalidateTestRuns,
   } = __internal_useEnterpriseConnectionTestRuns({
     enterpriseConnectionId: enterpriseConnection?.id ?? null,
     params: { initialPage: currentPage, pageSize: TEST_RUNS_PAGE_SIZE },
   });
 
+  const isRefreshingTestRuns = areTestRunsFetching && !areTestRunsLoading;
   const pageCount = totalCount ? Math.ceil(totalCount / TEST_RUNS_PAGE_SIZE) : 0;
 
   const handleTestRunCreated = () => {
@@ -112,14 +114,21 @@ export const TestConfigurationStep = (): JSX.Element => {
                 colorScheme='secondary'
                 size='xs'
                 onClick={() => void revalidateTestRuns()}
-                isDisabled={areTestRunsLoading}
+                isDisabled={isRefreshingTestRuns}
                 sx={t => ({ gap: t.space.$1x5 })}
               >
-                <Icon
-                  icon={RotateLeftRight}
-                  size='sm'
-                  colorScheme='neutral'
-                />
+                {isRefreshingTestRuns ? (
+                  <Spinner
+                    elementDescriptor={descriptors.spinner}
+                    size='xs'
+                  />
+                ) : (
+                  <Icon
+                    icon={RotateLeftRight}
+                    size='sm'
+                    colorScheme='neutral'
+                  />
+                )}
                 <Text
                   as='span'
                   localizationKey={localizationKeys(

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

@@ -98,8 +98,8 @@ describe('SelectProviderStep', () => {
     const { wrapper } = await createFixtures();
     renderStep(wrapper);
 
-    expect(screen.getByRole('heading', { name: 'Select provider' })).toBeInTheDocument();
-    expect(screen.getByText('Select your identity provider')).toBeInTheDocument();
+    expect(screen.getByRole('heading', { name: 'Select your identity provider' })).toBeInTheDocument();
+    expect(screen.getByText(/We.*ll guide you through the detailed setup process next\./)).toBeInTheDocument();
   });
 
   it('renders both SAML provider radios with their labels', async () => {