tracker/frontend/src/app/__tests__/PrivatePage.test.js at include-node-modules · simrit1/tracker · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
import React from 'react'
import { render } from '@testing-library/react'
import { MemoryRouter } from 'react-router-dom'
import { I18nProvider } from '@lingui/react'
import { setupI18n } from '@lingui/core'
import { makeVar } from '@apollo/client'
import { MockedProvider } from '@apollo/client/testing'
import { en } from 'make-plural/plurals'

import { PrivatePage } from '../PrivatePage'

import { UserVarProvider } from '../../utilities/userState'

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

describe('<PrivatePage />', () => {
  describe('when a userName is defined', () => {
    it(`executes its child as a function`, async () => {
      const { queryAllByText } = render(
        <I18nProvider i18n={i18n}>
          <MockedProvider>
            <UserVarProvider
              userVar={makeVar({
                userName: 'asdf',
                emailValidated: true,
              })}
            >
              <MemoryRouter initialEntries={['/']}>
                <PrivatePage path="/">{() => <p>foo</p>}</PrivatePage>
              </MemoryRouter>
            </UserVarProvider>
          </MockedProvider>
        </I18nProvider>,
      )

      expect(queryAllByText('foo')).toHaveLength(1)
    })
  })
})

describe('<PrivatePage />', () => {
  describe('when userName is falsy', () => {
    it(`executes its child as a function`, async () => {
      const { queryAllByText } = render(
        <I18nProvider i18n={i18n}>
          <MockedProvider>
            <UserVarProvider
              userVar={makeVar({
                userName: undefined,
                emailValidated: undefined,
              })}
            >
              <MemoryRouter initialEntries={['/organizations/foo']}>
                <PrivatePage path="/organizations/:orgSlug" title={'foo'} exact>
                  {({ match }) => <p>{match.params.orgSlug}</p>}
                </PrivatePage>
              </MemoryRouter>
            </UserVarProvider>
          </MockedProvider>
        </I18nProvider>,
      )

      expect(queryAllByText('foo')).toHaveLength(0)
    })
  })
})

describe('<PrivatePage />', () => {
  describe('when a userName is defined', () => {
    it(`passes props to the child`, async () => {
      const { queryAllByText } = render(
        <I18nProvider i18n={i18n}>
          <MockedProvider>
            <UserVarProvider
              userVar={makeVar({
                userName: 'asdf',
                emailValidated: true,
              })}
            >
              <MemoryRouter initialEntries={['/organizations/foo']}>
                <PrivatePage path="/organizations/:orgSlug" title={'foo'} exact>
                  {({ match }) => <p>{match.params.orgSlug}</p>}
                </PrivatePage>
              </MemoryRouter>
            </UserVarProvider>
          </MockedProvider>
        </I18nProvider>,
      )

      expect(queryAllByText('foo')).toHaveLength(1)
    })
  })
})