Тестирование create-реагировать на приложение "Реакция не определена" - PullRequest
Новая
       10

Тестирование create-реагировать на приложение "Реакция не определена"

0 голосов
/ 02 апреля 2019

Я использую react-scripts@2.1.8 с typescript@3.3.3 с jest@.23.6.0 и запускаю мои тесты, они терпят неудачу с «Реакция не определена». 

 FAIL  src/components/Button/test.tsx
  ● <Button> › renders text correctly

    ReferenceError: React is not defined

       6 |     it('renders text correctly', () => {
       7 |         const text = 'hello there i am a test'
    >  8 |         const { getByText } = customRender(<Button>{text}</Button>)
         |                                            ^
       9 |         expect(getByText(/hello there i am a test/)).toBeTruthy()
      10 |     })
      11 |     it('matches the snapshot', () => {

      at Object.it (src/components/Button/test.tsx:8:44)

  ● <Button> › matches the snapshot

    ReferenceError: React is not defined

      10 |     })
      11 |     it('matches the snapshot', () => {
    > 12 |         const { container } = customRender(<Button />)
         |                                            ^
      13 |         expect(container.firstChild).toMatchSnapshot()
      14 |     })
      15 | })

      at Object.it (src/components/Button/test.tsx:12:44)

Button.test.tsx: 

import React from 'react'
import Button from '.'
import { customRender } from '../../test-utils'

describe('<Button>', () => {
    it('renders text correctly', () => {
        const text = 'hello there i am a test'
        const { getByText } = customRender(<Button>{text}</Button>)
        expect(getByText(/hello there i am a test/)).toBeTruthy()
    })
    it('matches the snapshot', () => {
        const { container } = customRender(<Button />)
        expect(container.firstChild).toMatchSnapshot()
    })
})

Также игра с импортом React, например, перемещение его из строки 1 в строку 3, иногда делает тесты успешными.Что очень странно.

1 Ответ

1 голос
/ 22 апреля 2019

Это проблема с jsx pragma and emotion 10, которая обсуждалась и объяснялась в этой проблеме .

...