Karma 自动化测试框架搭建文档

一.前言

此文档为前端自动化单元测试框架 Karma 的搭建以及使用文档。

二.准备环境

先列出我们此次搭建测试框架 Karma 必须的环境和包。

 1. node.js (node 引擎)
 2. npm (node 包管理器)
 3. cnpm(可选) (淘宝镜像)
 4. karma (提供 web 服务和浏览器适配)
 5. mocha   (单元测试框架)
 6. chai    (断言库)
 6. requirejs    (提供非commonjs规范的模块加载)
 7. karma-mocha karma-chai   karma-requirejs  (karma 中对应的包)
 8. karma-chrome-launcher  karma-ie-launcher  (karma 中的浏览器适配包)
 9. karma-mocha-reporter (karma 中的 mocha 终端测试报告)
 10. karma-htmlfile-reporter (karam 生成 html 格式的测试报告文件)

三.安装步骤

1. 安装 node 和 npm

进入node官网，根据你的操作系统选择对应的安装包。安装时记得添加选择默认添加环境变量和安装npm。

安装完成后打开gitbash输入以下命令测试是否安装成功：

$ node -v
v10.14.1

$ npm -v
6.4.1

2. 安装 cnpm

此为npm的淘宝镜像，为了解决npm下载包网速过慢的问题。请在gitbash中输入以下命令：

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

完成后输入以下命令测试cnpm是否安装成功：

cnpm -v

3.初始化 package.json

首先，在项目内新建一个文件夹 /test。(与static,templates平级)。此时我们有以下目录结构：

由于这是我已经配置好的目录结构，各位可以先不用关心细节，我们从空的/test文件夹开始。

在 gitbash 中进入 /test 目录，然后输入命令:

$ npm init -y

会出现一个名为 package.json 的 json 文件，文件内容如下：

4. 安装 karma 和 karma-cli

什么是 karma 这种问题大家可以自行去Karma官网自行查看。

我们回到刚刚那个 gitbash 目录，输入以下命令：

$ cnpm install karma-cli -g
$ cnpm install karma -D

安装好之后输入 karma --version 来查看是否安装成功。

5.安装 package.json 中的依赖

打开你的 package.json 文件，此时它的内容如下：

{
   
  "name": "test",
  "version": "1.0.0",
  "description": "",
  "main": "index.js"