модульный тест в реакции на компонент - PullRequest
0 голосов
/ 31 января 2019

Я новичок в тестировании реакции.Теперь данные

class search extends React.Component {

  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"
  }]
}

Итак, здесь я хочу протестировать этот компонент поиска.Так, кто-нибудь может мне помочь с этим.

...