是否有一种方法可以为单个文件而不是整个测试套件运行ng test ?理想情况下,我希望在编辑文件时获得尽可能快的反馈循环,但karma在每次保存时执行整个套件,当您构建足够大的测试套件时,这有点慢。


这与如何使用angular-cli只执行一个测试规范不同,因为那个问题是关于运行一个单独的规范。这是关于运行一个单独的文件。解决方案涉及相同的Jasmine规范特性,但问题的性质略有不同。


我发现Jasmine允许您为describe加上前缀,它使用f(表示焦点)方法:fdescribe和fit。如果使用其中之一,Karma将只运行相关测试。要关注当前文件,只需将顶层描述更改为fdescribe。如果您在2.1版本之前使用Jasmine,重点关键字是: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 () {
        // ...
    });
});

这里是Jasmine关于聚焦规格的文档,这里是一篇相关的SO文章,提供了额外的周到解决方案。


如果将规范文件指定为参数,则有效。

例如:

ng test foo.spec.ts

值得一提的是,您可以通过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 --main file.spec.ts

你可以访问src/test。Ts和可以更改以下行:

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

to

Const context = require.context('。/”,的确,/ * * yourcomponent.component * * \ .spec \ .ts /美元);


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

这是一个glob匹配,举个例子:

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

我在8.1.0的发布说明中找不到它,但是@Swoox在下面提到这是cli 8.1.0版本之后的一个特性。谢谢你想出来了。


Visual Studio代码扩展

最简单的方法是使用vcode -test-explorer扩展及其子angular-karma-test-explorer和jasmine-test-adapter,如果你想,你会得到一个当前测试的列表,一个接一个地运行:

这和我回答这个问题时的答案是一样的,还有更多细节。


更新DEC/2021: Angular Karma Test Explorer已弃用,请考虑使用Karma Test Explorer


你必须去src/test。Ts和可以更改以下行号代码18:

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

to

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


我发现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文档


在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中工作。


我一直在寻找答案。你的问题帮了我大忙。但是,有一点是模棱两可的。特别是,如果您执行下面的CLI命令。

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

它将运行单个测试文件,但在运行测试后,测试浏览器将立即关闭,由于缺少监视标志,您无法查看测试文件。因此,您必须将监视标志作为真值提供。我发现下面的CLI命令可以很好地使用watch标志。

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

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


为什么要这么难?

运行ng测试 打开控制台中显示的链接:

在右上角,点击Debug:

点击你想单独运行的测试:

要重新运行测试,请刷新浏览器窗口(例如使用F5)。


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

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

这对我有用!!


仅适用于JetBrains WebStorm用户

我没有安装ng,所以不能运行ng测试…从命令行。我也不能安装它,因为它可能会把我现有代码库的Angular版本搞砸。我使用的是JetBrains WebStorm IDE,在其中你可以右键单击规格文件并运行测试。