指定从带有酶的选择中选择选项元素

时间:2018-12-28 17:16:11

标签: javascript reactjs typescript enzyme

我想编写一个测试来确认是否已按照下面的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>

0 个答案:

没有答案