17

を使用して内部を直接テストできない場合、react-testing-libraryを使用するコンポーネントをテストするにはどうすればよいでしょうreact-selectか? react-selectたとえば、従来の をレンダリングしないの値に基づく条件付きレンダリングがある場合<select/>でも、変更をトリガーできますか?

import React, { useState } from "react";
import Select from "react-select";

const options = [
  { value: "First", label: "First" },
  { value: "Second", label: "Second" },
  { value: "Third", label: "Third" },
];

function TestApp() {
  const [option, setOption] = useState(null);
  return (
    <div>
      <label htmlFor="option-select">Select Option</label>
      <Select
        value={option}
        options={options}
        onChange={option => setOption(option)}
      />
      {option && <div>{option.label}</div>}
    </div>
  );
}

export default TestApp;

何を問い合わせるべきかさえわかりません。隠し入力ですか?

4

2 に答える 2