Angular Karma 框架文档

Karma 是一个强大的 JavaScript 测试框架，特别适用于 Angular 应用程序。以下是对 Karma 框架的简要介绍，以及如何将其与 Angular 集成。

快速开始

1. 安装 Karma
   在您的项目中安装 Karma，可以通过 npm 或 yarn 完成。

   npm install karma --save-dev
   

   或者

   yarn add karma
   

2. 配置 Karma
   创建一个 karma.conf.js 文件，配置 Karma 的选项。

   module.exports = function(config) {
     config.set({
       frameworks: ['jasmine'],
       files: [
         'src/**/*.js',
         'test/**/*.spec.js'
       ],
       browsers: ['Chrome']
     });
   };
   

3. 运行 Karma
   使用以下命令运行 Karma。

   karma start
   

Karma 与 Angular 的集成

1. 安装 Angular 测试工具
   安装 Angular 测试工具，以便 Karma 可以运行 Angular 相关的测试。

   npm install @angular-devkit/build-angular karma-jasmine jasmine-core karma-chrome-launcher --save-dev
   

2. 配置 Karma
   在 karma.conf.js 文件中，添加 Angular 相关的配置。

   module.exports = function(config) {
     config.set({
       frameworks: ['jasmine', '@angular-devkit/build-angular'],
       plugins: [
         require('karma-jasmine'),
         require('karma-chrome-launcher'),
         require('@angular-devkit/build-angular/plugins/karma')
       ],
       files: [
         'node_modules/@angular/core/bundles/core.umd.js',
         'node_modules/@angular/common/bundles/common.umd.js',
         'node_modules/@angular/platform-browser/bundles/platform-browser.umd.js',
         'node_modules/@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',
         'src/**/*.ts',
         'test/**/*.spec.ts'
       ],
       preprocessors: {
         '**/*.ts': ['@angular-devkit/build-angular/typecheck']
       },
       browsers: ['Chrome']
     });
   };
   

3. 运行 Karma
   同样使用 karma start 命令运行 Karma。

图片示例

Angular

更多关于 Angular 的信息，请访问我们的 Angular 官方文档。