2012-09-24 14 views
25

Sto utilizzando Chutzpah per eseguire i miei test di unità JavaScript.Come eseguire il debug del mio JavaScript che viene eseguito da Chutzpah/PhantomJS

I percorsi di riferimento ai miei file di origine e di seguito hanno una serie di test. Text Explorer in Visual Studio elenca i miei test e posso eseguirli direttamente dall'IDE, quindi tutto sembra funzionare correttamente.

Tuttavia, vorrei passare al codice sorgente che viene eseguito quando vengono eseguiti i miei test.

È possibile?

risposta

36

Aggiornamento: La versione 4.1.0 di Chutzpah aggiunge VS debugging integrata.

enter image description here


questo momento non è possibile utilizzando Chutzpah. La cosa migliore che puoi fare è installare il context menu extension che aggiungerà un'opzione per il clic del pulsante "Apri nel browser". Quindi è possibile utilizzare lo strumento di debug integrato nel browser per scorrere il codice.

Mi piacerebbe aggiungere un modo integrato per collegare il sistema di debug VS, ma non ho ancora capito come farlo.

+2

questo ha funzionato per me, utilizzando Chrome. Ho impostato un punto di interruzione, quindi ho fatto un aggiornamento del browser. Per eseguire il debug del TS direttamente (invece del javascript generato), attivare la funzione "Mappe di origine" nelle impostazioni degli strumenti di chrome dev (icona dell'ingranaggio in basso a destra). –

+0

Questa situazione è cambiata da allora? Sei riuscito a integrarti nel debug di Visual Studio? – julealgon

+1

Il plug-in del menu di scelta rapida non viene caricato nel browser se il percorso del progetto contiene spazi in esso, ad es. "... \ Visual Studio 2013 \ Project \ ..." –

0

Forse questo potrebbe puntare nella giusta direzione:

ho fatto un grabber rapido e sporco screenshot per CasperJS utilizzando captureBase64 ('png')

Si sta postando l'immagine nel server di ricezione che poi lo invia tramite socket.io al browser che lo visualizza come immagine in linea.

Il codice sorgente è disponibile su GitHub:

https://github.com/maciejjankowski/flaming-octo-puss

io non sono sicuro di come compatibile sia con PhantomJS, ma CasperJS funziona perfettamente quindi se faccia tosta sta usando PhantomJS c'è una possibilità che si potrebbe fare questo concetto funziona.

Lei avrebbe bisogno di aggiungere questo a ogni passo o impostarla come onStepComplete gestore:

this.evaluate(function(img){ 
    __utils__.sendAJAX("http://localhost:8001/", 'POST', {'img' : img }, false);  
    }, 
    {'img' : this.captureBase64('png')} 
);