运行单个测试文件

我发现 Jasmine 允许您在 describe 和 it 方法前加上 f（用于焦点）：fdescribe 和 fit。如果您使用其中任何一个，Karma 将只运行相关测试。要关注当前文件，您只需将顶层 describe 更改为 fdescribe。如果您使用 Jasmine 2.1 之前的版本，则重点关键字是：iit 和 ddescribe。

此示例代码仅运行第一个测试：

// Jasmine versions >/=2.1 use 'fdescribe'; versions <2.1 use 'ddescribe'
fdescribe('MySpec1', function () {
    it('should do something', function () {
        // ...
    });
});

describe('MyOtherSpec', function () {
    it('should do something else', function () {
        // ...
    });
});

Here 是有关 Focusing Specs 的 Jasmine 文档，here 是相关的 SO 文章，它提供了其他深思熟虑的解决方案。

---

如今，这可以通过 include 选项来实现。 https://angular.io/cli/test#options

这是一个全局匹配，例如：

ng test --include='**/someFolder/*.spec.ts'

我在 8.1.0 release notes 中找不到它，但@Swoox 在下面提到这是 cli 版本 8.1.0 之后的一个功能。感谢您弄清楚这一点。

---

值得一提的是，您可以禁用特定测试而无需 xdescribe 和 xit 评论

xdescribe('Hello world', () => { 
  xit('says hello', () => { 
    expect(helloWorld())
        .toEqual('Hello world!');
  });
});

正如有人已经说过，如果您想专注于某些测试，那么 fdescribe 和 fit

fdescribe('Hello world', () => { 
  fit('says hello', () => { 
    expect(helloWorld())
        .toEqual('Hello world!');
  });
});

---

我发现 ng test 有一个附加选项 --include，您可以使用它来为单个文件、特定目录或一堆文件运行测试：

// one file
npm run test -- --include src/app/components/component/component-name.component.spec.ts

// directory or bunch of files
npm run test -- --include src/app/components

ng cli docs

---

您可以转到 src/test.ts 并可以更改以下行：

const context = require.context('./', true, /\.spec\.ts$/);

至

const context = require.context('./', true, /**yourcomponent.component**\.spec\.ts$/);

https://i.stack.imgur.com/Dz02U.png

---

在 Angular 9 中，我很幸运：

如果要测试特定文件：

ng test --test-file=path/to/your/file.component.spec.ts

如果您的 Angular 项目中有多个项目和/或正在使用 NX，则可以指定一个 Angular 项目进行测试：

ng test project-name

你也可以使用

ng test --testNamePattern componentname

path/to/your/component/componentname.spec.ts 之类的东西。这将扫描每个项目中的每个文件，并且速度较慢。

如果您只想测试自上次提交以来发生的变化（使用 git 或其他版本控制）

ng test --only-changed

不能在香草 Angular 中工作。

---

Visual Studio 代码扩展

最简单的方法是使用 vscode-test-explorer 扩展及其子 angular-karma-test-explorer 和 jasmine-test-adapter，如果需要，您将获得当前测试的列表以逐个运行：

https://i.stack.imgur.com/bmhQt.png

这与我在 this question 给出的答案相同，那里有更多细节。

---

使用

ng test --main file.spec.ts

---

您必须去 src/test.ts 并且可以更改以下行号代码 18：

//Then we find all the tests.
const context = require.context('./', true, /\.spec\.ts$/);

至

//Then we find all the tests.
const context = require.context('./', true, /testing.component\.spec\.ts$/);

https://i.stack.imgur.com/W15aT.png

---

为什么要这么难？

运行 ng 测试

打开控制台中显示的链接：

https://i.stack.imgur.com/sNGxe.png

在右上角，单击调试：

https://i.stack.imgur.com/VECZm.png

单击要单独运行的测试：

https://i.stack.imgur.com/X0Q2z.png

要重新运行测试，请刷新浏览器窗口（例如使用 F5）。

---

获取测试文件的相对路径并像这样提供

ng test --include=src\app\app.component.spec.ts

这个对我有用！！

---

我一直在寻找答案。你的问题线程确实帮助了我很多。但是，有些地方是模棱两可的。特别是，如果您运行以下 CLI 命令。

npm run test -- --include src/app/component/your.component.spec.ts

它将运行单个测试文件，但运行测试后，测试浏览器将立即关闭，由于缺少 watch 标志，您无法观看您的测试文件。因此，您必须提供监视标志作为真值。我发现下面的 CLI 命令与 watch 标志一起工作正常。

ng test --watch=true "--include" "src/app/components/your.component.spec.ts"

---

如果您使用 IntelliJ IDE，您可以安装“Karma”插件并通过单击规范测试旁边的“运行”图标单独运行规范

https://i.stack.imgur.com/2KUsE.png

---

如果您将规范文件指定为参数，则可以使用。

例如：

ng test foo.spec.ts

---