32、测试 Angular 应用程序

原创于 2025-11-07 09:53:37 发布 · 35 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Angular测试 #Karma #单元测试

Angular与TypeScript实战专栏收录该内容

47 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

测试 Angular 应用程序

1. Karma 配置文件

Angular CLI 生成的构建脚本示例如下：

"build": "ng test && ng build"

Angular CLI 会生成可用的 Karma 配置文件，但有时你可能需要根据项目需求对其进行修改。当 Angular CLI 生成一个新项目时，会包含预配置的 karma.conf.js 文件，用于在 Chrome 浏览器中运行 Jasmine 单元测试。以下是生成的 karma.conf.js 文件示例：

module.exports = function (config) {
  config.set({
    basePath: '',
    frameworks: ['jasmine', '@angular/cli'],
    plugins: [
      require('karma-jasmine'),
      require('karma-chrome-launcher'),
      require('karma-jasmine-html-reporter'),
      require('karma-coverage-istanbul-reporter'),
      require('@angular/cli/plugins/karma')
    ],
    client: {
      clearContext: fals