Uruchomienie pojedynczego pliku testowego

Czy istnieje sposób uruchomienia ng testpojedynczego pliku zamiast całego zestawu testów? Idealnie chciałbym uzyskać możliwie najszybszą pętlę sprzężenia zwrotnego, kiedy edytuję plik, ale karmawykonuje cały zestaw przy każdym zapisie, co jest nieco powolne, gdy tworzysz wystarczająco duży zestaw testów.

To różni się od Jak wykonać tylko jedną specyfikację testową z angular-cli tym, że to pytanie dotyczy uruchomienia indywidualnej specyfikacji. Chodzi o uruchomienie pojedynczego pliku. Rozwiązanie obejmuje tę samą specyfikację Jasmine, ale charakter pytania jest nieco inny.

Odkryłem, że Jasmine pozwala na przedrostek describei itmetody z f(dla fokusu): fdescribei fit. Jeśli użyjesz któregokolwiek z nich, Karma przeprowadzi tylko odpowiednie testy. Aby skupić się na bieżącym pliku, możesz po prostu przejść na najwyższy poziom describei zmienić go na fdescribe. Jeśli używasz Jasmine przed wersją 2.1, kluczowe słowa kluczowe to: iiti ddescribe.

Ten przykładowy kod uruchamia tylko pierwszy test:

// 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 () {
        // ...
    });
});

Oto dokumentacja Jasmine dotycząca specyfikacji Focusing, a tutaj powiązany artykuł SO, który zawiera dodatkowe przemyślane rozwiązania.

W dzisiejszych czasach można to osiągnąć za pomocą includeopcji. https://angular.io/cli/test#options

Jest to dopasowanie globalne, więc na przykład:

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

Nie mogę go znaleźć w informacjach o wydaniu 8.1.0 , ale @Swoox wspomina poniżej, że jest to funkcja po wersji cli 8.1.0. Dzięki, że to rozgryzłeś.

Warto wspomnieć, że możesz wyłączyć dany test bez komentowania przez xdescribeixit

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

I jak ktoś już powiedział, jeśli chcesz skupić się na jakimś teście, to fdescribeifit

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

Odkryłem, że ng testma dodatkową opcję, --includektórej możesz użyć, aby móc uruchomić test dla pojedynczego pliku lub dla określonego katalogu lub dla kilku plików:

// 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

Możesz przejść do src/test.tsnastępującego wiersza i zmienić go:

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

do

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

Rozszerzenie Visual Studio Code

Najprostszym sposobem jest użycie rozszerzenia vscode-test-explorer wraz z jego podrzędnym adapterem angular- karma-test-explorer i jasmine-test-test , otrzymasz listę bieżących testów do uruchomienia jeden po drugim, jeśli chcesz:

To ta sama odpowiedź, której udzieliłem na to pytanie , jest tam więcej szczegółów.

Korzystanie z ng test --main file.spec.ts

W Angular 9 miałem szczęście do następujących rzeczy:

Jeśli chcesz przetestować konkretny plik:

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

Jeśli chcesz przetestować tylko to, co zmieniło się od ostatniego zatwierdzenia (używając git lub innej kontroli wersji)

ng test --only-changed

Jeśli masz wiele projektów w swoim projekcie Angular i / lub korzystasz z NX, możesz określić projekt Angular do przetestowania:

ng test project-name

Możesz także użyć

ng test --testNamePattern componentname

na coś takiego path/to/your/component/componentname.spec.ts. Spowoduje to przeskanowanie każdego pliku w każdym projekcie i jest wolniejsze.

Musisz iść src/test.tsi możesz zmienić następujący kod numeru linii 18:

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

do

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

Działa, jeśli określisz plik specyfikacji jako parametr.

Na przykład:

ng test foo.spec.ts

Mam nadzieję że to pomoże.