Why Gemfury? Push, build, and install  RubyGems npm packages Python packages Maven artifacts PHP packages Go Modules Debian packages RPM packages NuGet packages

Repository URL to install this package:

Details    
Size: Mime:
'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();
    });
  });
});