dom-testing-library 是一个测试 JavaScript 应用程序中 DOM 节点的工具库。它旨在使测试更像用户在与应用程序交互时所做的操作，而不是针对实现细节进行测试。
安装和使用
你可以通过 npm 进行安装：
--- ------- ---------- --------------------
然后在你编写的测试文件中导入它：
------ - ------- --------- - ---- ----------------------
基本 API
dom-testing-library 的核心 API 包括以下方法:
getByLabelText()getByPlaceholderText()getByText()getByDisplayValue()getByAltText()getByTitle()getByRole()getByTestId()queryBy...()方法类似于getBy...()，但如果找不到元素，则会返回 null。getAllBy...()和queryAllBy...()方法与上面的方法相似，但它们返回所有匹配的元素数组而不是单个元素或 null。
这些方法采用一个参数，该参数是要查找的元素的描述，例如文本、占位符文本、标签等。
以下是一些示例：
-- -------- ----- -- ----- ----- - --------------------------- -- ----------------- ----- ------ - -------------------------- -- -------- ---- -- ----- ----- - ---------------------------
与 Jest 的集成
dom-testing-library 可以轻松地与 Jest 集成。你可以使用 fireEvent 函数模拟用户事件，例如单击、更改和输入：
------ - ------- --------- - ---- ---------------------- ------------ ---- ------- --------- -- -- - ----- ------- - --------- -------------- ----------------------- ------------ --------------------------------------- ----- ---------------------------------- --
结论
dom-testing-library 是一个很好的工具，它使测试代码更接近于实际应用程序的交互，而不是针对实现细节进行测试。在编写前端应用程序时，始终记得添加测试以确保你的代码质量。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/46234