単一のテストファイルの実行

ng testテストスイート全体ではなく単一のファイルに対して実行する方法はありますか？理想的には、ファイルを編集しているときにできるだけ早くフィードバックループを取得したいのですkarmaが、保存ごとにスイート全体を実行します。これは、十分に大きなテストスイートを構築すると少し遅くなります。

これは、angular-cliで1つのテスト仕様のみを実行する方法とは異なります。その質問は、個々の仕様の実行に関するものです。これは、個々のファイルを実行することです。ソリューションには同じJasmine仕様機能が含まれていますが、質問の性質は少し異なります。

Jasmineでは、プレフィックスdescribeとitメソッドにf（フォーカスのために？）を付けることができることがわかりました。だから、fdescribeそしてfit。これらのいずれかを使用する場合、karmaは関連するテストのみを実行します。したがって、現在のファイルにフォーカスするには、最上位を取得してにdescribe変更するだけfdescribeです。私の目的のために動作します。

それはあなたがでコメントすることなく、特定のテストを無効にすることができますことを言及する価値だ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!');
  });
});

これは最近のincludeオプションで実現できます。 https://angular.io/cli/test#options

これはグロブ一致なので、例として：

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

8.1.0のリリースノートには記載されていませんが、@ Swooxは、これがcliバージョン以降の機能であることを以下で説明しています8.1.0。それを理解してくれてありがとう。

単一のファイル、特定のディレクトリ、または一連のファイルに対してテストを実行できるようにするために使用できる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$/);

Visual Studioコード拡張

最も簡単な方法は、子のangular-karma-test-explorerとjasmine-test-adapterとともにvscode-test-explorer拡張機能を使用することです。必要に応じて、現在のテストのリストを1つずつ実行して取得できます。

これは私が与えたのと同じ答えです この質問でです。詳細がいくつかあります。

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$/);

specファイルをパラメーターとして指定すると機能します。

例えば：

ng test foo.spec.ts

お役に立てれば。