Question

我们在REACT框架上构建了UI。我在React中遇到的一个问题是，它没有为Testing Automation提供识别Web元素所需的唯一ID。我无法基于CSS路径或Web元素的XPATH构建测试脚本，因为它会不断变化，从而导致更多维护脚本的工作。

我需要知道

哪种框架最适合基于REACT框架测试UI？在这些工具中使用了哪个ID（id，CSS Path，Xpath）？如果我没有在应用程序中获得唯一ID，那么可以解决哪些问题？ Will＆＃39; unique-id-mixin＆＃39;有助于解决这个问题吗？

Answer 1

如果您想进行单元测试，请查看Airbnb的酶。您可以使用对组件的引用（以及CSS路径）来识别组件/元素

it('renders three <Foo /> components', () => {
  const wrapper = shallow(<MyComponent />);
  expect(wrapper.find(Foo)).to.have.length(3);
});

如果您正在寻找运行功能测试，那么您应该考虑在组件中添加标识符（类/数据属性等等）