溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
Jest 是一個流行的 JavaScript 測試框架，它可以輕松地為 JavaScript 代碼編寫單元測試和集成測試。Jest 提供了豐富的功能，如自動模擬、快照測試、代碼覆蓋率等，使得開發人員能夠更輕松地編寫和維護測試用例。
Jest DOM 是一個 Jest 的擴展庫，它提供了一組針對 DOM 元素的自定義匹配器。這些匹配器可以幫助你更方便地編寫針對 DOM 元素的測試用例，例如檢查元素是否存在、是否包含特定的文本或屬性等。
要使用 Jest DOM，首先需要安裝它。你可以通過 npm 或 yarn 將其添加到項目中：
npm install --save-dev @testing-library/jest-dom
或者
yarn add --dev @testing-library/jest-dom
然后，在你的測試設置文件（例如 setupTests.js）中，引入并配置 Jest DOM：
import '@testing-library/jest-dom';
現在，你可以在測試用例中使用 Jest DOM 提供的自定義匹配器。例如，假設你有一個 React 組件，它包含一個帶有類名 “button” 的按鈕，你可以使用 toBeInTheDocument 匹配器來檢查該按鈕是否存在于 DOM 中：
import { render, screen } from '@testing-library/react';
import MyComponent from './MyComponent';
test('renders a button with the class "button"', () => {
render(<MyComponent />);
const button = screen.getByRole('button');
expect(button).toBeInTheDocument();
});
Jest DOM 提供了許多其他有用的匹配器，如 toHaveTextContent、toHaveAttribute 等，可以幫助你更輕松地編寫針對 DOM 元素的測試用例。更多關于 Jest DOM 的信息和匹配器列表，請參考官方文檔：https://github.com/testing-library/jest-dom
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
