我想编写一个测试来确认是否已按照下面的HTML使用正确的选项值(T0,T + 1)创建了选项,并理想地测试了选择哪个选项。
下面的测试返回2个元素,而不是1个。我不确定第二个元素来自哪里。
我的测试
it('should render date dropdown', () => {
// tslint:disable
const wrapper = shallow(<CutoffDialog dialogOpen={false} tradeCount={0} submit={() => {return;}} closeDialog={() => {return;}} />);
expect(wrapper.find('Modal').find('[isOpen=false]').exists()).toEqual(true);
const rSelect = wrapper.find('select').find('[name="RDate"]');
expect(rSelect.exists()).toEqual(true);
expect(rSelect.children().findWhere(x => x.text() === 'T+1').length).toEqual(1);
})
快照HTML
<select
className="CutoffModal-Date"
name="RDate"
onChange={[Function]}
value="T0"
>
<option
0="s"
1="e"
2="l"
3="e"
4="c"
5="t"
6="e"
7="d"
key="T0"
>
T0
</option>
<option
key="T+1"
>
T+1
</option>
</select>