概述
在前端应用中，我们需要进行有效的测试来确保组件的正确性和可靠性。Enzyme 是 React 应用程序的测试工具之一。 Enzyme 可以帮助我们深度渲染 React 组件并模拟交互来检查应用程序的行为和输出。其中，testId 方式是一种方便的方式来查找和定位组件。
testId 方式介绍
testId 是给组件一个测试用的 ID，可以在测试代码中用来查找和定位组件。这是一种不寻常的方式，但它具有很多好处。由于组件可能会被重新渲染，基于组件的 DOM 结构查询可能会导致断言不稳定。此外，我们可能会频繁地更改 UI，很容易在 UI 的 CSS 或布局发生变化时破坏我们的测试用例。在这个时候，testId 方式非常有用。
在 Enzyme 中使用 testId 方式
使用 testId 方式，我们可以在 Enzyme 中使用 find 函数查找组件。示例如下：
-- -------------------- ---- -------
------ ------- - ------- - ---- ---------
------ ------- ---- --------------------------
------ ----------- ---- ----------------
------------------ -------- --- --------- ---
----------------------- -- -- -
---------- ------ ----------- -- -- -
----- ------- - -------------------- ----
----- ----- - --------------------------------------
-------------------------------- ------------
---
---在上面的测试用例中，我们查询了一个渲染 MyComponent 组件的 shallow 模拟组件，然后使用 find 函数查找带 data-testid="title" 属性的组件。我们期望检查这个组件是否渲染出 "My Component" 文本。
结论
testId 是一种简单，有用的方式来查找和定位组件，使我们的测试更加可靠。通过在 Enzyme 中使用 testId 方式，我们可以轻松地编写测试用例，确保我们的组件在渲染后仍然正确。
参考资料
- Testing Library
- Testing Web Apps with React and Enzyme
- Enzyme Test Utilities# Python 的推导式和生成器到底是什么，如何使用？
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/677277e76d66e0f9aad981f0