У меня есть компонент AdminDashboard, который отображает в нем два других компонента - LeaderBoard и ActivityList
Как мне написать контрольные примеры для этого компонента с использованием библиотеки реагирующего тестирования? Мой тестовый файл дает мне 50% покрытие. Я хочу 100% покрытие этого
import React from 'react';
import LeaderBoard from '../LeaderBoard/LeaderBoard';
import ActivitiesList from '../ActivitiesList/ActivitiesList';
function AdminDashboard(props) {
return (
<div >
<LeaderBoard />
<ActivitiesList assigned={props.assigned} rows = {props.rows} getData = {props.getData} deleteActivity={(data)=>props.deleteActivity(data)}></ActivitiesList>
</div>
);
}
export default AdminDashboard;
My AdminDashboard.test. js:
it("renders without crashing", ()=>{
let assigned = [// dummy data];
let rows = [ // dummy data];
const getData = () => {
}
const deleteActivity = (activityId) => {
}
const div = document.createElement('div');
ReactDOM.render(<AdminDashboard assigned={assigned} rows={rows} getData={getData} deleteActivity={(data) => deleteActivity(data)}/>,div);
})
it("matches snapshot", () => {
let assigned = [ //dummy data ];
let rows = [ //dummy data ];
const getData = () => {
}
const deleteActivity = (activityId) => {
}
const tree = renderer.create(<AdminDashboard assigned={assigned} rows={rows} getData={getData} deleteActivity={(data) => deleteActivity(data)}/>).toJSON();
expect(tree).toMatchSnapshot();
})