tracker/frontend/src/user/__tests__/InsideUserSwitch.test.js at master · bankystack/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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
import React from 'react'
import { render, waitFor } from '@testing-library/react'
import { theme, ChakraProvider } from '@chakra-ui/react'
import { I18nProvider } from '@lingui/react'
import { setupI18n } from '@lingui/core'
import { MemoryRouter } from 'react-router-dom'
import { MockedProvider } from '@apollo/client/testing'
import userEvent from '@testing-library/user-event'
import { makeVar } from '@apollo/client'

import { UserVarProvider } from '../../utilities/userState'
import { UPDATE_USER_PROFILE } from '../../graphql/mutations'
import { InsideUserSwitch } from '../InsideUserSwitch'

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

describe('<InsideUserSwitch />', () => {
  it('renders', async () => {
    const { getByText } = render(
      <MockedProvider addTypename={false}>
        <UserVarProvider userVar={makeVar({ jwt: null, tfaSendMethod: null, userName: null })}>
          <MemoryRouter initialEntries={['/']}>
            <I18nProvider i18n={i18n}>
              <ChakraProvider theme={theme}>
                <InsideUserSwitch insideUser={false} />
              </ChakraProvider>
            </I18nProvider>
          </MemoryRouter>
        </UserVarProvider>
      </MockedProvider>,
    )
    await waitFor(() => expect(getByText(/Feature Preview/i)).toBeInTheDocument())
  })

  describe('When the user toggles their insider status', () => {
    it("succeeds in changing the user's status", async () => {
      const mocks = [
        {
          request: {
            query: UPDATE_USER_PROFILE,
            variables: { insideUser: true },
          },
          result: {
            data: {
              updateUserProfile: {
                result: {
                  status: 'Hello World',
                  __typename: 'UpdateUserProfileResult',
                  user: {
                    id: '1234asdf',
                    userName: 'testUser@canada.gc.ca',
                    displayName: 'test user',
                    tfaSendMethod: 'PHONE',
                    emailValidated: true,
                    insideUser: true,
                    __typename: 'PersonalUser',
                  },
                },
                __typename: 'UpdateUserProfilePayload',
              },
            },
          },
        },
      ]
      const { getByText, getByLabelText } = render(
        <MockedProvider mocks={mocks} addTypename={false}>
          <UserVarProvider
            userVar={makeVar({
              jwt: null,
              tfaSendMethod: null,
              userName: null,
            })}
          >
            <MemoryRouter initialEntries={['/']}>
              <I18nProvider i18n={i18n}>
                <ChakraProvider theme={theme}>
                  <InsideUserSwitch insideUser={false} />
                </ChakraProvider>
              </I18nProvider>
            </MemoryRouter>
          </UserVarProvider>
        </MockedProvider>,
      )

      await waitFor(() => expect(getByText(/Feature Preview/i)).toBeInTheDocument())
      const betaSwitch = getByLabelText(/Feature Preview/i)
      userEvent.click(betaSwitch)
      await waitFor(() => expect(getByText(/Inside user status changed/i)))
    })
    it("fails when changing the user's status", async () => {
      const mocks = [
        {
          request: {
            query: UPDATE_USER_PROFILE,
            variables: { insideUser: true },
          },
          result: {
            data: {
              updateUserProfile: {
                result: {
                  code: -60,
                  description: 'Hello World',
                  __typename: 'UpdateUserProfileError',
                },
                __typename: 'UpdateUserProfilePayload',
              },
            },
          },
        },
      ]
      const { getByText, getByLabelText } = render(
        <MockedProvider mocks={mocks} addTypename={false}>
          <UserVarProvider
            userVar={makeVar({
              jwt: null,
              tfaSendMethod: null,
              userName: null,
            })}
          >
            <MemoryRouter initialEntries={['/']}>
              <I18nProvider i18n={i18n}>
                <ChakraProvider theme={theme}>
                  <InsideUserSwitch insideUser={false} />
                </ChakraProvider>
              </I18nProvider>
            </MemoryRouter>
          </UserVarProvider>
        </MockedProvider>,
      )

      await waitFor(() => expect(getByText(/Feature Preview/i)).toBeInTheDocument())
      const betaSwitch = getByLabelText(/Feature Preview/i)
      userEvent.click(betaSwitch)
      await waitFor(() => expect(getByText(/Unable to update to your inside user status, please try again./i)))
    })
  })
})