Как проверить на наличие непосредственно возвращаемого компонента?

Question

Как мне проверить компонент, возвращенный напрямую? Я использую Jest / энзим для тестирования, и мой пример компонента просто возвращает другой компонент. Мой тест не пройден, но я не знаю, как это исправить.

example.js

import Something from './Something'

export const Example = (props) => {
  return <Something {...props} />
}

example.test.js

import { shallow } from 'enzyme'
import { Example } from './Example'
import { Something } from './Something'

test('should render Something component', () => {
  const wrapper = shallow(<Example {...props} />)
  expect(wrapper.find(Something)).toHaveLength(1)
})

Answer 1

Попробуйте это

test('should render Something component', () => {
  const wrapper = shallow(<Example {...props} />)
  expect(wrapper.find(Something).length).toEqual(1)
})

Answer 2

Привет, вы можете проверить правильность рендеринга, выполнив тест snapshot:

describe('Something component test suite', () => {
  test('It renders correctly', () => {
   const wrapper = shallow(<Example {...props} />)

   expect(wrapper).toMatchSnapshot()
  })
})

Вот шутка документы о тестировании снимков https://jestjs.io/docs/en/snapshot-testing