仅适用于JetBrains WebStorm用户

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

在bash终端中，我喜欢使用双破折号。使用VS Code，你可以在资源管理器或打开选项卡上右键单击规范文件。然后选择“复制相对路径”。运行下面的命令，从剪贴板粘贴相对路径。

npm t -- --include relative/path/to/file.spec.ts

双破折号标志着npm t命令选项的结束，并将之后的任何内容传递给下一个指向ng t的命令。它不需要任何修改，并快速给出所需的结果。

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

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

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

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

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

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

一个简单的方法是用f开头。

fdescribe('testecomponente', () => {
  fit('should create', () => {
    //your code 
  }
  
}
  

我自己用grunt解决了这个问题。我有下面的grunt脚本。该脚本所做的是获取要运行的特定测试的命令行参数，并创建test的副本。Ts并把这个特定的测试名称放在那里。

要运行此命令，首先使用以下命令安装grunt-cli:

npm install -g grunt-cli

将以下grunt依赖放在package.json中:

"grunt": "^1.0.1",
"grunt-contrib-clean": "^1.0.0",
"grunt-contrib-copy": "^1.0.0",
"grunt-exec": "^2.0.0",
"grunt-string-replace": "^1.3.1"

要运行它，将下面的grunt文件保存为根文件夹中的Gruntfile.js。然后从命令行运行它:

grunt --target=app.component

这将运行app.component.spec.ts。

Grunt文件如下:

/*
This gruntfile is used to run a specific test in watch mode. Example: To run app.component.spec.ts , the Command is: 
grunt --target=app.component
Do not specific .spec.ts. If no target is specified it will run all tests.
*/
module.exports = function(grunt) {
var target = grunt.option('target') || '';
  // Project configuration.
  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    clean: ['temp.conf.js','src/temp-test.ts'],
    copy: {
      main: {
        files: [
             {expand: false, cwd: '.', src: ['karma.conf.js'], dest: 'temp.conf.js'},
             {expand: false, cwd: '.', src: ['src/test.ts'], dest: 'src/temp-test.ts'}
             ],
      }
    },
    'string-replace': {
          dist: {
            files: {
              'temp.conf.js': 'temp.conf.js',
              'src/temp-test.ts': 'src/temp-test.ts'
            },
            options: {
              replacements: [{
                pattern: /test.ts/ig,
                replacement: 'temp-test.ts'
              },
              {
                pattern: /const context =.*/ig,
                replacement: 'const context = require.context(\'./\', true, /'+target+'\\\.spec\\\.ts$/);'
              }]
            }
        }
    },
    'exec': {
        sleep: {
          //The sleep command is needed here, else webpack compile fails since it seems like the files in the previous step were touched too recently
          command: 'ping 127.0.0.1 -n 4 > nul',
          stdout: true,
          stderr: true
        },
        ng_test: {
          command: 'ng test --config=temp.conf.js',
          stdout: true,
          stderr: true
        }
    }
  });

  // Load the plugin that provides the "uglify" task.
    grunt.loadNpmTasks('grunt-contrib-clean');
    grunt.loadNpmTasks('grunt-contrib-copy');
    grunt.loadNpmTasks('grunt-string-replace');
    grunt.loadNpmTasks('grunt-exec');
  // Default task(s).
  grunt.registerTask('default', ['clean','copy','string-replace','exec']);

};

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

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