50 lines
1.6 KiB
TypeScript
50 lines
1.6 KiB
TypeScript
|
import React, { ReactNode } from "react";
|
||
|
|
import { HashRouter } from "react-router-dom";
|
||
|
|
import KeycloakAdminClient from "keycloak-admin";
|
||
|
|
|
||
|
|
import { AccessContextProvider } from "../context/access/Access";
|
||
|
|
import { WhoAmIContextProvider } from "../context/whoami/WhoAmI";
|
||
|
|
import { RealmContextProvider } from "../context/realm-context/RealmContext";
|
||
|
|
|
||
|
|
import whoamiMock from "../context/whoami/__tests__/mock-whoami.json";
|
||
|
|
import { AdminClient } from "../context/auth/AdminClient";
|
||
|
|
|
||
|
|
/**
|
||
|
|
* This component provides some mocked default react context so that other components can work in a storybook.
|
||
|
|
* In it's simplest form wrap your component like so:
|
||
|
|
* @example
|
||
|
|
* <MockAdminClient>
|
||
|
|
* <SomeComponent />
|
||
|
|
* </MockAdminClient>
|
||
|
|
* @example <caption>With an endpoint, roles => findOneById</caption>
|
||
|
|
* <MockAdminClient mock={{ roles: { findOneById: () => mockJson } }}>
|
||
|
|
* <<SomeComponent />
|
||
|
|
* </MockAdminClient>
|
||
|
|
* @param props mock endpoints to be mocked
|
||
|
|
*/
|
||
|
|
export const MockAdminClient = (props: {
|
||
|
|
children: ReactNode;
|
||
|
|
mock?: object;
|
||
|
|
}) => {
|
||
|
|
return (
|
||
|
|
<HashRouter>
|
||
|
|
<AdminClient.Provider
|
||
|
|
value={
|
||
|
|
({
|
||
|
|
...props.mock,
|
||
|
|
keycloak: {},
|
||
|
|
whoAmI: { find: () => whoamiMock },
|
||
|
|
setConfig: () => {},
|
||
|
|
} as unknown) as KeycloakAdminClient
|
||
|
|
}
|
||
|
|
>
|
||
|
|
<WhoAmIContextProvider>
|
||
|
|
<RealmContextProvider>
|
||
|
|
<AccessContextProvider>{props.children}</AccessContextProvider>
|
||
|
|
</RealmContextProvider>
|
||
|
|
</WhoAmIContextProvider>
|
||
|
|
</AdminClient.Provider>
|
||
|
|
</HashRouter>
|
||
|
|
);
|
||
|
|
};
|