Make the export tab tests more stable (#2339)

cypress/integration/client_authorization_test.spec.ts

@@ -152,7 +152,6 @@ describe("Client authentication subtab", () => {
   it("Should copy auth details", () => {
     authenticationTab.goToExportSubTab();
     authenticationTab.copy();
-
     masthead.checkNotificationMessage("Authorization details copied.", true);
   });
 

cypress/support/pages/admin_console/manage/clients/AuthorizationTab.ts

@@ -48,7 +48,11 @@ export default class AuthorizationTab {
   }
 
   goToExportSubTab() {
+    cy.intercept(
+      "/admin/realms/master/clients/*/authz/resource-server/settings"
+    ).as("export-load");
     cy.findByTestId(this.exportTabName).click();
+    cy.wait(["@export-load"]);
     return this;
   }
 

src/clients/authorization/AuthorizationExport.tsx

@@ -15,10 +15,12 @@ import { useAdminClient, useFetch } from "../../context/auth/AdminClient";
 import { useParams } from "react-router-dom";
 import FileSaver from "file-saver";
 import { prettyPrintJSON } from "../../util";
-import "./authorization-details.css";
 import { useAlerts } from "../../components/alert/Alerts";
 import type { ClientParams } from "../routes/Client";
 import type ResourceServerRepresentation from "@keycloak/keycloak-admin-client/lib/defs/resourceServerRepresentation";
+import { KeycloakSpinner } from "../../components/keycloak-spinner/KeycloakSpinner";
+
+import "./authorization-details.css";
 
 export const AuthorizationExport = () => {
   const { t } = useTranslation("clients");
@@ -57,6 +59,10 @@ export const AuthorizationExport = () => {
     }
   };
 
+  if (!code) {
+    return <KeycloakSpinner />;
+  }
+
   return (
     <PageSection>
       <FormAccess isHorizontal role="manage-realm" className="pf-u-mt-lg">