使用 typescript 來寫測試

wemall 發布于2019-05-29 17:09 / 3635人閱讀

摘要：使用來寫測試介紹編寫測試的重要性我就不說了使用的好處我也不說了那么接下來就讓我們使用來更好的編寫測試吧安裝依賴運行會幫我們生成一個配置文件在根目錄下新增如果項目原來就是寫的話，肯定會有這個文件，沒有的話，需要新增一個。

使用 typescript 來寫測試 介紹

編寫測試的重要性我就不說了
使用 ts 的好處我也不說了
那么接下來就讓我們使用 ts 來更好的編寫測試吧

安裝依賴

yarn add -D typescript ts-jest jest @types/jest

Config File

運行yarn ts-jest config:init, ts-jest 會幫我們生成一個 jest 配置文件jest.config.js

module.exports = {
  preset: "ts-jest",
  testEnvironment: "node"
}

tsconfig.jest.json

在根目錄下新增tsconfig.json,如果項目原來就是 ts 寫的話，肯定會有這個文件，沒有的話，需要新增一個。但是，有時候我們測試環境跟開發環境的 ts 配置是有區別的，所以我們可以新增一個tsconfig.jest.json來區分不同環境的 ts 配置

{
  "extends": "./tsconfig",
  "compilerOptions": {
    "jsx": "react"
  }
}

這樣的話，之前的jest.confg.js就需要修改了，因為默認讀的是tsconfig.json

module.exports = {
  globals: {
    "ts-jest": {
      tsConfigFile: "tsconfig.jest.json"
    }
  },
  testEnvironment: "node"
}

其他配置參考ts-jest

新增測試

現在可以開始使用 ts 愉快的編寫測試了,在根目錄下新增test/a.test.ts文件
參考文檔jest

import sum from "./sum"

test("adds 1 + 2 to equal 3", () => {
  expect(sum(1, 2)).toBe(3)
})

運行測試

yarn jest

yarn jest --coverage

總結

使用 ts 編寫測試的好處，實際上就是 ts 的好處。比如，有完善的 api 提示；避免低級錯誤；等等。
這就完了？對，這就完了。現在已經可以簡單的寫一些單元測試了，當然我們的應用不可能這么簡單就能測得了的，肯定會有很多亂七八糟的依賴，所以，下一篇講 “使用 ts、 enzyme 測試 react-redux 應用”。

GPU云服務器云服務器來寫 TypeScript typescript javascript typescript-ionic2

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/8871.html

TypeScript 、React、 Redux和Ant-Design的最佳實踐

摘要：使用官方的的另外一種版本和一起使用自動配置了一個項目支持。需要的依賴都在文件中。帶靜態類型檢驗，現在的第三方包基本上源碼都是，方便查看調試。大型項目首選和結合，代碼調試維護起來極其方便。 showImg(https://segmentfault.com/img/bVbrTKz?w=1400&h=930); 阿特伍德定律，指的是any application that can be wr...

wangbinke 2019-08-23 17:10 評論0 收藏0
TypeScript 、React、 Redux和Ant-Design的最佳實踐

摘要：使用官方的的另外一種版本和一起使用自動配置了一個項目支持。需要的依賴都在文件中。帶靜態類型檢驗，現在的第三方包基本上源碼都是，方便查看調試。大型項目首選和結合，代碼調試維護起來極其方便。 showImg(https://segmentfault.com/img/bVbrTKz?w=1400&h=930); 阿特伍德定律，指的是any application that can be wr...

codeKK 2019-08-29 18:42 評論0 收藏0
你不知道的前端SDK開發技巧

摘要：一個帶提示的最后對于開發同學來說，就算不使用，也強烈建議使用提供注解，它會通過一些類型推導來檢查你的代碼的正確性，可以減少很多開發過程中的。相對于對象，它保證了輸入的類型你定義的對象可能某一天不再只有類型的，不再需要額外的類型判斷。作者：陳達孚香港中文大學研究生,《移動Web前端高效開發實戰》作者之一，《前端開發者指南2017》譯者之一，在中國前端開發者大會,中生代技術大會等技術...

jokester 2019-08-21 17:56 評論0 收藏0
SegmentFault 創始人祁寧對話 C# 之父 Anders Hejlsberg

摘要：加入微軟的年里，一直致力于和的研發工作。圓桌對話由祁寧江宏以及云適配馬鐸共同參與。圓桌對話深入了解江宏大家好，我是的江宏。因為函數式語言有了里的很多特性，當然微軟也有自己的函數式語言。導讀上周，C#、Delphi 之父 Anders Hejlsberg 親臨帝都，就 TypeScript 做了一場技術分享，并與眾多開發者就此進行了技術探討。Anders Hejlsberg 加入微軟...

TesterHome 2019-08-21 10:45 評論0 收藏0