Я хочу написать тест, чтобы подтвердить, что оба варианта были созданы с правильными значениями параметров (T0, T + 1) в соответствии с приведенным ниже HTML, а также в идеале проверять, какой из них выбран.
Приведенный ниже тест возвращает 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>