React.js 上的测试自动化 [关闭]答案

【问题标题】：Testing Automation on React.js [closed]React.js 上的测试自动化 [关闭]
【发布时间】：2019-02-21 21:04:45
【问题描述】：

我们有基于 REACT 框架构建的 UI。我在使用 React 时遇到的一个问题是，它没有提供测试自动化识别 Web 元素所需的唯一 ID。我无法基于 Web 元素的 CSS 路径或 XPATH 构建测试脚本，因为它会不断变化，导致脚本维护工作量增加。

我需要知道

哪个框架最适合基于 REACT 框架测试 UI？这些工具中使用了哪个 ID（id、CSS 路径、Xpath）？如果我没有在应用程序中获得唯一 ID，有什么解决方法？ 'unique-id-mixin' 是否有助于解决此问题？

【问题讨论】：

【解决方案1】：

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

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

如果您希望运行功能测试，那么也许您应该考虑为您的组件添加标识符（类/数据属性等...）

【讨论】：