在React.js上测试自动化[关闭]

Question

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

我需要知道

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

Answer 1

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

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

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