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

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

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

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

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

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

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

狂歡

複製程式碼

npm install --save-dev 笑話

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

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

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

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

javascript

複製程式碼

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

?

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

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

});?

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

狂歡

複製程式碼

npm 檢定

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

Jest 用於單元測(cè)試的主要功能

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

javascript

複製程式碼

const mockFn = jest.fn();?

mockFn.mockReturnValue(42);?

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

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

javascript

複製程式碼

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

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

?expect(tree).toMatchSnapshot();?

});?

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

狂歡

複製程式碼

npm 檢定 -- --覆蓋率

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

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

保持測(cè)試獨(dú)立
避免測(cè)試之間的相互依賴，以確?？煽啃院涂删S護(hù)性。

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

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

常見的笑話測(cè)試模式

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

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

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

javascript

複製程式碼

beforeEach(() => {?

? 初始化資料庫(kù)();?

});?

afterEach(() => {?

?clearDatabase();?

});?

調(diào)試 Jest 測(cè)試

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

狂歡

複製程式碼

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

使用控制臺(tái)日誌進(jìn)行偵錯(cuò)
新增 console.log() 語(yǔ)句可以幫助識(shí)別測(cè)試中的問題。

進(jìn)階 Jest 功能

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

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

javascript

複製程式碼

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

? const data = wait fetchData();?

?expect(data).toBeDefined();?

});?

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

Jest 與其他單元測(cè)試框架

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

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

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

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

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