AdminPage.test.js

import React from 'react'
import { UserStateProvider } from '../UserState'
import { render } from '@testing-library/react'
import { ThemeProvider, theme } from '@chakra-ui/core'
import { I18nProvider } from '@lingui/react'
import { setupI18n } from '@lingui/core'
import { MockedProvider } from '@apollo/client/testing'
import { USER_AFFILIATIONS } from '../graphql/queries'
import AdminPage from '../AdminPage'

const i18n = setupI18n({
  locale: 'en',
  messages: {
    en: {},
  },
  localeData: {
    en: {},
  },
})

describe('<AdminPage />', () => {
  const mocks = [
    {
      request: {
        query: USER_AFFILIATIONS,
      },
      result: {
        data: {
          user: [
            {
              affiliations: {
                edges: [
                  {
                    node: {
                      organization: {
                        id: 'YXBwIGFkbWluIHRlc3Q=',
                        acronym: 'ABC',
                      },
                      permission: 'ADMIN',
                    },
                  },
                ],
              },
            },
          ],
        },
      },
    },
  ]

  it('renders correctly', async () => {
    render(
      <UserStateProvider
        initialState={{
          userName: 'me',
          jwt: 'longstring',
          tfaSendMethod: null,
        }}
      >
        <I18nProvider i18n={i18n}>
          <ThemeProvider theme={theme}>
            <MockedProvider mocks={mocks} addTypename={false}>
              <AdminPage />
            </MockedProvider>
          </ThemeProvider>
        </I18nProvider>
      </UserStateProvider>,
    )
  })
})