Webpack單元測試，e2e測試

一、單元測試

實現(xiàn)單元測試框架的搭建、es6語法的應(yīng)用、以及測試覆蓋率的引入。

1. 需要安裝的項目：

• jasmine：單元測試庫

• karma：測試框架，配置選擇phantomjs瀏覽器

• karma-jasmine：操作jasmine的插件

• karma-webpack：webpack與karma的連接

• mock：用于數(shù)據(jù)模擬，用'npm install --save-dev mockjs'安裝

• karma-coverage：測試覆蓋率報表

• karma-spec-reporter：命令行輸出測試用戶的運行結(jié)果

• babel-plugin-istanbul: 測試覆蓋率顯示未通過webpack打包的源碼

       由于babel-plugin-istanbul是bable的一個插件，所以需要修改.babelrc文件，代碼如下:

{    "presets":["es2015","stage-2"],    "plugins": ["istanbul"] //這句話是重點}

2. 配置參數(shù)及運行命令：

• 運行命令 .\node_modules\.bin\karma start .\test\karma.conf.js

karma命令為私有安裝，karma配置文件指定在test文件夾下。

• 配置文件如下：

module.exports = function(config) {
  config.set({    // 基路徑：表示karma從那個位置開始找文件
    basePath: '',    // 框架
    frameworks: ['jasmine'],    // 測試的入口文件
    fi
        
		

        		
網(wǎng)友評論
     		
				

			
			
			
		
		
		
    	
    	
        	

        		
更多精彩分享
        		

        			
        		
        			
	        		
	        		學(xué)習(xí)是年輕人改變自己的最好方式