鉴于我无法直接使用 测试内部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;
我什至不确定我应该查询什么。是隐藏输入吗?