Nock non sta intercettando la chiamata API nel test Redux

Question

Sto provando a testare una chiamata API in un'app redux. Il codice più o meno segue il modello delineato nel Async Creatori di azione sezione dei documenti Redux:

http://redux.js.org/docs/recipes/WritingTests.html

l'essenza di esso è che si utilizza Redux-finto-store per registrare e far valere nei confronti qualsiasi azione che viene attivata.

Questa è l'intera prova, utilizzando la cocca per deridere la chiamata API:

import React from 'React' 
import ReactDOM from 'react-dom' 
import expect from 'expect'; 
import expectJSX from 'expect-jsx'; 
import TestUtils from 'react-addons-test-utils' 
import configureMockStore from 'redux-mock-store' 
import thunk from 'redux-thunk' 
import nock from 'nock' 
expect.extend(expectJSX); 

import * as types from '../../constants/Actions' 

describe('Async Search Actions',() => { 
    const thunkMiddleware = [ thunk ]; 
    /* use redux-mock-store here */ 
    const mockStore = configureMockStore(thunkMiddleware); 


    describe('The fetchArtistData action creator should',() => { 

      afterEach(() => { 
       nock.cleanAll() 
      }) 

     it('Should fire off a ARTIST action when fetch is done', (done) => { 
      nock('http://ws.audioscrobbler.com') 
       .get('/2.0/') 
       .query({method: 'artist.search', artist: 'ho', api_key: 'abc123', format: 'json', limit: 5}) 
       .reply(200, 
         { 
         fake: true 
         } 
        ) 



      const expectedActions = [ 
       { type: types.ARTIST, artists: { 
         fake: true 
        } 
       } 
      ]; 

      let store = mockStore([], expectedActions, done); 
      store.dispatch(fetchArtist('ho')) 

     }); 

    }); 

}); 

Ma sembra che il vero api LastFM viene chiamato quando viene eseguito il test ... dati reali viene restituito da LastFM piuttosto rispetto alla risposta falsa cocca.

Questa è l'azione creatrice stessa:

export function fetchArtist(search) { 
    return dispatch => { 
     return fetch(`http://ws.audioscrobbler.com/2.0/?method=artist.search&artist=${search}&api_key=abc123&format=json&limit=5`) 
      .then(handleErrors) 
      .then(response => response.json()) 
      .then(json => { dispatch(ArtistData(searchTerm, json)) }) 
      .catch(handleServerErrors) 
    } 
} 

L'asserzione non riesce perché la risposta in diretta lastFM non è la stessa come la risposta mi aspetto come per l'oggetto expectedActions ..

I' ve provato assegnando la cocca a una variabile e di accedervi out.The registro mostra questo:

Nock sembra essere l'aggiunta porta 80 al uRL, non so se questo causa l'API effettivo non beffeggiare:

keyedInterceptors: Object{GET http://ws.audioscrobbler.com:80/2.0/? 
method=artist.search&artist=john&api_key=abc123&format=json&limit=5 

Qualche idea cosa c'è che non va qui?

Answer 1

È necessario passare solo l'URL di base alla funzione principale nock e separare la parte del percorso URL nel metodo .get().

nock('http://ws.audioscrobbler.com') 
    .get('/2.0/') 
    .query({ 
    method: 'artist.search', 
    artist: 'bob', 
    api_key: 'somekey123', 
    format: 'json', 
    limit: '5' 
    }) 
    .reply(200, {fake: true}) 

Sono riuscito a ottenere una risposta falsa con il codice precedente.

Answer 2

Per utilizzare la cocca è necessario eseguire i test nel nodo (utilizzando Jest o moka), nock sostituisce il comportamento del nodo http e per tale motivo funziona solo nel nodo e non nei browser (come PhantomJS).

Ad esempio il collegamento che hai indicato utilizza Jest e le prime righe sono esplicite sull'ambiente del nodo. Pertanto, nock funzionerà come un fascino. http://redux.js.org/docs/recipes/WritingTests.html

Impostazione

Si consiglia Jest come il motore di test. Si noti che viene eseguito in un ambiente nodo, quindi non si avrà accesso al DOM.

come la vedo io è possibile:

• eseguire i test in un ambiente di nodo
• o utilizzare una libreria diversa per deridere come fetch-mock