使用酶模拟选择事件

Question

我有点困惑，因为这似乎是一件微不足道且容易的事情，但是在Enzyme中几乎没有关于如何执行此操作的适当文档。

我想做世界上最简单的事情之一。我只想通过选择一个名为“ dogs”的选项来在下拉选择（HTML选择/组合）中模拟一个选择事件。

[当我选择此选项时，希望看到该选项已被“选中”，我也希望看到将选择value设置为“狗”。

我在这里做错了什么？

test(' change  ', () => {
    let Compoment =
        <select className="sel" name="selectComp" required="">
            <option value="empty">Please make your choice ...</option>
            <option value="cats">feline</option>
            <option value="dogs">canine</option>
        </select>;

    const wrapper = mount(Compoment);

    let sel = wrapper.find(".sel").at(0)
    sel.simulate('change', { target: { name: 'selectComp', value: "dogs" } });

    expect(wrapper.find(".sel").at(0).getElement().value).toBe("dogs")
    expect(wrapper.find(".sel").at(0).find("option").at(2).props().selected).toBe(true)
})