Проверьте тестирование запасного ключа в ферменте

Question

Я провожу модульное тестирование для компонентов компонентов вactjs с jest и библиотекой энзимов.

Здесь все, что мне нужно проверить, неопределенный ключ данных JSON и отступление для этих ключейнаписано или нет ...

Вот псевдокод:

    export class ActivityItem extends React.Component {
      render() {
        const { activity } = this.props;
        return (
          <div className='item'>
            <p>{activity.item}</p>
          </div>)
        }
     }

JSON Дата:

[{"id": 1,
  "item": "Rose"},
{ "id": 2,
  "item": "Susain"}]

Примеры тестирования

  describe('check fallback for text key', () => {
    it('has value in text key', () => {
      wrapper = wrapper.find('ActivityItem')
      expect(wrapper.find('p').length).toBeGreaterThan(1);
    })
  })

ЗдесьЯ не смог найти тег <p>, чтобы проверить его значение для теста ...

Answer 1

Сначала необходимо выполнить поверхностную визуализацию компонента и найти элемент с помощью селекторов.

Вот фрагмент кода, который может помочь.

import { shallow } from 'enzyme';
import ActivityItem from 'wherever-it-is';

describe('check fallback for text key', () => {
  it('has value in text key', () => {
    const wrapper = shallow(<ActivityItem activity={'meow'}/>);
    expect(wrapper.find('.item > p').length).toEqual(1);
  })
})