Export context for stubbing default Provider behaviour (#325)

src/frontend/use-user.tsx

@@ -71,7 +71,7 @@ const missingUserProvider = 'You forgot to wrap your app in <UserProvider>';
 /**
  * @ignore
  */
-const User = createContext<UserContext>({
+export const UserContext = createContext<UserContext>({
   get user(): never {
     throw new Error(missingUserProvider);
   },
@@ -112,7 +112,7 @@ export type UseUser = () => UserContext;
 /**
  * @ignore
  */
-export const useUser: UseUser = () => useContext<UserContext>(User);
+export const useUser: UseUser = () => useContext<UserContext>(UserContext);
 
 /**
  * To use the {@link useUser} hook. You must wrap your application in a `<UserProvider>` component.
@@ -161,7 +161,7 @@ export default ({
 
   return (
     <ConfigProvider loginUrl={loginUrl}>
-      <User.Provider value={{ user, error, isLoading, checkSession }}>{children}</User.Provider>
+      <UserContext.Provider value={{ user, error, isLoading, checkSession }}>{children}</UserContext.Provider>
     </ConfigProvider>
   );
 };

tests/frontend/use-user.test.ts → tests/frontend/use-user.test.tsx

@@ -8,7 +8,8 @@ import {
   user
 } from '../fixtures/frontend';
 import { useConfig } from '../../src/frontend';
-import { useUser } from '../../src';
+import { useUser, UserContext } from '../../src';
+import React from 'react';
 
 jest.mock('next/router', () => ({
   useRouter: (): any => ({ asPath: '/' })
@@ -152,4 +153,12 @@ describe('context wrapper', () => {
     expect(() => result.current.isLoading).toThrowError(expectedError);
     expect(result.current.checkSession).toThrowError(expectedError);
   });
+
+  test('should be able to stub UserProvider with UserContext.Provider', async () => {
+    const { result } = renderHook(() => useUser(), {
+      wrapper: (props: any): React.ReactElement => <UserContext.Provider {...props} value={{ user: { foo: 'bar' } }} />
+    });
+
+    expect(result.current.user).toEqual({ foo: 'bar' });
+  });
 });