簡介
單元測試是軟體開發(fā)的基石，可確保程式碼能如預(yù)期運(yùn)作。在各種可用的測試框架中，Jest 已成為 JavaScript 開發(fā)人員的首選。 Jest 在建置時考慮到了簡單性和效率，讓開發(fā)人員以最少的配置建立強(qiáng)大的單元測試。

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

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

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

在您的專案中設(shè)定 Jest

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

安裝 Jest
要安裝 Jest，請執(zhí)行以下命令：

狂歡

複製程式碼

npm install --save-dev 笑話

設(shè)定 Jest
可以透過在 package.json 檔案中新增 jest 屬性或建立專用的 jest.config.js 檔案來設(shè)定 Jest。這允許您自訂測試目錄、覆蓋閾值等選項(xiàng)。

用 Jest 寫你的第一個單元測驗(yàn)

建立測試檔案
預(yù)設(shè)情況下，Jest 會辨識出副檔名為 .test.js 或 .spec.js 的測試檔。例如，如果您要測試 math.js 中的函數(shù)，請建立一個名為 math.test.js 的檔案。

寫測試案例
這是 Jest 測試案例的一個簡單範(fàn)例：

javascript

複製程式碼

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

?

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

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

});?

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

狂歡

複製程式碼

npm 檢定

Jest 將識別所有測試檔案並運(yùn)行其中的測試案例。

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

模擬函數(shù)
Jest 可讓您模擬函數(shù)和模組來單獨(dú)測試元件：

javascript

複製程式碼

const mockFn = jest.fn();?

mockFn.mockReturnValue(42);?

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

快照測驗(yàn)
快照測試可確保您的 UI 元件不會意外變更。 Jest 保存組件的輸出並在後續(xù)測試運(yùn)行期間進(jìn)行比較。

javascript

複製程式碼

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

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

?expect(tree).toMatchSnapshot();?

});?

代碼覆蓋率報告
Jest 提供了產(chǎn)生程式碼覆蓋率報告的內(nèi)建支援：

狂歡

複製程式碼

npm 檢定 -- --覆蓋率

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

編寫 Jest 單元測試的最佳實(shí)踐

保持測試獨(dú)立
避免測試之間的相互依賴，以確保可靠性和可維護(hù)性。

使用描述性檢定名稱
寫出清楚描述正在測試的場景的測試名稱，例如，「應(yīng)該傳回兩個數(shù)字的總和」。

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

常見的笑話測試模式

排程-執(zhí)行-斷言 (AAA)
將您的測驗(yàn)分為三個不同的階段：

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

BeforeEach 和 AfterEach 鉤子
這些掛鉤可讓您在每次測試之前和之後設(shè)定或清理資源：

javascript

複製程式碼

beforeEach(() => {?

? 初始化資料庫();?

});?

afterEach(() => {?

?clearDatabase();?

});?

調(diào)試 Jest 測試

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

狂歡

複製程式碼

npm 測驗(yàn) -- --watch

使用控制臺日誌進(jìn)行偵錯
新增 console.log() 語句可以幫助識別測試中的問題。

進(jìn)階 Jest 功能

平行測試執(zhí)行
Jest 並行執(zhí)行測試以減少運(yùn)行時間，這對於大型測試套件特別有利。

測試非同步程式碼
Jest 使用 async/await、Promises 和 done() 等實(shí)用程式處理非同步測試：

javascript

複製程式碼

test('取得資料', async () => {?

? const data = wait fetchData();?

?expect(data).toBeDefined();?

});?

自訂匹配器
透過建立自訂匹配器來擴(kuò)展 Jest 的功能，讓您的測試更具表現(xiàn)力。

Jest 與其他單元測試框架

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

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

社群支持
Jest 擁有龐大的社群和豐富的文檔，提供出色的支援和定期更新。

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

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