如何測試開玩笑

Question

愛可信我在這個動作反應過來

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

我如何在這種情況下，考愛可信？ Jest有這個用例在那裏他們使用模擬函數的異步代碼，但我不知道我是否可以用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

我用axios模擬適配器。 在這種情況下，服務在./chatbot中描述。 在模擬適配器中，指定在URL被擊中時要返回的內容。

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模擬文件

自動發生

模擬mod示例ULE：

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

對於那些希望使用愛可信-模擬適配器代替mockfetch示例了Redux文檔for async testing中，我成功地利用下列

actions.test.js：

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); 
    }); 

}); 

在爲了測試成功案例signInUser in actions/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;