Фермент: Метод «текст» предназначен только для запуска на одном узле. 0 найдено вместо

Это вызвано тем фактом, что shallow не отображает дочерние компоненты, а ваш компонент был обернут функцией. So shallow возвращает только представление функции, а не компонента. Вы можете использовать dive() для доступа к реальному компоненту

/* global it, expect, describe */

import React from 'react'
import { shallow } from 'enzyme'
import renderer from 'react-test-renderer'
import About from '../pages/about.js'

describe('With Enzyme', () => {
  it('App shows "About"', () => {
    const about = shallow(
      <About />
    ).dive()
    expect(about.find('h1').text()).toEqual('About')
  })
})

См. Эту ссылку, чтобы узнать, как использовать .findWhere в неглубокой копии: https://blogs.sequoiainc.com/an-enzyme-gotcha/

Ниже приведен пример поиска узлов / html-элементов типа «p», содержащих желаемый текст, который представляет зарплату «100 000 долларов США».

displayemployee = shallow(<DisplayEmployee employeeData={employee}

it('renders the employees salary', () => {
  expect(
    displayemployee.findWhere(
    n => n.type() === 'p' && n.contains('$100,000.00')
  )
)

Неглубокая копия возвращает все узлы, которые возвращает компонент реакции, и я просматриваю эти узлы с помощью .findWhere, а не .text. Это потому, что .text ожидает просмотра одиночного узла; .text не умеет сканировать многие узлы.

Используйте .first ()

пример const wrapper = shallow ()

wrapper.find ('h1 или p или .ClassName или #id'). first ();

import React from 'react'
import { shallow } from 'enzyme'
import renderer from 'react-test-renderer'
import About from '../pages/about.js'

describe('With Enzyme', () => {
  it('App shows "About"', () => {
    const about = shallow(
      <About />
   )
  expect(about.find('h1').first().text()).toEqual('About')
 })
})

Вы также можете «экспортировать класс» вместе с «экспортировать по умолчанию» и импортировать компонент в тестовой версии с деструктуризацией импорта.

Например:

import React, {Component} from 'react'
import {FormattedRelative} from 'react-intl'
import pageWithIntl from '../components/PageWithIntl'
import Layout from '../components/Layout'

export class About extends Component {
  static async getInitialProps ({req}) {
    return {someDate: Date.now()}
  }

  render () {
    return (
      <Layout>
        <h1>About</h1>
        <p>
          <FormattedRelative
            value={this.props.someDate}
            updateInterval={1000}
          />
        </p>
      </Layout>
    )
  }
}

export default pageWithIntl(About)

И тест:

/* global it, expect, describe */

import React from 'react'
import { shallow } from 'enzyme'
import renderer from 'react-test-renderer'
import { About } from '../pages/about.js'

describe('With Enzyme', () => {
  it('App shows "About"', () => {
    const about = shallow(
      <About />
    )
    expect(about.find('h1').text()).toEqual('About')
  })
})