使用 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 格式命名的文件。 （可配置）

成功/失敗消息將顯示在控制台中。 您還可以使用其他節點模塊（如伊斯坦布爾）並生成漂亮的彩色統計信息，這些統計信息可以與覆蓋率報告一起查看。