Как написать тестовые сценарии реагирования для вложенных компонентов, используя библиотеку тестового реагирования? - PullRequest
0 голосов
/ 31 марта 2020

У меня есть компонент 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();
})
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...