Напишите тестовый блок для компонента реагирования - PullRequest
Новая
       13

Напишите тестовый блок для компонента реагирования

0 голосов
/ 31 января 2019

Я новичок в react redux.Я пытаюсь написать пример модульного теста для функции поиска компонентов, который выглядит так: 

constructor(props) {
        super(props);
        this.staate = {
            search : ''
        }
    }

     onInputChnage = (e) => {
    this.setState({ search: e.target.value });
  }

    render() {

       const { jobs: { content } } = this.props;
        const { search } = this.state;
        const filteredList = content.filter(job => (job.jdName && job.jdName.toLowerCase().includes(search.toLowerCase())) || (job.technology && job.technology.toLowerCase().includes(search.toLowerCase())));

        return (
            <input type="text"
                id="searchJob"
                className="form-control-sm border-0 flex-grow-1"
                value={this.state.search}
                placeholder="Technology / Job title"
                onChange={this.onInputChnage} />
              <i className="fa fa-search search-job"></i>
        )
    }
}

И данные выглядят так: 

this.props.jobs = {
        "content": [{
            "id": "5b7d4a566c5fd00507501051",
            "companyId": null,
            "jdName": "Senior/ Lead UI Developer",
            "jobDescription": null,
            "technology": "java"
        },{
            "id": "5b7d4a566c5fd005075011",
            "companyId": null,
            "jdName": "ead UI Developer",
            "jobDescription": null,
            "technology": "angular"
        }]
    }

Итак, здесь я хочу проверить этокомпонент поиска вещи.Я использую jest and enzymes для этого.Кто-нибудь может мне помочь с этим?

...