前端测试(一)vscode调试mocha测试用例

前端测试一直是我的知识堵塞,趁着端午节休息研究一下mocha。mocha会串行地执行我们编写的测试用例,输出灵活准确的测试结果报告。

由于在开发的过程中,几乎很难一次性写出毫无破绽的程序,断点调试代码是一个普遍的需求。本着工欲善其事必先利其【器】的原则,先研究了下怎么在VScode上调试mocha测试用例的方法。记录如下:

1、进入VScode界面,点击左边的第四个按钮,进入调试界面:

前端测试(一)vscode调试mocha测试用例_第1张图片
image

2、调试栏,点击【添加配置】,选择开发环境【node.js】

前端测试(一)vscode调试mocha测试用例_第2张图片
image

3、项目的根目录下会生成一个包含【lanuch.json】配置文件的【.vscode】目录。修改【lanuch.json】,在 args 对象中加入启动文件

    {   

        "name": "Run mocha",

        "type": "node",

        "request": "launch",

        "program": "${workspaceRoot}/node_modules/mocha/bin/_mocha",

        "stopOnEntry":false,

        "args": [

            "test/index.js",

            "--no-timeouts"            ],

        "cwd": "${workspaceRoot}",

        "runtimeExecutable":null,

        "env": {

            "NODE_ENV": "testing"            }

    }

4、设置断点,点击【绿色三角形】就可以开始调试了

前端测试(一)vscode调试mocha测试用例_第3张图片
image

5、调试完成,调试控制台会打印出mocha用例结果。

前端测试(一)vscode调试mocha测试用例_第4张图片
image

你可能感兴趣的:(前端测试(一)vscode调试mocha测试用例)