{randomString}
+{randomString}
+
+ List of all hooks
+
+ {hookList.map((hook) => (
+
+ {hook.name} -
+ {hook.body}
+
+ {hook.code}
+ {children}
,
+}));
+
+vi.mock('@azure/msal-browser', () => {
+ return {
+ PublicClientApplication: class PublicClientApplication {
+ constructor() {
+ console.log('created');
+ }
+ },
+ AccountInfo: { username: 'mock' } as AccountInfo,
+ };
+});
+const ENVIRONMENT = 'test';
+const uniqueFeatureKey = faker.database.mongodbObjectId();
+enum Scenarios {
+ WITH_FEATURES_KEY = 'withFeatures',
+ WITHOUT_FEATURES_KEY = 'withoutFatures',
+ WHITELISTED_USER = 'whitelistedUser',
+ WRONG_WHITELISTED_USER = 'wrongWhitelistedUser',
+}
+const mockedAppFeatures = [
+ {
+ applicationName: Scenarios.WITH_FEATURES_KEY,
+ features: [
+ {
+ featureKey: uniqueFeatureKey,
+ activeEnvironments: [ENVIRONMENT],
+ activeUsers: [],
+ uuid: '',
+ description: '',
+ },
+ ],
+ },
+ {
+ applicationName: Scenarios.WHITELISTED_USER,
+ features: [
+ {
+ featureKey: uniqueFeatureKey,
+ activeEnvironments: [ENVIRONMENT],
+ activeUsers: [{ mail: 'MockUser@euquinor.com' }],
+ uuid: '',
+ description: '',
+ },
+ ],
+ },
+ {
+ applicationName: Scenarios.WRONG_WHITELISTED_USER,
+ features: [
+ {
+ featureKey: uniqueFeatureKey,
+ activeEnvironments: [],
+ activeUsers: [{ mail: 'otherMockedUser@euquinor.com' }],
+ uuid: '',
+ description: '',
+ },
+ ],
+ },
+ { applicationName: Scenarios.WITHOUT_FEATURES_KEY, features: [] },
+];
+vi.mock('src/api/services/PortalService', () => {
+ class PortalService {
+ public static getFeatureToggleFromApplicationName(
+ key: Scenarios
+ ): CancelablePromise
+
++ +
+ +
+ +## Amplify SAM Storybook + +This is the storybook for the `@equinor/amplify-sam` npm-package. + +In here you will find components, hooks and providers that are made to communicate with the SAM system. This system provides an easy way to get features like: release notes, tutorials, feature-toggling, health/vulnerability checks. + +This project is maintained and developed by and for the amplify team. + +You can find the repository [here](https://github.com/equinor/amplify-sam). + +
+ +### Latest version + +[](https://www.npmjs.com/package/@equinor/amplify-components) diff --git a/src/providers/AuthProvider/AuthProvider.tsx b/src/providers/AuthProvider/AuthProvider.tsx new file mode 100644 index 0000000..8b406b9 --- /dev/null +++ b/src/providers/AuthProvider/AuthProvider.tsx @@ -0,0 +1,105 @@ +import { + createContext, + FC, + ReactElement, + ReactNode, + useContext, + useMemo, + useState, +} from 'react'; + +import { AccountInfo } from '@azure/msal-browser'; +import { MsalProvider } from '@azure/msal-react'; + +import AuthProviderInner from './AuthProviderInner'; +import { auth, environment } from 'src/utils'; + +const { msalApp } = auth; +const { getIsMock } = environment; + +export type AuthState = 'loading' | 'authorized' | 'unauthorized'; + +export interface AuthContextType { + account: AccountInfo | undefined; + photo: string | undefined; + roles: string[] | undefined; + logout: () => void; +} + +const AuthContext = createContext
Release notes body text
', + tags: [ReleaseNoteType.FEATURE, ReleaseNoteType.IMPROVEMENT], + createdDate: '2023-05-31T22:00:00.000Z', + }, + { + releaseId: '1234dqw6-1233', + applicationName: 'ASDF', + version: '12.2.3', + title: 'Lorem ipsum', + body: 'Release2 notes body text
', + tags: [], + createdDate: '2020-05-31T22:00:00.000Z', + }, + { + releaseId: '1234dqw6-1233', + applicationName: 'ASDF', + version: '12.2.3', + title: 'Lorem ipsum', + body: 'Release2 notes body text qWert
', + tags: [ReleaseNoteType.IMPROVEMENT], + createdDate: '2022-05-31T22:00:00.000Z', + }, +]; + +const monthAndYears = [ + { + label: '2023', + months: [ + { + label: 'June 2023', + value: new Date('2023-05-31T22:00:00.000Z'), + }, + ], + value: '2023', + }, +]; +const mockServiceHasError = false; + +vi.mock('src/api/services/ReleaseNotesService', () => { + class ReleaseNotesService { + public static getReleasenoteList(): CancelablePromiseRelease2 notes body text qWert
', + tags: [ReleaseNoteType.IMPROVEMENT], + createdDate: '2022-05-31T22:00:00.000Z', + }, + ]; + + // TODO: improve on this hack; To use expect as a way to ensure that data is populated so that we can check more specifically what we expect + await waitFor( + () => { + expect(result.current.filteredData.length).toBe(1); + expect(result.current.filteredData).toStrictEqual(expected); + }, + { timeout: 550 } + ); + }); + + test('should return one item filterValues is set to match release notes', async () => { + const { result } = renderHook(() => useReleaseNotes(), { + wrapper: Wrappers, + }); + + act(() => { + result.current.setSearch({ + filterValues: { + Type: [ + { label: ReleaseNoteType.FEATURE, value: ReleaseNoteType.FEATURE }, + ], + }, + searchValue: undefined, + sortValue: undefined, + }); + }); + + // TODO: improve on this hack; To use expect as a way to ensure that data is populated so that we can check more specifically what we expect + await waitFor( + () => { + return expect(result.current.filteredData.length).toBe(1); + }, + { timeout: 550 } + ); + expect(result.current.filteredData).toStrictEqual([releaseNotes[0]]); + }); + + test('should return an empty list when filterValues does not match anything in release notes', async () => { + const { result } = renderHook(() => useReleaseNotes(), { + wrapper: Wrappers, + }); + + act(() => { + result.current.setSearch({ + filterValues: { + Type: [ + { label: ReleaseNoteType.BUG_FIX, value: ReleaseNoteType.BUG_FIX }, + ], + }, + searchValue: undefined, + sortValue: undefined, + }); + }); + + // TODO: improve on this hack; To use expect as a way to ensure that data is populated so that we can check more specifically what we expect + await waitFor( + () => { + return expect(result.current.filteredData.length).toBe(0); + }, + { timeout: 550 } + ); + expect(result.current.filteredData).toStrictEqual([]); + }); + + test("'useReleaseNotes' hook throws error if using outside of context", () => { + // Hides console errors since this test explicitly tests for thrown errors + console.error = vi.fn(); + expect(() => renderHook(() => useReleaseNotes())).toThrow( + 'useReleaseNotes must be used within a ReleaseNotesProvider' + ); + }); +}); diff --git a/src/providers/ReleaseNotesProvider.tsx b/src/providers/ReleaseNotesProvider.tsx new file mode 100644 index 0000000..5ce497a --- /dev/null +++ b/src/providers/ReleaseNotesProvider.tsx @@ -0,0 +1,125 @@ +import { + createContext, + Dispatch, + FC, + ReactNode, + SetStateAction, + useContext, + useMemo, + useState, +} from 'react'; + +import { + Option, + SieveValue, + TableOfContentsItemType, +} from '@equinor/amplify-components'; + +import { ReleaseNote } from 'src/api/models/ReleaseNote'; +import { useReleaseNotesQuery } from 'src/hooks/useReleaseNotesQuery'; +import { + extractDatesFromReleaseNotes, + sortReleaseNotesByDate, +} from 'src/utils/releaseNotes'; + +interface ReleaseNotesContextState { + search: SieveValue; + setSearch: Dispatch
+ {`Element-${index}`}
+
+ );
+ })}
+
+ List of all providers
+
+ {providersList.map((provider) => (
+
+ {provider.name} -
+ {provider.body}
+
+ {provider.code}
+ {codeText}
+