使用 Jest 測試 Angular 組件

使用 Jest 測試 Angular 組件

https://github.com/LiuuY/angu...

Angular 版本：8.2.0，本項目由 Angular CLI 生成，使用 Jest 替換了 Jasmine

背景

Jest 在效率、易用性上都勝於 Jasmine 且徹底兼容已有的 Jasmine 語法 （雖然 Angular 官方依舊推薦 Jasmine），

尤爲是 Jest 的 Snapshot Testing，很適合輕量級的 UI 測試。

也適合提升測試覆蓋率 😆。

例如修改了 template 後運行測試，就會有相應的提示

使用方法

Angular 集成 Jest 通常都會使用 jest-present-angular。

可是這個文檔忽略了介紹幾個重要的配置，致使不能很簡單的集成。

我使用 Angular CLI 生成了一個標準 Angular 工程，在此基礎上直接集成了 Jest。

你們能夠直接對照，詳見 diff.patch。

其餘 😏

State of JS 關於 Testing 框架流行度調查