scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2025-02-17 00:21:20 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

added tests for RegistrationErrorStep vs Progression

Browse source
This commit is contained in:
Ben Wheeler 2019-09-05 11:21:09 -04:00
parent 7587c68582
commit 2c2de08ed3
1 changed files with 40 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

51
test/unit/components/join-flow.test.jsx
View file

@ -2,6 +2,8 @@ import React from 'react';
const {shallowWithIntl} = require('../../helpers/intl-helpers.jsx'); const {shallowWithIntl} = require('../../helpers/intl-helpers.jsx');
import configureStore from 'redux-mock-store'; import configureStore from 'redux-mock-store';
import JoinFlow from '../../../src/components/join-flow/join-flow'; import JoinFlow from '../../../src/components/join-flow/join-flow';
import Progression from '../../../src/components/progression/progression.jsx';
import RegistrationErrorStep from '../../../src/components/join-flow/registration-error-step';
describe('JoinFlow', () => { describe('JoinFlow', () => {
const mockStore = configureStore(); const mockStore = configureStore();
@ -13,23 +15,23 @@ describe('JoinFlow', () => {
}}); }});
}); });
const getJoinFlowInstance = props => { const getJoinFlowWrapper = props => {
const wrapper = shallowWithIntl( const wrapper = shallowWithIntl(
<JoinFlow <JoinFlow
{...props} {...props}
/> />
, {context: {store}}); , {context: {store}}
);
return wrapper return wrapper
.dive() // unwrap redux connect(injectIntl(JoinFlow)) .dive() // unwrap redux connect(injectIntl(JoinFlow))
.dive() // unwrap injectIntl(JoinFlow) .dive(); // unwrap injectIntl(JoinFlow)
.instance(); // JoinFlow };
}
test('handleRegistrationResponse with successful response', () => { test('handleRegistrationResponse with successful response', () => {
const props = { const props = {
refreshSession: jest.fn() refreshSession: jest.fn()
}; };
const joinFlowInstance = getJoinFlowInstance(props); const joinFlowInstance = getJoinFlowWrapper(props).instance();
const responseErr = null; const responseErr = null;
const responseBody = [ const responseBody = [
{ {
@ -48,7 +50,7 @@ describe('JoinFlow', () => {
const props = { const props = {
refreshSession: jest.fn() refreshSession: jest.fn()
}; };
const joinFlowInstance = getJoinFlowInstance(props); const joinFlowInstance = getJoinFlowWrapper(props).instance();
const responseErr = null; const responseErr = null;
const responseBody = [ const responseBody = [
{ {
@ -71,7 +73,7 @@ describe('JoinFlow', () => {
const props = { const props = {
refreshSession: jest.fn() refreshSession: jest.fn()
}; };
const joinFlowInstance = getJoinFlowInstance(props); const joinFlowInstance = getJoinFlowWrapper(props).instance();
const responseErr = null; const responseErr = null;
const responseBody = [ const responseBody = [
{ {
@ -91,7 +93,7 @@ describe('JoinFlow', () => {
const props = { const props = {
refreshSession: jest.fn() refreshSession: jest.fn()
}; };
const joinFlowInstance = getJoinFlowInstance(props); const joinFlowInstance = getJoinFlowWrapper(props).instance();
const responseErr = null; const responseErr = null;
const responseBody = [ const responseBody = [
{ {
@ -110,7 +112,7 @@ describe('JoinFlow', () => {
const props = { const props = {
refreshSession: jest.fn() refreshSession: jest.fn()
}; };
const joinFlowInstance = getJoinFlowInstance(props); const joinFlowInstance = getJoinFlowWrapper(props).instance();
const responseErr = null; const responseErr = null;
const responseBody = [ const responseBody = [
{ {
@ -126,11 +128,38 @@ describe('JoinFlow', () => {
}); });
test('handleAdvanceStep', () => { test('handleAdvanceStep', () => {
const joinFlowInstance = getJoinFlowInstance(); const joinFlowInstance = getJoinFlowWrapper().instance();
joinFlowInstance.setState({formData: {username: 'ScratchCat123'}, step: 2}); joinFlowInstance.setState({formData: {username: 'ScratchCat123'}, step: 2});
joinFlowInstance.handleAdvanceStep({email: 'scratchcat123@scratch.mit.edu'}); joinFlowInstance.handleAdvanceStep({email: 'scratchcat123@scratch.mit.edu'});
expect(joinFlowInstance.state.formData.username).toBe('ScratchCat123'); expect(joinFlowInstance.state.formData.username).toBe('ScratchCat123');
expect(joinFlowInstance.state.formData.email).toBe('scratchcat123@scratch.mit.edu'); expect(joinFlowInstance.state.formData.email).toBe('scratchcat123@scratch.mit.edu');
expect(joinFlowInstance.state.step).toBe(3); expect(joinFlowInstance.state.step).toBe(3);
}); });
test('when state.registrationError has error message, we show RegistrationErrorStep', () => {
const joinFlowWrapper = getJoinFlowWrapper();
joinFlowWrapper.instance().setState({registrationError: 'halp there is a errors!!'});
const registrationErrorWrapper = joinFlowWrapper.find(RegistrationErrorStep);
const progressionWrapper = joinFlowWrapper.find(Progression);
expect(registrationErrorWrapper).toHaveLength(1);
expect(progressionWrapper).toHaveLength(0);
});
test('when state.registrationError has null error message, we show Progression', () => {
const joinFlowWrapper = getJoinFlowWrapper();
joinFlowWrapper.instance().setState({registrationError: null});
const registrationErrorWrapper = joinFlowWrapper.find(RegistrationErrorStep);
const progressionWrapper = joinFlowWrapper.find(Progression);
expect(registrationErrorWrapper).toHaveLength(0);
expect(progressionWrapper).toHaveLength(1);
});
test('when state.registrationError has empty error message, we show Progression', () => {
const joinFlowWrapper = getJoinFlowWrapper();
joinFlowWrapper.instance().setState({registrationError: ''});
const registrationErrorWrapper = joinFlowWrapper.find(RegistrationErrorStep);
const progressionWrapper = joinFlowWrapper.find(Progression);
expect(registrationErrorWrapper).toHaveLength(0);
expect(progressionWrapper).toHaveLength(1);
});
}); });