无法通过使用带有酶的期望测试库在DOM上找到具有两个类的元素

Question

在测试React-Redux组件时，有没有办法通过第二类名称aur或具有两个或多个类名称的元素来查找元素。

例如：我有一个div

<div className="navigations active">
....
</div>

尽管我能通过头等名字找到它

       const wrapper = mount(
           <Provider store={store}>
               <TodoApp />
           </Provider>
       );

expect(wrapper.find('.navigations ')).toHaveLength(4);

但是可以通过scond类名找到它，例如：

expect(wrapper.find('.active')).toHaveLength(1);

它总是使我的长度为零，但活动类已附加到DOM。我只想知道是否可以访问它？

Answer 1

您应该能够同时做这两个...我已经创建了快速测试来检查您的示例：