我用Angular-CLI构建了Angular2项目(beta 20)。

是否有一种方法仅针对一个选定的规范文件运行测试?

我曾经有一个基于Angular2的项目,我可以手动向jasmine文件添加规格。但我不知道如何在因果测试之外设置这个,也不知道如何用Angular-CLI构建将因果测试限制在特定的文件上。


当前回答

用,包括

这是一种包含的工作

ng test --include src/app/path-to-component/path-component.component.spec.ts

我试过——主要,但它显示所有失败的结果,而它不是。main会改变主测试。ts文件。

其他回答

如果您在一个使用monorepo架构的项目中工作,那么您必须在命令行中将项目名称写在脚本后。 例如:

ng test MyProject1Name -- --include='myComponent.component.spec.ts'

在angular-cli中,你可以运行这个命令,测试只会包含你想要的spec文件。

Ng测试——包括规格文件的路径

你的每一个。spec。Ts文件将其所有测试分组在描述块中,如下所示:

description ('SomeComponent',() =>{…}

你可以很容易地只运行这一个块,通过在describe函数名前加上f:

fdescribe('SomeComponent',() =>{…}

如果你有这样的函数,就不会运行其他描述块。 顺便说一句。你可以用it => fit做类似的事情,还有一个“黑名单”版本- x。所以:

Fdescribe和fit只会导致以这种方式标记的函数运行 Xdescribe和xit会导致以这种方式标记的函数以外的所有函数运行

如果你想控制从命令行中选择哪些文件,我在Angular 7中做到了这一点。

总之,你需要安装@angular-devkit/build-angular:browser,然后创建一个自定义webpack插件来传递测试文件regex。例如:

角。Json -更改@angular-devkit/build-angular:browser中的测试构建器,并设置一个自定义配置文件:

...

        "test": {
          "builder": "@angular-builders/custom-webpack:browser",
          "options": {
            "customWebpackConfig": {
              "path": "./extra-webpack.config.js"
            },
...

Extra-webpack.config.js -创建一个webpack配置,从命令行读取regex:

const webpack = require('webpack');
const FILTER = process.env.KARMA_FILTER;
let KARMA_SPEC_FILTER = '/.spec.ts$/';
if (FILTER) {
  KARMA_SPEC_FILTER = `/${FILTER}.spec.ts$/`;
}
module.exports = {
  plugins: [new webpack.DefinePlugin({KARMA_SPEC_FILTER})]
}

测试。编辑规范

...
// Then we find all the tests.
declare const KARMA_CONTEXT_SPEC: any;
const context = require.context('./', true, KARMA_CONTEXT_SPEC);

然后使用如下方法覆盖默认值:

KARMA_FILTER='somefile-.*\.spec\.ts$' npm run test

我在这里记录了背景故事,提前为类型和错误链接道歉。感谢@Aish-Anu上面的回答,为我指明了正确的方向。

配置测试。SRC文件夹中的Ts文件:

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

替换/ \ .spec \。Ts $/与您想测试的文件名。例如:/app.component\.spec\.ts$/

这将只对app.component.spec.ts运行测试。