libre.sh/keycloak-scim
3
0
Fork 0
Code Issues 15 Pull requests Releases 1 Packages Activity Actions

Remove unused DataLoader component (#4180)

Browse source
This commit is contained in:
Jon Koops 2023-01-12 10:50:06 +01:00 committed by GitHub
parent 201c41858f
commit e32cdaebec
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 0 additions and 93 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

65
apps/admin-ui/src/components/data-loader/DataLoader.test.tsx
View file

@ -1,65 +0,0 @@
/**
* @vitest-environment jsdom
*/
import type KeycloakAdminClient from "@keycloak/keycloak-admin-client";
import type { ServerInfoRepresentation } from "@keycloak/keycloak-admin-client/lib/defs/serverInfoRepesentation";
import { render, waitFor } from "@testing-library/react";
import type Keycloak from "keycloak-js";
import { FunctionComponent } from "react";
import { HashRouter } from "react-router-dom";
import { describe, expect, it } from "vitest";
import { AccessContextProvider } from "../../context/access/Access";
import { AdminClientContext } from "../../context/auth/AdminClient";
import { RealmContext } from "../../context/realm-context/RealmContext";
import { ServerInfoContext } from "../../context/server-info/ServerInfoProvider";
import serverInfo from "../../context/server-info/__tests__/mock.json";
import { WhoAmIContextProvider } from "../../context/whoami/WhoAmI";
import whoamiMock from "../../context/whoami/__tests__/mock-whoami.json";
import { DataLoader } from "./DataLoader";
const MockAdminClient: FunctionComponent = ({ children }) => {
const keycloak = {
init: () => Promise.resolve(),
} as unknown as Keycloak;
const adminClient = {
whoAmI: { find: () => Promise.resolve(whoamiMock) },
setConfig: () => {},
} as unknown as KeycloakAdminClient;
return (
<HashRouter>
<ServerInfoContext.Provider
value={serverInfo as unknown as ServerInfoRepresentation}
>
<AdminClientContext.Provider value={{ keycloak, adminClient }}>
<WhoAmIContextProvider>
<RealmContext.Provider value={{ realm: "master" }}>
<AccessContextProvider>{children}</AccessContextProvider>
</RealmContext.Provider>
</WhoAmIContextProvider>
</AdminClientContext.Provider>
</ServerInfoContext.Provider>
</HashRouter>
);
};
describe("DataLoader", () => {
it("loads the data and renders the result", async () => {
const loader = () => Promise.resolve(["a", "b"]);
const { container } = render(
<MockAdminClient>
<DataLoader loader={loader}>
{(result) => (
<div>
{result.map((value) => (
<i key={value}>{value}</i>
))}
</div>
)}
</DataLoader>
</MockAdminClient>
);
await waitFor(() => expect(container.textContent).toEqual("ab"));
});
});

28
apps/admin-ui/src/components/data-loader/DataLoader.tsx
View file

@ -1,28 +0,0 @@
import { DependencyList, ReactNode, useState } from "react";
import { useFetch } from "../../context/auth/AdminClient";
import { KeycloakSpinner } from "../keycloak-spinner/KeycloakSpinner";
type DataLoaderProps<T> = {
loader: () => Promise<T>;
deps?: DependencyList;
children: ((arg: T) => any) | ReactNode;
};
export function DataLoader<T>(props: DataLoaderProps<T>) {
const [data, setData] = useState<T | undefined>();
useFetch(
() => props.loader(),
(result) => setData(result),
props.deps || []
);
if (data) {
if (props.children instanceof Function) {
return props.children(data);
}
return props.children;
}
return <KeycloakSpinner />;
}