資訊專欄INFORMATION COLUMN
摘要：使用來寫測(cè)試介紹編寫測(cè)試的重要性我就不說了使用的好處我也不說了那么接下來就讓我們使用來更好的編寫測(cè)試吧安裝依賴運(yùn)行會(huì)幫我們生成一個(gè)配置文件在根目錄下新增如果項(xiàng)目原來就是寫的話，肯定會(huì)有這個(gè)文件，沒有的話，需要新增一個(gè)。
使用 typescript 來寫測(cè)試 介紹
編寫測(cè)試的重要性我就不說了
使用 ts 的好處我也不說了
那么接下來就讓我們使用 ts 來更好的編寫測(cè)試吧
yarn add -D typescript ts-jest jest @types/jestConfig File
運(yùn)行yarn ts-jest config:init, ts-jest 會(huì)幫我們生成一個(gè) jest 配置文件jest.config.js
module.exports = {
preset: "ts-jest",
testEnvironment: "node"
}
tsconfig.jest.json
在根目錄下新增tsconfig.json,如果項(xiàng)目原來就是 ts 寫的話，肯定會(huì)有這個(gè)文件，沒有的話，需要新增一個(gè)。但是，有時(shí)候我們測(cè)試環(huán)境跟開發(fā)環(huán)境的 ts 配置是有區(qū)別的，所以我們可以新增一個(gè)tsconfig.jest.json來區(qū)分不同環(huán)境的 ts 配置
{
"extends": "./tsconfig",
"compilerOptions": {
"jsx": "react"
}
}
這樣的話，之前的jest.confg.js就需要修改了，因?yàn)槟J(rèn)讀的是tsconfig.json
module.exports = {
globals: {
"ts-jest": {
tsConfigFile: "tsconfig.jest.json"
}
},
testEnvironment: "node"
}
其他配置參考ts-jest
新增測(cè)試現(xiàn)在可以開始使用 ts 愉快的編寫測(cè)試了,在根目錄下新增test/a.test.ts文件
參考文檔jest
import sum from "./sum"
test("adds 1 + 2 to equal 3", () => {
expect(sum(1, 2)).toBe(3)
})
運(yùn)行測(cè)試
yarn jest yarn jest --coverage總結(jié)
使用 ts 編寫測(cè)試的好處，實(shí)際上就是 ts 的好處。比如， 有完善的 api 提示；避免低級(jí)錯(cuò)誤；等等。
這就完了？對(duì)，這就完了。現(xiàn)在已經(jīng)可以簡(jiǎn)單的寫一些單元測(cè)試了，當(dāng)然我們的應(yīng)用不可能這么簡(jiǎn)單就能測(cè)得了的，肯定會(huì)有很多亂七八糟的依賴，所以，下一篇講 “使用 ts、 enzyme 測(cè)試 react-redux 應(yīng)用”。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/8871.html
摘要：使用官方的的另外一種版本和一起使用自動(dòng)配置了一個(gè)項(xiàng)目支持。需要的依賴都在文件中。帶靜態(tài)類型檢驗(yàn)，現(xiàn)在的第三方包基本上源碼都是，方便查看調(diào)試。大型項(xiàng)目首選和結(jié)合，代碼調(diào)試維護(hù)起來極其方便。 showImg(https://segmentfault.com/img/bVbrTKz?w=1400&h=930); 阿特伍德定律，指的是any application that can be wr...
摘要：使用官方的的另外一種版本和一起使用自動(dòng)配置了一個(gè)項(xiàng)目支持。需要的依賴都在文件中。帶靜態(tài)類型檢驗(yàn)，現(xiàn)在的第三方包基本上源碼都是，方便查看調(diào)試。大型項(xiàng)目首選和結(jié)合，代碼調(diào)試維護(hù)起來極其方便。 showImg(https://segmentfault.com/img/bVbrTKz?w=1400&h=930); 阿特伍德定律，指的是any application that can be wr...
摘要：一個(gè)帶提示的最后對(duì)于開發(fā)同學(xué)來說，就算不使用，也強(qiáng)烈建議使用提供注解，它會(huì)通過一些類型推導(dǎo)來檢查你的代碼的正確性，可以減少很多開發(fā)過程中的。相對(duì)于對(duì)象，它保證了輸入的類型你定義的對(duì)象可能某一天不再只有類型的，不再需要額外的類型判斷。 作者：陳達(dá)孚 香港中文大學(xué)研究生,《移動(dòng)Web前端高效開發(fā)實(shí)戰(zhàn)》作者之一，《前端開發(fā)者指南2017》譯者之一，在中國(guó)前端開發(fā)者大會(huì),中生代技術(shù)大會(huì)等技術(shù)...
摘要：加入微軟的年里，一直致力于和的研發(fā)工作。圓桌對(duì)話由祁寧江宏以及云適配馬鐸共同參與。圓桌對(duì)話深入了解江宏大家好，我是的江宏。因?yàn)楹瘮?shù)式語言有了里的很多特性，當(dāng)然微軟也有自己的函數(shù)式語言。 導(dǎo)讀 上周，C#、Delphi 之父 Anders Hejlsberg 親臨帝都，就 TypeScript 做了一場(chǎng)技術(shù)分享，并與眾多開發(fā)者就此進(jìn)行了技術(shù)探討。Anders Hejlsberg 加入微軟...
閱讀 811·2023-04-25 22:57
閱讀 3061·2021-11-23 10:03
閱讀 623·2021-11-22 15:24
閱讀 3167·2021-11-02 14:47
閱讀 2910·2021-09-10 11:23
閱讀 3128·2021-09-06 15:00
閱讀 3950·2019-08-30 15:56
閱讀 3336·2019-08-30 15:52
