[英]How to test Firebase login action (React/Jest)
I'm trying to create a test that will see if signIn has been called, then proceed to the success
and error
function testing. 我正在尝试创建一个测试,看看是否已调用signIn,然后继续进行
success
和error
功能测试。
I'm using the firebase-mock
package here: https://github.com/soumak77/firebase-mock/blob/master/tutorials/auth/authentication.md 我在这里使用
firebase-mock
包: https : //github.com/soumak77/firebase-mock/blob/master/tutorials/auth/authentication.md
Below is my Login action 以下是我的登录操作
// Sign in action
export const signIn = (email, password, redirectUrl = ROUTEPATH_DEFAULT_PAGE) => (dispatch) => {
dispatch({ type: USER_LOGIN_PENDING });
firebase
.then(auth => auth.signInWithEmailAndPassword(email, password))
.catch((e) => {
console.error('actions/Login/signIn', e);
// Register a new user
if (e.code === LOGIN_USER_NOT_FOUND) {
dispatch(push(ROUTEPATH_FORBIDDEN));
dispatch(toggleNotification(true, e.message, 'error'));
} else {
dispatch(displayError(true, e.message));
setTimeout(() => {
dispatch(displayError(false, ''));
}, 5000);
throw e;
}
})
.then(res => res.getIdToken())
.then((idToken) => {
if (!idToken) {
dispatch(displayError(true, 'Sorry, there was an issue with getting your token.'));
}
dispatch(onCheckAuth(email));
dispatch(push(redirectUrl));
});
};
My test: 我的测试:
import configureMockStore from 'redux-mock-store';
import thunk from 'redux-thunk';
import { MockFirebase } from 'firebase-mock';
// Login Actions
import { onCheckAuth, signIn } from 'actions';
// String Constants
import { LOGIN_USER_NOT_FOUND } from 'copy';
const middlewares = [thunk];
const mockStore = configureMockStore(middlewares);
let mockProps;
describe('login actions', () => {
// console.log('MockFirebase', MockFirebase);
// console.log('onCheckAuth', onCheckAuth);
let mockAuth;
beforeEach(() => {
mockAuth = new MockFirebase();
console.log('mockAuth: ==>', mockAuth);
mockProps = {
signIn: jest.fn(),
signOut: jest.fn(),
checkAuth: jest.fn(),
createUser: jest.fn(),
resetPassword: jest.fn(),
verifyEmail: jest.fn()
};
});
it('signIn should be called', () => {
const user = {
email: 'first.last@yum.com',
password: 'abd123'
};
signIn(user.email, user.password);
console.log('signIn', signIn);
expect(signIn).toHaveBeenCalled();
});
});
Error message 错误信息
FAIL client/actions/Login/index.test.js ● login actions › signIn should be called
FAIL客户端/操作/登录/ index.test.js●应该调用登录操作> signIn
expect(jest.fn())[.not].toHaveBeenCalled()
期望(jest.fn())[不] .toHaveBeenCalled()
jest.fn() value must be a mock function or spy.
jest.fn()值必须是模拟函数或间谍。 Received: function: [Function signIn]
收到:功能:[功能登录]
at Object.<anonymous> (client/actions/Login/index.test.js:71:29)
I was incorrectly mocking the firebase services function, below is code I got working, however running into a new issue posted here: How to test is code inside of thenable in jest test is getting called? 我错误地嘲笑了firebase服务功能,下面是我工作的代码,但是遇到了这里发布的一个新问题: 如何测试是否正在调用jest测试中的代码?
The following test passes, however not sure that the code inside of the store.dispatch
is thenable... 以下测试通过,但不确定
store.dispatch
中的代码是否可用...
// Mock all the exports in the module.
function mockFirebaseService() {
return new Promise(resolve => resolve(true));
}
// Since "services/firebase" is a dependency on this file that we are testing,
// we need to mock the child dependency.
jest.mock('services/firebase', () => new Promise(resolve => resolve(true)));
describe('login actions', () => {
let store;
beforeEach(() => {
store = mockStore({});
});
it('signIn should call firebase', () => {
const user = {
email: 'first.last@yum.com',
password: 'abd123'
};
store.dispatch(signIn(user.email, user.password)).then(() => {
expect(mockFirebaseService).toHaveBeenCalled();
});
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.