Add basic test

src/components/User/Preferences/UserPreferenceProvider.test.tsx

@@ -0,0 +1,49 @@
+import { render } from '@testing-library/react';
+import { GqlMockedProvider } from '__tests__/util/graphqlMocking';
+import { useLocale } from 'src/hooks/useLocale';
+import { GetUserQuery } from '../GetUser.generated';
+import { UserPreferenceProvider } from './UserPreferenceProvider';
+
+const Consumer: React.FC = () => {
+  const locale = useLocale();
+
+  return <p>Locale: {locale}</p>;
+};
+
+describe('UserPreferenceProvider', () => {
+  it('always renders children', () => {
+    const { getByText } = render(
+      <GqlMockedProvider>
+        <UserPreferenceProvider>Children</UserPreferenceProvider>
+      </GqlMockedProvider>,
+    );
+
+    expect(getByText('Children')).toBeInTheDocument();
+  });
+
+  it('provides locale', async () => {
+    const { getByText, findByText } = render(
+      <GqlMockedProvider<{ GetUser: GetUserQuery }>
+        mocks={{
+          GetUser: {
+            user: {
+              preferences: {
+                localeDisplay: 'es',
+              },
+            },
+          },
+        }}
+      >
+        <UserPreferenceProvider>
+          <Consumer />
+        </UserPreferenceProvider>
+      </GqlMockedProvider>,
+    );
+
+    // Initial default locale
+    expect(getByText('Locale: en-US')).toBeInTheDocument();
+
+    // Locale loaded from query
+    expect(await findByText('Locale: es')).toBeInTheDocument();
+  });
+});