ES6+mocha+istanbul,針對ES6語法的帶覆蓋率檢查的mocha測試

wuyangnju 發布于2019-05-29 17:03 / 2251人閱讀

摘要：安裝注意版本為為支持語法安裝依賴包注意為了使支持語法，在加入注意為了使支持語法，在加入小貓快跳最終運行或都可以參考

安裝 mocha, chai,mochawesome,istanbul

npm install mocha chai mochawesome istanbul@1.0.0-alpha.2 --save-dev

注意1：

istanbul 版本為 "^1.0.0-alpha.2"

為 istanbul 支持ES6語法安裝依賴包：

npm i babel-cli babel-register babel-plugin-istanbul babel-preset-env cross-env mocha chai nyc --save-dev

注意2:

為了使 istanbul 支持ES6語法，在package.json加入：

"nyc": {
    "require": [
      "babel-register"
    ],
    "reporter": [
      "lcov",
      "text"
    ],
    "sourceMap": false,
    "instrument": false
  }

注意3:

為了使 istanbul 支持ES6語法，在.babelrc加入：

.babelrc

{
  "presets": [
    "env"
  ],
  "env": {
    "test": {
      "plugins": [
        "istanbul"
      ]
    }
  }
}

package.json

{
  "name": "100",
  "version": "1.0.0",
  "description": "小貓快跳",
  "main": "game.js",
  "directories": {
    "test": "test"
  },
  "scripts": {
    "test1": "./node_modules/.bin/istanbul cover ./node_modules/.bin/_mocha test/*.js -- --require babel-register",
    "test":"cross-env NODE_ENV=test nyc mocha"
  },
  "author": "wangshuxian6",
  "license": "MIT",
  "devDependencies": {
    "babel-cli": "^6.26.0",
    "babel-plugin-istanbul": "^4.1.5",
    "babel-preset-env": "^1.6.1",
    "babel-register": "^6.26.0",
    "chai": "^4.1.2",
    "cross-env": "^5.1.3",
    "grunt": "^1.0.1",
    "grunt-contrib-watch": "^1.0.0",
    "grunt-eslint": "^20.1.0",
    "istanbul": "^1.0.0-alpha.2",
    "mocha": "^5.0.1",
    "mochawesome": "^3.0.2",
    "nyc": "^11.4.1"
  },
  "nyc": {
    "require": [
      "babel-register"
    ],
    "reporter": [
      "lcov",
      "text"
    ],
    "sourceMap": false,
    "instrument": false
  }
}

mocha.opts

--require babel-core/register
--recursive
--reporter mochawesome
--bail

最終：

運行nom run test 或 nom run test2 都可以

參考：http://edu.51cto.com/topic/10...

GPU云服務器云服務器單元測試-mocha-jasmine mocha 單元-mocha-jasmine ES6

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

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

探知js測試(3)

摘要：模塊測試模塊語法我這里提及一點。基本工程目錄一個良好的工程目錄，能夠幫助你測試成本降到最低。這一塊算是獨立于單元測試的。前面兩篇已經把，js測試的模式，框架，斷言庫基本介紹了一遍。這里，我們要上升到整體測試架構上來.首先，單元測試的對象是模塊，這里我們就要將自己測試目標調整到對模塊測試上來。所以，這里我們需要使用CommonJS或者es6的模塊的寫法了。另外需要了解,mocha框架測...

陳江龍 2019-08-19 17:36 評論0 收藏0
探知js測試(3)

摘要：模塊測試模塊語法我這里提及一點。基本工程目錄一個良好的工程目錄，能夠幫助你測試成本降到最低。這一塊算是獨立于單元測試的。前面兩篇已經把，js測試的模式，框架，斷言庫基本介紹了一遍。這里，我們要上升到整體測試架構上來.首先，單元測試的對象是模塊，這里我們就要將自己測試目標調整到對模塊測試上來。所以，這里我們需要使用CommonJS或者es6的模塊的寫法了。另外需要了解,mocha框架測...

pakolagij 2019-05-29 16:56 評論0 收藏0
前端單元測試實現教程 mocha + mochawesome + istanbul + sinon

摘要：為什么要寫單元測試減少提高代碼質量，保證你的代碼是可測試的放心重構當你每個方法都寫了單元測試的時候，你每一個改動都會影響相應的單元測試，這樣你不用費盡心思的考慮哪里會有影響，特別是復雜項目或非核心功能不易被測試到，從而導致的產生。為什么要寫單元測試減少bug 提高代碼質量，保證你的代碼是可測試的放心重構當你每個方法都寫了單元測試的時候，你每一個改動都會影響相應的單元測試，這...

AaronYuan 2019-08-22 15:36 評論0 收藏0
前端單元測試

摘要：為保證代碼的質量，單元測試必不可少。本文記錄自己在學習單元測試過程中的一些總結。以一個項目為例，代碼結構如下前端測試框架主要是與，這里我們選擇，斷言庫有以及自帶的。為保證代碼的質量，單元測試必不可少。本文記錄自己在學習單元測試過程中的一些總結。 TDD與BDD的區別 TDD屬于測試驅動開發，BDD屬于行為驅動開發。個人理解其實就是TDD先寫測試模塊，再寫主功能代碼，然后能讓測試模塊通...

liuyix 2019-08-22 14:58 評論0 收藏0
現代JS代碼測試流程

摘要：有質量的代碼是要有代碼測試來保證的，本文就大致談談現在我們是如何實現使用甚至標準的代碼的高效測試的。每次代碼修改頁面都會自動刷新，更強大的是它只會執行你修改了代碼的測試用例簡直神器。有質量的代碼是要有代碼測試來保證的，本文就大致談談現在我們是如何實現使用es6甚至es7（async/await）標準的JS代碼的高效測試的。我們會用到以下工具 webpack 前端打包工具 moch...

cyqian 2019-08-22 10:58 評論0 收藏0