使用 Jest 测试 Angular 组件

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。

Name		Name	Last commit message	Last commit date
Latest commit History 3 Commits
e2e		e2e
screenshots		screenshots
src		src
.editorconfig		.editorconfig
.gitignore		.gitignore
README.md		README.md
angular.json		angular.json
browserslist		browserslist
diff.patch		diff.patch
jest.config.js		jest.config.js
karma.conf.js		karma.conf.js
package-lock.json		package-lock.json
package.json		package.json
tsconfig.app.json		tsconfig.app.json
tsconfig.json		tsconfig.json
tsconfig.spec.json		tsconfig.spec.json
tslint.json		tslint.json
yarn.lock		yarn.lock