使用 Ionic-karma-jasmine 进行测试

Question

我是 angular 和 ionic 的新手，我需要知道如何进行单元测试，具体来说，是否有我在其中编写测试代码的测试文件？

我目前正在研究 ionic 3。

我已经使用 npm 安装了 karma 和 jasmine，我的 devDependencies 看起来像这样

"devDependencies": {
    "@ionic/app-scripts": "3.2.1",
    "jasmine-core": "^3.3.0",
    "karma": "^4.0.0",
    "typescript": "~3.2.4"
  },

假设我在 component.ts 文件中有一个这样的函数：

add (a:number,b:number) {
    return a+b
  }

我在哪里为它编写测试函数？ 还有我如何运行测试功能？ 我怎么看结果？

Answer 1

通常，angular/typescript 的单元测试将编写在单独的文件中，这些文件通常命名为 .spec.ts（可以存储在与组件文件相同的目录或测试文件夹中）。

在脚本部分下的 package.json 中，我们声明了 npm 别名来触发 ng 测试。

"scripts": {
            .....
            "test": "ng test"
            ...
                }

可以在 package.json 目录中运行的控制台中触发

npm run test

karma 选取 karma.conf.js 中的默认设置并查找以 **.spec.ts 格式命名的文件。 （可配置）

成功/失败消息将显示在控制台中。 您还可以使用其他节点模块（如伊斯坦布尔）并生成漂亮的彩色统计信息，这些统计信息可以与覆盖率报告一起查看。