簡介
單元測試是軟件開發(fā)的基石，可確保代碼按預(yù)期運行。在各種可用的測試框架中，Jest 已成為 JavaScript 開發(fā)人員的首選。 Jest 在構(gòu)建時考慮到了簡單性和效率，允許開發(fā)人員以最少的配置創(chuàng)建強大的單元測試。

什么是玩笑？
Jest 是由 Meta（以前的 Facebook）開發(fā)的開源 JavaScript 測試框架。它旨在與使用 React、Node.js 和其他 JavaScript 庫構(gòu)建的應(yīng)用程序無縫集成。 Jest 以其易用性、強大的功能和出色的開發(fā)體驗而聞名，使其成為編寫測試的首選工具。

為什么使用 Jest 單元測試？
Jest 簡化了編寫、組織和運行單元測試的過程。以下是開發(fā)者選擇 Jest 的幾個原因：

• 零配置： Jest 開箱即用，只需最少的設(shè)置。
• 內(nèi)置模擬：它提供了模擬函數(shù)、模塊甚至計時器的工具。
• 快照測試： Jest 捕獲 UI 輸出以進行回歸測試。
• 速度： Jest 并行運行測試以最大限度地提高效率。

在您的項目中設(shè)置 Jest

先決條件
在使用 Jest 之前，請確保您的計算機上安裝了 Node.js 和 npm。

安裝 Jest
要安裝 Jest，請運行以下命令：

狂歡

復(fù)制代碼

npm install --save-dev 笑話

配置 Jest
可以通過在 package.json 文件中添加 jest 屬性或創(chuàng)建專用的 jest.config.js 文件來配置 Jest。這允許您自定義測試目錄、覆蓋閾值等選項。

用 Jest 編寫你的第一個單元測試

創(chuàng)建測試文件
默認情況下，Jest 會識別擴展名為 .test.js 或 .spec.js 的測試文件。例如，如果您要測試 math.js 中的函數(shù)，請創(chuàng)建一個名為 math.test.js 的文件。

編寫測試用例
這是 Jest 測試用例的一個簡單示例：

javascript

復(fù)制代碼

const add = (a, b) =>;一個b;?

?

test('將兩個數(shù)字相加', () => {?

? Expect(add(2, 3)).toBe(5);?

});?

運行測試
使用以下命令執(zhí)行測試：

狂歡

復(fù)制代碼

npm 測試

Jest 將識別所有測試文件并運行其中的測試用例。

Jest 用于單元測試的主要功能

模擬函數(shù)
Jest 允許您模擬函數(shù)和模塊來單獨測試組件：

javascript

復(fù)制代碼

const mockFn = jest.fn();?

mockFn.mockReturnValue(42);?

expect(mockFn()).toBe(42);?

快照測試
快照測試可確保您的 UI 組件不會意外更改。 Jest 保存組件的輸出并在后續(xù)測試運行期間進行比較。

javascript

復(fù)制代碼

test('正確渲染', () => {?

? const tree = renderer.create().toJSON();?

?expect(tree).toMatchSnapshot();?

});?

代碼覆蓋率報告
Jest 提供了生成代碼覆蓋率報告的內(nèi)置支持：

狂歡

復(fù)制代碼

npm 測試 -- --覆蓋率

這會突出顯示代碼中未經(jīng)測試的部分。

編寫 Jest 單元測試的最佳實踐

保持測試獨立
避免測試之間的相互依賴，以確?？煽啃院涂删S護性。

使用描述性測試名稱
編寫清楚描述正在測試的場景的測試名稱，例如，“應(yīng)該返回兩個數(shù)字的總和”。

關(guān)注邊緣案例
測試邊緣情況可確保您的應(yīng)用程序在各種條件下都具有魯棒性。

常見的笑話測試模式

安排-執(zhí)行-斷言 (AAA)
將您的測試分為三個不同的階段：

1. 安排：設(shè)置測試數(shù)據(jù)和環(huán)境。
2. Act： 執(zhí)行正在測試的功能或特性。
3. 斷言：驗證結(jié)果是否符合預(yù)期。

BeforeEach 和 AfterEach 鉤子
這些掛鉤允許您在每次測試之前和之后設(shè)置或清理資源：

javascript

復(fù)制代碼

beforeEach(() => {?

? 初始化數(shù)據(jù)庫();?

});?

afterEach(() => {?

?clearDatabase();?

});?

調(diào)試 Jest 測試

在觀看模式下運行測試
只要檢測到更改，Jest 的監(jiān)視模式就會重新運行測試：

狂歡

復(fù)制代碼

npm 測試 -- --watch

使用控制臺日志進行調(diào)試
添加 console.log() 語句可以幫助識別測試中的問題。

高級 Jest 功能

并行測試執(zhí)行
Jest 并行執(zhí)行測試以減少運行時間，這對于大型測試套件特別有利。

測試異步代碼
Jest 使用 async/await、Promises 和 done() 等實用程序處理異步測試：

javascript

復(fù)制代碼

test('獲取數(shù)據(jù)', async () => {?

? const data = wait fetchData();?

?expect(data).toBeDefined();?

});?

自定義匹配器
通過創(chuàng)建自定義匹配器來擴展 Jest 的功能，使您的測試更具表現(xiàn)力。

Jest 與其他單元測試框架

易于使用
與 Mocha 或 Jasmine 不同，Jest 需要最少的設(shè)置，因此適合初學(xué)者。

內(nèi)置功能
Jest 的內(nèi)置功能（例如模擬和斷言）減少了對額外庫的需求。

社區(qū)支持
Jest 擁有龐大的社區(qū)和豐富的文檔，提供出色的支持和定期更新。

結(jié)論
Jest 是一個強大的工具，用于在 JavaScript 應(yīng)用程序中編寫和運行單元測試。其簡單性、速度和豐富的功能集使其成為開發(fā)人員的最愛。通過遵循最佳實踐并利用 Jest 的功能，您可以確保您的代碼可靠、可維護且無錯誤。

以上是使用 Jest 掌握單元測試：綜合指南的詳細內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！