用离子业力茉莉花测试

Question

我对角和离子还不熟悉，我需要知道如何进行单元测试，特别是，是否有编写我的测试代码的测试文件？

我目前正在研究离子3。

我已经使用npm安装了业力和茉莉花，我的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

通常，角度/打字稿的单元测试将写入单独的文件中，这些文件通常被命名为.spec.ts（可以与组件文件存储在同一目录中，也可以存储在测试文件夹中）。

在“脚本”下的package.json中，我们声明npm别名以触发ng测试。

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

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

npm run test

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

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