AngularJS Karma-jaśmin i studio wizualne 2015

Question

Mam aplikację angularJS, a teraz chciałbym rozpocząć jej testowanie. Tak więc obejrzałem kilka tutoriali, ale żaden z nich nie pokazuje, jak skonfigurować testy w Visual Studio 2015. Czy ktoś wie o dobrym zasobie do czytania lub może mi pomóc go skonfigurować.

pytania mam to:

1. Czy muszę założyć oddzielne widoki dla każdego testu?
2. Oprócz instalowania karma-jaśminu i karma-chrom-launcher czy muszę zainstalować coś jeszcze?
3. Jak mogę wyświetlić swoje testy w przeglądarce?

Każda udzielona pomoc będzie niesamowita.

Answer 1

Polecam wypróbować Chutzpah (można podłączyć VS2015), działa z Jasmine, wyniki testu można zobaczyć w konsoli wyjściowej VS, a także w przeglądarce.

Chutzpah on Github

Chutzpah extensions for VS

Moje przykłady helloworld na VS2015 z bezczelności:

helloworld.js:

function helloWorld(){ 
    return "Hello world!"; 
} 
function examples() { 
    return package = { 
     first: 13, 
     second: 13, 
     third: "gone" 
    } 
} 

helloworldspec.js:

/// <reference path="helloworld.js" /> 

describe("Hello world", function() { 
    it("says hello", function() { 
     expect(helloWorld()).toContain("Hello"); 
    }); 
}); 
describe("Examples", function() { 
    it("examples", function() { 
     expect(examples().first).toBe(13); 
     expect(examples().third).not.toBe(13); 
     expect(examples().third).not.toMatch(/gz/); 
     expect(examples().third).toMatch('go'); 
    }); 
}); 

Answer 2

Jeśli używasz karma testową jaśmin biegacza wtedy nie masz do ustawiania czegokolwiek w vs15, karma prowadzi badania w jego własnym serwerze wirtualnym i można zobaczyć wynik w nim siebie konsoli. A jeśli chcesz zdebugować swój test, a także plik, to w przeglądarce Chrome zobaczysz przycisk debugowania, naciśnij go, aw następnym oknie naciśnij klawisz F12, aby uzyskać okno dewelopera w chrome. Również Chutzpah jest dobry, ale jaśmin karmiczny najlepiej nadaje się do testów Angular JS. Również karma jest bardzo łatwa w konfiguracji i użyciu.