Jasmine + JSTestDriver + Copertura + RequireJS

Question

Wow, che casino. Questo è lo scenario.

• App JS con backbone.

• RequireJS per la funzionalità AMD, inizializzati come questo:

  <script data-main="js/main" src="js/require.js" type="text/javascript"></script> 
  

  poi dentro main.js il codice seguente configurazione:

  require.config(
  { 
      paths: 
      { 
       ... : ... 
      } 
  }); 
  

  Ogni Backbone Vista/model/router è un "define (. ..) "module, and" require ("theOneRouter", ...) "è chiamato una volta in main.js.

• r.js utilizzato come ottimizzatore con Uglify/Closure. Un main.js 'compilato' viene creato in una sottocartella ./release che seleziono dinamicamente nel mio .net framework.

• Abbiamo impiegato un po 'di tempo per far funzionare il Backbone + Require.JS, ma ora funziona alla grande!

• Quindi anche uno schiaffo su Jasmine ha richiesto un po 'di lavoro personalizzato, ma ha funzionato bene. Ho dovuto caricare require.js dal mio SpecRunner.html, definire ogni modulo di test come un AMD utilizzando la chiamata define (...) di require, e istanziare & eseguire Jasmine una volta da una chiamata a require's require (...) chiamata una volta nel SpecRunner.html:

  require(
  [ 
  //"test/specs/testSpec1", 
  "test/specs/views" 
  ], 
  function() 
  { 
      jasmine.getEnv().updateInterval = 1000; 
      var reporter = new jasmine.TrivialReporter(); 
      jasmine.getEnv().addReporter(reporter); 
      .... 
      .... 
  }); 
  

  anche questo funziona alla grande. I test caricano & run, nessun problema. Require si prende cura di tutto.

Ora, vorrei che un framework come JSTestDriver fungesse da mio corridore. Ho scelto JSTD per la sua semplicità, capacità di test sui browser remoti, supporto per la copertura del codice, ma sono ancora aperto per altri suggerimenti.

JSTestDriver di per sé funziona bene, l'unico problema che ho è l'esecuzione della combinazione JSTD + Jasmine + ReuireJS insieme. Il problema più grande è, se dico JSTD nel file di configurazione di una Jasmine/Richiede modulo di prova al fine di caricarlo, ottengo il seguente errore:

http://requirejs.org/docs/errors.html#mismatch

Se uso r.js a optmize tutto il mio codice in un main.js, la combinazione funziona, inclusa la copertura, ma la copertura viene raccolta su un unico file gigantesco e difficile da analizzare. Per non parlare ci vuole molto tempo per strumentare un file js di 50k linee di codice ed eseguirlo tramite JSTD.

Ho provato a creare un file js simile a un'apparecchiatura che carica tutti i moduli di codice Jasmine &, ma continuo a tornare all'errore "mancata corrispondenza" sopra riportato, E, se non dico a JSTD su ciascun modulo singolarmente (caricando un dispositivo html/js che esegue il caricamento reale) non verranno strumentati per la copertura del codice.

Qualcuno ha ottenuto questa combinazione specifica per funzionare? forse sto chiedendo troppo ...

Answer 1

La soluzione è esattamente come devadvocate menzionato. Poiché JsTestDriver e Require.js competono per essere il gestore del caricamento di file/dipendenze, JsTestDriver genera un adattamento quando si tenta di farlo al 100% in modo Require.js (con moduli anonimi e definisce). Invece devi nominare i tuoi moduli e usare require ([...], function (...) {... invece di define ([...]. Ho scritto un post che mostra come integrare QUnit, Requirejs, e la copertura del codice con JSTD: js-test-driver+qunit+coverage+requirejs. Io uso QUnit nel mio esempio, ma puoi facilmente sostituire QUnit per Jasmine. Nel tentativo di capirlo ho preso in considerazione l'utilizzo di PhantomJS, ma per la nostra base di utenti è essenziale disporre di un cross-browser testing, IE7, IE8, IE9, ecc., quindi un singolo WebKit non lo taglierebbe.JsTestDriver è molto utile, ma temo che una documentazione scadente allontani gli sviluppatori. Presto prenderò il codice per il mio esempio su GitHub . Spero che questo aiuti.

Answer 2

non ero in grado di arrivare a questo lavoro e finito per usare PhantomJS per eseguire il mio test di gelsomino. http://phantomjs.org/

Answer 3

Avete provato a denominare i moduli in prova e utilizzando richiedono invece di definire nei test?

https://github.com/podefr/jasmine-reqjs-jstd

Edit:

Ho appena rilasciato un toolkit open source che si spera di aiutare gli altri, per quanto mi aiuta. Si tratta di una composizione di molti strumenti open source che ti dà un'app di backbone workingjs funzionante pronta all'uso.

Fornisce comandi singoli da eseguire: server Web di sviluppo, runner di prova per browser singolo di jasmine, runner di test multi browser per jasmine js-test-driver e concatenamento/minificazione per JavaScript e CSS. Produce anche una versione non terminata della tua app per il debug della produzione, precompila i modelli del manubrio e supporta l'internazionalizzazione. Nessuna installazione richiesta. Funziona e basta.

Supporta anche moduli senza nome sotto test.

http://github.com/davidjnelson/agilejs

Answer 4

Dai un'occhiata a questo repo (Bredele appolo), si tratta di un ambiente che corre specifiche Jasmine BDD oltre moduli anonimi carichi di require.js e JsTestDriver.

Se si stanno sviluppando moduli non anonimi, si consiglia inoltre di utilizzare la soluzione podefr.

Olivier