
**如果客户按照 SAP 当前的官方方式，使用 Angular CLI 21.2.x 创建一个全新的 Angular 应用，然后执行 `ng add @spartacus/schematics@<version>` 安装当前版本的 Composable Storefront，那么这个客户项目的 `package.json` 中，默认应该是 `Vitest`，而不是 `Karma`。**

但有一个非常重要的前提：**决定 `Karma` 还是 `Vitest` 的，主要不是 `@spartacus/schematics`，而是创建这个 Angular workspace 时使用的 Angular CLI 版本以及 `ng new` 的参数。**

### 为什么？

SAP 官方安装流程其实分成两步。SAP 文档明确要求先创建普通 Angular 应用：

```bash
ng new my-spartacus-app --style=scss --ssr=false --zoneless=false --file-name-style-guide=2016
```

然后进入项目：

```bash
cd my-spartacus-app
```

最后才运行：

```bash
ng add @spartacus/schematics@~<version>
```

也就是说，**Angular 项目，包括最初的 `package.json`、测试 builder、测试依赖，早在执行 Spartacus 的 `ng add` 之前就已经建立好了。** ([SAP Help Portal][1])

因此它的逻辑实际上是：

```text
ng new
   ↓
Angular CLI 决定测试框架
   ↓
package.json 已经产生
   ↓
ng add @spartacus/schematics
   ↓
在现有 Angular 项目中加入 Spartacus
```

而不是：

```text
ng add @spartacus/schematics
   ↓
Spartacus 决定 Karma / Vitest
```

---

### 对当前的 Spartacus 来说，为什么通常会看到 Vitest？

SAP 当前的 Composable Storefront 版本已经要求 Angular 21。SAP 的 Dependency Matrix 显示：

> Composable Storefront `221121.7` 及以后版本兼容 Angular 21。([SAP Help Portal][2])

而 SAP 当前的环境要求甚至进一步规定：

> Angular 21.2.0 和 Angular CLI 21.2.0 是最低要求，并推荐使用最新的 21.x。([SAP Help Portal][3])

Angular 当前的官方测试文档则明确说明：

> 新 Angular CLI 项目默认使用 Vitest。

新项目默认安装：

```text
vitest
jsdom
```

Angular 官方也明确把 Karma 描述为仍然支持、但不再是新项目默认值的测试运行器。([Angular][4])

Angular CLI 当前的 schematic 源码也可以直接验证这一点：

```json
"testRunner": {
  "description": "The unit testing runner to use.",
  "type": "string",
  "enum": ["vitest", "karma"],
  "default": "vitest"
}
```

也就是说 `ng new` 不指定参数时，`testRunner` 默认值就是 `vitest`。([GitHub][5])

Angular CLI 处理依赖的源码更加直接：

```text
Vitest
  → vitest
  → jsdom

Karma
  → karma
  → karma-chrome-launcher
  → karma-coverage
  → karma-jasmine
  → karma-jasmine-html-reporter
  → jasmine-core
  → @types/jasmine
  ...
```

这正是 Angular CLI 根据 `testRunner` 往 `devDependencies` 写入测试依赖的逻辑。([GitHub][6])

所以，对于**今天按照 SAP 当前文档新建的 Storefront**：

```bash
ng new my-spartacus-app ...
cd my-spartacus-app
ng add @spartacus/schematics@~221121.15.1
```

如果使用 SAP 当前要求的 Angular CLI 21.2.x，那么 `package.json` 更接近：

```json
{
  "devDependencies": {
    "@angular/cli": "^21.2.x",
    "@angular/compiler-cli": "^21.2.x",
    "@spartacus/schematics": "~221121.15.1",
    "vitest": "...",
    "jsdom": "..."
  }
}
```

而不是传统的：

```json
{
  "devDependencies": {
    "karma": "~6.4.0",
    "karma-chrome-launcher": "~3.2.0",
    "karma-coverage": "~2.2.0",
    "karma-jasmine": "~5.1.0",
    "karma-jasmine-html-reporter": "~2.1.0",
    "jasmine-core": "..."
  }
}
```

---

### 但为什么有些 Spartacus 客户项目还是 Karma？

这其实非常正常。

假设客户以前这样创建：

```bash
ng new mystore
```

当时所使用的 Angular CLI 默认还是 Karma，于是 `package.json` 已经包含：

```json
"devDependencies": {
  "karma": "~6.4.0",
  "karma-chrome-launcher": "~3.2.0",
  "karma-coverage": "~2.2.0",
  "karma-jasmine": "~5.1.0",
  "karma-jasmine-html-reporter": "~2.1.0",
  "jasmine-core": "~5.x"
}
```

然后客户再运行：

```bash
ng add @spartacus/schematics@<version>
```

**Spartacus schematic 并不会因为自己是新版，就自动把客户的 Karma 项目迁移成 Vitest。**

因此：

```text
旧 Angular workspace
        ↓
原本就是 Karma
        ↓
ng add Spartacus
        ↓
仍然是 Karma
```

同理，即使使用现在的 Angular CLI，客户明确写：

```bash
ng new mystore --test-runner=karma
```

Angular 官方仍然支持这种方式。([Angular][7])

那么后面再执行：

```bash
ng add @spartacus/schematics@~221121.15.1
```

它依然会是 Karma。

---

### 因此，不能仅根据 `@spartacus/schematics@<version>` 判断

比如你问：

```bash
ng add @spartacus/schematics@221121.15.1
```

最终是 Karma 还是 Vitest？

**只给这个命令是不够的。**

还至少需要知道：

```text
@angular/cli 版本
+
创建项目时使用的 ng new 参数
+
项目是不是从旧版本升级过来的
```

更准确的关系是：

```text
                  ┌─────────────────────────┐
                  │ Angular CLI / ng new     │
                  └────────────┬────────────┘
                               │
                               ▼
                    选择测试运行器
                     Karma / Vitest
                               │
                               ▼
                       package.json
                               │
                               ▼
             ng add @spartacus/schematics
                               │
                               ▼
                     加入 Spartacus
```

而不是：

```text
@spartacus/schematics version
              ↓
       Karma / Vitest
```

---

### 对你当前遇到的客户场景，可以这样判断

如果客户是近期全新建立项目，并且：

```bash
ng version
```

得到类似：

```text
Angular CLI: 21.2.x
Angular: 21.2.x
```

然后执行：

```bash
ng new xxx
ng add @spartacus/schematics@~221121.x.x
```

没有人为指定：

```bash
--test-runner=karma
```

那么我会预期客户根目录 `package.json` 直接依赖的是：

**Vitest。**

这也符合 SAP 当前的 Angular 21.2.x 要求以及 Angular CLI 当前默认行为。([SAP Help Portal][3])

如果是一个历史 Storefront，哪怕现在已经把：

```json
"@spartacus/core": "~221121.x.x"
```

升级到了最新版本，也完全可能仍然看到：

```json
"karma": "~6.4.0"
```

因为**升级 Spartacus 不等于迁移 Angular 单元测试框架**。

---

还有一个特别容易混淆的地方：**SAP Spartacus 自己的 GitHub monorepo 不能直接当成客户 Storefront 的 `package.json` 模板。**

目前 Spartacus 自身源码仓库的 `devDependencies` 里面实际上同时可以看到：

```text
karma
karma-chrome-launcher
karma-coverage
karma-jasmine
...
vitest
@vitest/coverage-v8
```

因为这是 **Spartacus 框架自身的开发、构建和测试仓库**，它需要测试大量 library、schematics、兼容性场景，因此同时保留多个测试体系。([GitHub][8])

这不能推导出：

```text
客户 ng add Spartacus
→ package.json 一定出现 Karma
```

两者是不同概念。

---

所以，你这个问题用一句话概括就是：

> **`ng add @spartacus/schematics@<version>` 本身不决定客户 Storefront 使用 Karma 还是 Vitest；它取决于之前创建该 Angular workspace 时的 Angular CLI 测试配置。按照 SAP 当前要求的 Angular CLI 21.2.x 全新创建 Storefront，默认是 Vitest；历史项目或者显式使用 `--test-runner=karma` 的项目，则仍然可能是 Karma。**

如果你的具体目标是判断你们现在使用的 **`@spartacus/schematics@221121.17.0 + Angular 21.2.23`** 创建出来的全新 Storefront 到底会生成哪几行 `devDependencies`，那这个组合下我会判断是 **Vitest**，不是 Karma。([SAP Help Portal][2])

[1]: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/6c7b98dbe68f4a508cac17a207182f4c/5de67850bd8d487181fef9c9ba59a31d.html?locale=en-US&utm_source=chatgpt.com "Building the Composable Storefront From Libraries | SAP Help Portal"
[2]: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/6c7b98dbe68f4a508cac17a207182f4c/0ec25f325c9541be86fbf85d8a45c041.html?utm_source=chatgpt.com "Dependencies Matrix | SAP Help Portal"
[3]: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/6c7b98dbe68f4a508cac17a207182f4c/c9dcbd1ca0ec4219ac3c51b29c44625e.html?utm_source=chatgpt.com "About Composable Storefront | SAP Help Portal"
[4]: https://angular.dev/guide/testing?utm_source=chatgpt.com "Testing • Overview • Angular"
[5]: https://github.com/angular/angular-cli/blob/main/packages/schematics/angular/ng-new/schema.json?utm_source=chatgpt.com "angular-cli/packages/schematics/angular/ng-new/schema.json at main · angular/angular-cli · GitHub"
[6]: https://github.com/angular/angular-cli/blob/main/packages/schematics/angular/utility/dependencies.ts?utm_source=chatgpt.com "angular-cli/packages/schematics/angular/utility/dependencies.ts at main · angular/angular-cli · GitHub"
[7]: https://angular.dev/guide/testing/karma?utm_source=chatgpt.com "Testing with Karma and Jasmine • Angular"
[8]: https://github.com/SAP/spartacus/blob/develop/package.json "spartacus/package.json at develop · SAP/spartacus · GitHub"


如果客户按照 SAP 当前的官方方式，使用 Angular CLI 21.2.x 创建一个全新的 Angular 应用，然后执行 ng add @spartacus/schematics@<version> 安装当前版本的 Composable Storefront，那么这个客户项目的 package.json 中，默认应该是 Vitest，而不是 Karma。

关于测试框架 karma 和 vitest 的取舍

紫薇堂堂主

测试

前端

开发工具

SAP Composable Storefront的测试框架由Angular CLI创建项目时的ng new参数决定，而非@spartacus/schematics版本。使用Angular CLI 21.2.x默认生成Vitest+jsdom，历史项目或显式指定--test-runner=karma则保留Karma。Spartacus schematic不会自动迁移现有测试框架。

单元测试

代码解释

GitHub

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

SAP Composable Storefront的测试框架由Angular CLI创建项目时的ng new参数决定，而非@spartacus/schematics版本。使用Angular CLI 21.2.x默认生成Vitest+jsdom，历史项目或显式指定--test-runner=karma则保留Karma。S...

关于测试框架 karma 和 vitest 的取舍-腾讯云开发者社区-腾讯云

关于测试框架 karma 和 vitest 的取舍

关于测试框架 karma 和 vitest 的取舍

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐