使用mocha与chai对TypeScript进行测试——01
2019-01-09 本文已影响17人
光影魔法师
1 环境搭建
1.1 新建空白文件夹,并使用npm init –y 初始化
TypescriptTesting
1.2 使用VS Code打开文件夹,创建文件夹如下:
![](https://img.haomeiwen.com/i5522793/31400c09cc20618d.png)
1.3 安装包
安装typescript运行库
![](https://img.haomeiwen.com/i5522793/879198e1e2c29340.png)
安装mocha测试框架
![](https://img.haomeiwen.com/i5522793/bb2ca508ed762c08.png)
安装chai断言库
![](https://img.haomeiwen.com/i5522793/4d51d6f51151caf7.png)
安装ts-node库用以直接运行typescript
![](https://img.haomeiwen.com/i5522793/4ce1a95e247338c0.png)
运行npm i @types/node引入nodejs的类型定义文件
![](https://img.haomeiwen.com/i5522793/5f892e117c5be856.png)
执行完成后,会在@types中添加上如下文件
![](https://img.haomeiwen.com/i5522793/a089db80fd776264.png)
安装完成后的package.json如下:
![](https://img.haomeiwen.com/i5522793/f41c49cd2e880d8f.png)
2 验证环境
2.1 在src中添加目标文件\src\My.ts
![](https://img.haomeiwen.com/i5522793/86437762e400df2b.png)
2.2 在spec中添加测试文件\spec\My-test.ts
![](https://img.haomeiwen.com/i5522793/2db8a65c40402385.png)
2.3 在scripts配置中添加启动命令
![](https://img.haomeiwen.com/i5522793/7f500e6d16913b22.png)
添加完成后,文件如下:
![](https://img.haomeiwen.com/i5522793/2d8f90135baeb7ce.png)
2.4 调用npm run test来运行测试
![](https://img.haomeiwen.com/i5522793/e2e2f73dd305e386.png)
3 VSCode快捷键
快捷键能加快开发与重构的速度,以下是VSCode常用的快捷键
创建新文件——ctrl + N
在打开的文件中切换——ctrl+tab
在任意文件中切换——ctrl+p
关闭当前文件——ctrl+F4
打开/关闭终端——ctrl+~
切换到资源管理页——ctrl+shift+E
切换到搜索页——ctrl+shift+F
查看定义——alt+F12
转到定义——F12
查看引用——shift+F12
查看所有引用——shift+alt+F12
代码链接:https://gitee.com/JasonLiSz/TypescriptTesting/