直屏旗艦來了 iQOO 12和K70 Pro同臺(tái)競(jìng)技
旗艦機(jī)基本上使用的都是雙曲面屏幕，這就讓很多喜歡直屏的愛好者在苦等一款直屏旗艦，這次，你們等到了。據(jù)博主數(shù)碼閑聊站帶來的最新爆料稱，Redmi下代旗艦K70 Pro和iQOO 12兩款手
Jest 是一個(gè)簡(jiǎn)單易用的 JavaScript 測(cè)試框架。最初由 Meta 公司團(tuán)隊(duì)維護(hù)。2022 年 5 月，Meta 公司正式將自己的開源項(xiàng)目Jest 移交給 OpenJS Foundation[1]，這表示 Jest 由公司驅(qū)動(dòng)變?yōu)樯鐓^(qū)驅(qū)動(dòng)，有 OpenJS Foundation 保底，Jest 將不會(huì)因公司發(fā)展需要而停止維護(hù)。
下面我們就來學(xué)習(xí)吧。
首先創(chuàng)建項(xiàng)目目錄：
mkdir jest-demos && cd jest-demosnpm init -y然后，安裝 Jest 依賴：
npm install --save-dev jest創(chuàng)建待測(cè)試文件 src/sum.js：
function sum(a, b) { return a + b;}module.exports = sum;創(chuàng)建測(cè)試文件 __tests__/sum.test.js：
const sum = require('../src/sum');test('adds 1 + 2 to equal 3', () => { expect(sum(1, 2)).toBe(3);});注：按照約定，測(cè)試文件以 .test.js 或 .spec.js 結(jié)尾，并且放在 __tests__ 目錄中。
package.json 文件中增加腳本：
{ "scripts": { "test": "jest" }}終端上執(zhí)行命令 npm test，查看結(jié)果。
圖片
這樣我們就完成了第一個(gè)測(cè)試文件的編寫和集成。
不過目前存在 2 個(gè)問題：
如何解決呢？有 2 個(gè)方案：
不過為了得到完整的類型檢查支持，我們選擇 ts-jest。下面就來學(xué)習(xí)。
ts-jest 本質(zhì)上就是 Jest transformer，支持你在 TypeScript 項(xiàng)目里使用 Jest。
這部分配置我們參照官方教程[2]。
首先安裝必要依賴：
npm install --save-dev ts-jest jest typescript @types/jest然后，生成 Jest 配置文件——這里借助 ts-jest 指令來生成：
npx ts-jest config:init這一步會(huì)在項(xiàng)目根目錄下創(chuàng)建 jest.config.js 文件：
/** @type {import('ts-jest').JestConfigWithTsJest} */module.exports = { preset: 'ts-jest', testEnvironment: 'node',};將 src/sum.js 和 __tests__/sum.test.js 的文件后綴改成 .ts，并將代碼改成 ES Module 方式組織。
// src/sum.tsfunction sum(a, b) { return a + b;}export default sum;// __tests__/sum.test.tsimport sum from "../src/sum";test("adds 1 + 2 to equal 3", () => { expect(sum(1, 2)).toBe(3);});終端上執(zhí)行命令 npm test，查看結(jié)果。
圖片
也成功了。不過有一條告警，建議我們將 tsconfig.json 中的 esModuleinterop 字段設(shè)置成 true。
為了設(shè)置 esModuleinterop 字段，我們將 tsconfig.json 文件釋放出來。
$ npx tsx --initCreated a new tsconfig.json with: TS target: es2016 module: commonjs strict: true esModuleInterop: true skipLibCheck: true forceConsistentCasingInFileNames: true釋出的配置中包含 esModuleInterop: true 選擇，因此我們也無需修改。不過因?yàn)殚_啟了嚴(yán)格模式（strict： true），因此還要對(duì)源代碼做類型注解。
// src/sum.tsfunction sum(a: number, b: number) { return a + b;}export default sum;再次運(yùn)行測(cè)試——成功！
圖片
以上，我們就學(xué)完了 Jest 基礎(chǔ)使用和配置的部分的內(nèi)容。下一步大家可以在 Jest 官網(wǎng)上按照下面的順序自行學(xué)習(xí)。
[1]OpenJS Foundation:https://jestjs.io/blog
[2]官方教程:https://kulshekhar.github.io/ts-jest/docs/getting-started/installation
[3]匹配器（Matcher）的使用:https://jestjs.io/docs/using-matchers
[4]https://jestjs.io/docs/expect:https://jestjs.io/docs/expect
[5]測(cè)試異步代碼:https://jestjs.io/docs/asynchronous
[6]使用跟啟動(dòng)、清理相關(guān)的一些調(diào)用周期函數(shù):https://jestjs.io/docs/setup-teardown
[7]學(xué)習(xí) Mock 函數(shù)的使用:https://jestjs.io/docs/mock-functions
[8]如何配置瀏覽器環(huán)境的測(cè)試:https://jestjs.io/docs/tutorial-jquery
本文鏈接：http://www.www897cc.com/showinfo-26-17765-0.htmlJest：目前最廣泛使用的前端 JavaScript 測(cè)試框架
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。郵件：2376512515@qq.com
Copyright ? 2016-2023 天津谷騏科技有限公司 版權(quán)所有 sitemap.xml
違法及侵權(quán)請(qǐng)聯(lián)系：2376512515@qq.com 津ICP備18001702號(hào)
津公網(wǎng)安備 12010102000574號(hào)