मैं हंसी

Question

में Axios मैं में इस कार्रवाई की है कि कैसे परीक्षण करते हैं प्रतिक्रिया

export function fetchPosts() { 
    const request = axios.get(`${WORDPRESS_URL}`); 
    return { 
     type: FETCH_POSTS, 
     payload: request 
    } 
} 

कैसे मैं इस मामले में Axios परीक्षण करते हैं? जेस्ट के पास एसिंक कोड के लिए साइट पर इस उपयोग का मामला है जहां वे एक नकली फ़ंक्शन का उपयोग करते हैं लेकिन मुझे नहीं पता कि मैं अक्षरों के साथ ऐसा कर सकता हूं? रेफरी: https://facebook.github.io/jest/docs/tutorial-async.html

मैं यह किया है अब तक परीक्षण करने के लिए है कि यह सही प्रकार

it('should dispatch actions with the correct type',() => { 
    store.dispatch(fetchPosts()); 
    let action = store.getActions(); 
    expect(action[0].type).toBe(FETCH_POSTS); 
}); 

मैं पता नहीं कैसे नकली डेटा और परीक्षण है कि यह फिर भी रिटर्न में पारित करने के लिए है लौटा रहा है, किसी को भी किसी भी मिल गया है विचार?

अग्रिम में धन्यवाद

Answer 1

मैंने अक्ष-मैक-एडाप्टर का उपयोग किया। इस मामले में सेवा ./chatbot में वर्णित है। नकली एडाप्टर में आप निर्दिष्ट करते हैं कि यूआरएल कब मारा जाता है।

import axios from 'axios'; 
import MockAdapter from 'axios-mock-adapter'; 
import chatbot from './chatbot'; 

describe('Chatbot',() => { 
    it('returns data when sendMessage is called', done => { 
     var mock = new MockAdapter(axios); 
     const data = { response: true }; 
     mock.onGet('https://us-central1-hutoma-backend.cloudfunctions.net/chat').reply(200, data); 

     chatbot.sendMessage(0, 'any').then(response => { 
      expect(response).toEqual(data); 
      done(); 
     }); 
    }); 
}); 

आप इसे यहाँ पूरे उदाहरण देख सकते हैं:

सेवा: https://github.com/lnolazco/hutoma-test/blob/master/src/services/chatbot.js

टेस्ट: https://github.com/lnolazco/hutoma-test/blob/master/src/services/chatbot.test.js

Answer 2

मैं nock के साथ इस किया है, इसलिए जैसे:

import nock from 'nock' 
import axios from 'axios' 
import httpAdapter from 'axios/lib/adapters/http' 

axios.defaults.adapter = httpAdapter 

describe('foo',() => { 
    it('bar',() => { 
     nock('https://example.com:443') 
      .get('/example') 
      .reply(200, 'some payload') 

     // test... 
    }) 
}) 

Answer 3

मैं कर सकता है कि चरणों का पालन:

1. परीक्षण

नकली इच्छा पर मेरी कार्यान्वित मॉड्यूल का उपयोग कर एक फ़ोल्डर नकली

एक axios.js नकली फ़ाइल

लागू बनाने स्वचालित रूप से

नकली मोड का उदाहरण ule:

describe('SignInUser',() => { 
    var history = { 
    push: function(str) { 
     expect(str).toEqual('/feed'); 
    } 
    } 

    it('Dispatches authorization',() => { 
    let mock = new MockAdapter(axios); 
    mock.onPost(`${ROOT_URL}/auth/signin`, { 
     email: 'test@test.com', 
     password: 'test' 
    }).reply(200, {token: 'testToken' }); 

    const expectedActions = [ { type: types.AUTH_USER } ]; 
    const store = mockStore({ auth: [] }); 

    return store.dispatch(actions.signInUser({ 
     email: 'test@test.com', 
     password: 'test', 
    }, history)).then(() => { 
     expect(store.getActions()).toEqual(expectedActions); 
    }); 

}); 

में:

module.exports = { 
    get: jest.fn((url) => { 
     if (url === '/something') { 
      return Promise.resolve({ 
       data: 'data' 
      }); 
     } 
    }), 
    post: jest.fn((url) => { 
     if (url === '/something') { 
      return Promise.resolve({ 
       data: 'data' 
      }); 
     } 
     if (url === '/something2') { 
      return Promise.resolve({ 
       data: 'data2' 
      }); 
     } 
    }), 
    create: jest.fn(function() { 
     return this; 
    }) 
}; 

Answer 4

redux प्रलेखन for async testing में mockfetch उदाहरण के स्थान पर Axios-नकली एडाप्टर का उपयोग करने के लिए देख रहे लोगों के लिए, मैं सफलतापूर्वक निम्नलिखित

actions.test.js उपयोग किया signInUseractions/index.js:

export const signInUser = ({ email, password }, history) => async dispatch => { 
    const res = await axios.post(`${ROOT_URL}/auth/signin`, { email, password }) 
    .catch(({ response: { data } }) => { 
     ... 
    }); 

    if (res) { 
    dispatch({ type: AUTH_USER });     // test verified this 
    localStorage.setItem('token', res.data.token); // test mocked this 
    history.push('/feed');       // test mocked this 
    } 
} 

में एक सफल केस का परीक्षण करने के लिए

यह देखते हुए कि यह जस्ट के साथ किया जा रहा है, स्थानीय स्टोरेज कॉल को मजाक करना था। यह src/setupTests.js में था:

const localStorageMock = { 
    removeItem: jest.fn(), 
    getItem: jest.fn(), 
    setItem: jest.fn(), 
    clear: jest.fn() 
}; 
global.localStorage = localStorageMock;