Repository URL to install this package:
|
Version:
0.6.4-4967782 ▾
|
@doodle/users-api-connector
/
containers
/
AuthenticationPanel
/
__tests__
/
AuthenticationPanel.spec.js
|
|---|
'use strict';
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _reduxMockStore = require('redux-mock-store');
var _reduxMockStore2 = _interopRequireDefault(_reduxMockStore);
var _AuthenticationPanel = require('../AuthenticationPanel');
var _AuthenticationPanel2 = _interopRequireDefault(_AuthenticationPanel);
var _state = require('../../../state');
var _state2 = _interopRequireDefault(_state);
var _actions = require('../../../state/actions');
var actions = _interopRequireWildcard(_actions);
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var mockStore = (0, _reduxMockStore2.default)();
var email = 'do@dle.com';
var createStateWithScreen = function createStateWithScreen(screen) {
var initialState = (0, _state2.default)();
return {
user: _extends({}, initialState.user, {
login: _extends({}, initialState.login, { email: { value: email } }),
signup: _extends({}, initialState.signup, { email: { value: email } }),
dialog: _extends({}, initialState.user.dialog, { screen: screen })
})
};
};
describe('AuthenticationPanel', function () {
var component = void 0;
describe('when login is dialog screen', function () {
beforeEach(function () {
var loginScreenState = createStateWithScreen('login');
component = shallow(_react2.default.createElement(_AuthenticationPanel2.default, { store: mockStore(loginScreenState) })).dive().dive();
});
it('should match a snapshot', function () {
expect(component.getElement()).toMatchSnapshot();
});
it('should call changeTab on mounting if preSelectedTab is present', function () {
var spy = jest.fn();
var signupTab = 'signup-tab';
component.setProps({
preSelectedTab: signupTab,
onChangeTab: spy
});
component.instance().componentDidMount();
expect(spy.mock.calls[0][0]).toBe(signupTab);
spy.mockRestore();
});
it('should dispatch correct action on change to signup tab', function () {
var spy = jest.spyOn(actions, 'showSignupDialog');
component.instance().onChangeTab({ activeTab: 'signup-tab' });
expect(spy).toHaveBeenCalledWith(email, true);
});
});
describe('when signup is dialog screen', function () {
beforeEach(function () {
var signupScreenState = createStateWithScreen('signup');
component = shallow(_react2.default.createElement(_AuthenticationPanel2.default, { store: mockStore(signupScreenState) })).dive().dive();
});
it('should match a snapshot', function () {
expect(component.getElement()).toMatchSnapshot();
});
it('should call changeTab on mounting if preSelectedTab is present', function () {
var spy = jest.fn();
var loginTab = 'login-tab';
component.setProps({
preSelectedTab: loginTab,
onChangeTab: spy
});
component.instance().componentDidMount();
expect(spy.mock.calls[0][0]).toBe(loginTab);
spy.mockRestore();
});
it('should dispatch correct action on change to login tab', function () {
var spy = jest.spyOn(actions, 'showLoginDialog');
component.instance().onChangeTab({ activeTab: 'login-tab' });
expect(spy).toHaveBeenCalledWith(email, true);
});
});
describe('when forgotpassword is dialog screen', function () {
beforeEach(function () {
var forgotPasswordScreenState = createStateWithScreen('forgotpassword');
component = shallow(_react2.default.createElement(_AuthenticationPanel2.default, { store: mockStore(forgotPasswordScreenState) })).dive().dive();
});
it('should match a snapshot', function () {
expect(component.getElement()).toMatchSnapshot();
});
});
});