Я провожу модульное тестирование свойств компонентов в reactjs с помощью библиотеки 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>
, чтобы проверить его значение для теста ...
Вам нужно сначала выполнить мелкую визуализацию компонента и найти элемент с помощью селекторов.
Вот отрывок, который может помочь.
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);
})
})
Какое начальное значение для
wrapper
?