reactjs - 反応で検索の単体テスト ケースを作成する方法

Question

次のような入力ボックスを持つコンポーネントがあります->

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>
        )
    }
}

このコンポーネントには、reducer からのジョブに関するデータがあります。

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ます。さて、誰かこれを手伝ってくれませんか？どんなヒントでも本当に役に立ちます。ありがとう。