を使用して内部を直接テストできない場合、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;
何を問い合わせるべきかさえわかりません。隠し入力ですか?