tracker/frontend/src/__tests__/ScanDomain.test.js at queue-json-encoding · LearningAzure2020/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
import React from 'react'
import { theme, ThemeProvider } from '@chakra-ui/core'
import { MemoryRouter } from 'react-router-dom'
import { fireEvent, render, waitFor } from '@testing-library/react'
import { MockedProvider } from '@apollo/client/testing'
import { I18nProvider } from '@lingui/react'
import { setupI18n } from '@lingui/core'
import { UserVarProvider } from '../UserState'
import { createCache } from '../client'
import { ScanDomain } from '../ScanDomain'
import { REQUEST_SCAN } from '../graphql/mutations'
import { makeVar } from '@apollo/client'

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

const fillIn = (element, { with: value }) =>
  fireEvent.change(element, { target: { value } })
const clickOn = (element) => fireEvent.click(element)
const values = { domain: 'cse-cst.gc.ca' }

describe('<ScanDomain />', () => {
  const mocks = [
    {
      request: {
        query: REQUEST_SCAN,
        variables: {
          domainUrl: values.domain,
        },
      },
      result: {
        data: {
          requestScan: {
            status: 'string',
          },
        },
      },
    },
  ]

  describe('given no domain in input', () => {
    it('returns error message', async () => {
      const { getByRole, queryByText } = render(
        <MockedProvider mocks={mocks} cache={createCache()}>
          <UserVarProvider
            userVar={makeVar({
              jwt: null,
              tfaSendMethod: null,
              userName: null,
            })}
          >
            <ThemeProvider theme={theme}>
              <I18nProvider i18n={i18n}>
                <MemoryRouter initialEntries={['/domains']} initialIndex={0}>
                  <ScanDomain />
                </MemoryRouter>
              </I18nProvider>
            </ThemeProvider>
          </UserVarProvider>
        </MockedProvider>,
      )

      const submit = getByRole('button')
      clickOn(submit)

      await waitFor(() => {
        expect(
          queryByText(/Domain url field must not be empty/i),
        ).toBeInTheDocument()
      })
    })
  })

  describe('given a domain as input', () => {
    it('submits a domain for scan', async () => {
      const { container, getByRole, queryByText } = render(
        <MockedProvider mocks={mocks} cache={createCache()}>
          <UserVarProvider
            userVar={makeVar({
              jwt: null,
              tfaSendMethod: null,
              userName: null,
            })}
          >
            <ThemeProvider theme={theme}>
              <I18nProvider i18n={i18n}>
                <MemoryRouter initialEntries={['/domains']} initialIndex={0}>
                  <ScanDomain />
                </MemoryRouter>
              </I18nProvider>
            </ThemeProvider>
          </UserVarProvider>
        </MockedProvider>,
      )

      const domain = container.querySelector('#domain')
      const submit = getByRole('button')

      fillIn(domain, {
        with: values.domain,
      })

      clickOn(submit)

      await waitFor(() => {
        expect(
          queryByText(/Domain url field must not be empty/i),
        ).not.toBeInTheDocument()
      })
    })
  })
})