2016-04-29 31 views
6

Ho un'applicazione angularJS e ora vorrei iniziare a testarlo. Quindi ho visto alcuni tutorial, ma nessuno di loro mostra come impostare i test con Visual Studio 2015. Qualcuno sa di una buona risorsa da leggere o può aiutarmi a configurarlo.AngularJS Karma-jasmine e visual studio 2015

Le domande che ho sono:

  1. Devo configurare viste separate per ogni test?
  2. Oltre all'installazione di karma-jasmine e karma-chrome-launcher devo installare altro?
  3. Come posso visualizzare i miei test in un browser?

Qualsiasi aiuto dato sarà fantastico.

risposta

3

Ti consiglierò di provare Chutzpah (può essere collegato a VS2015), funziona con Jasmine, puoi vedere i risultati dei test nella console di output VS e anche nel browser.

Chutzpah on Github

Chutzpah extensions for VS

miei esempi helloWorld su VS2015 con Chutzpah:

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'); 
    }); 
}); 
+1

va bene, ma non ho idea di come impostare il mio progetto. Creo nuovi file JavaScript per ogni test? In che modo Chutzpah sa quali test eseguire, ecc.? – r3plica

+0

quando si installano due estensioni di Chutzpah per VS2015 è possibile fare clic con il tasto destro sui file test.js e si vedono due opzioni con l'icona di Chutzpah su di esse - "Esegui test" e "Esegui test nel browser". Sì, crei file js per i test. per chutzpah devi usare Jasmine. Prova a fare alcuni semplici test con Chutzpah e Jasmine su un progetto VS2015 vuoto. e quindi puoi provare a implementarlo con angolare. –

+0

Non ho eseguito questo tipo di test con Angular. Ma ho giocato con Chutzpah e Jasmine su VS2015 con semplici test per variabili ... –

-1

Se si utilizza il karma prova gelsomino corridore, allora non c'è bisogno di installare nulla in VS15, il karma esegue il test in un suo server virtuale e si può vedere il risultato nella console è di per sé. E se vuoi eseguire il debug del tuo test e del tuo file, nel browser Chrome vedrai il pulsante di debug che lo premerà e nella finestra successiva premi il tasto F12 per ottenere la finestra dello sviluppatore in chrome. Anche Chutzpah è buono, ma il karma gelsomino è il migliore per i test di Angular JS. Anche il karma è molto facile da configurare e utilizzare.