revise and add registration error step tests

test/unit/components/registration-error-step.test.jsx

@@ -9,8 +9,6 @@ describe('RegistrationErrorStep', () => {
     const getRegistrationErrorStepWrapper = props => {
         const wrapper = shallowWithIntl(
             <RegistrationErrorStep
-                errorMsg={'error message'}
-                onSubmit={onSubmit}
                 {...props}
             />
         );
@@ -18,31 +16,78 @@ describe('RegistrationErrorStep', () => {
             .dive(); // unwrap injectIntl()
     };
 
-    test('when canTryAgain is true, show tryAgain message', () => {
+    test('registrationError has JoinFlowStep', () => {
-        const props = {canTryAgain: true};
+        const props = {
+            canTryAgain: true,
+            onSubmit: onSubmit
+        };
+        const joinFlowStepWrapper = getRegistrationErrorStepWrapper(props).find(JoinFlowStep);
+        expect(joinFlowStepWrapper).toHaveLength(1);
+    });
+
+    test('when errorMsg provided, registrationError shows it', () => {
+        const props = {
+            canTryAgain: true,
+            errorMsg: 'halp there is a errors!!',
+            onSubmit: onSubmit
+        };
+        const joinFlowStepWrapper = getRegistrationErrorStepWrapper(props).find(JoinFlowStep);
+        const joinFlowStepInstance = joinFlowStepWrapper.dive();
+        const errMsgElement = joinFlowStepInstance.find('#registration-error-msg');
+        expect(errMsgElement).toHaveLength(1);
+        expect(errMsgElement.text()).toEqual('halp there is a errors!!');
+    });
+
+    test('when no errorMsg provided, registrationError does not show it', () => {
+        const props = {
+            canTryAgain: true,
+            onSubmit: onSubmit
+        };
+        const joinFlowStepWrapper = getRegistrationErrorStepWrapper(props).find(JoinFlowStep);
+        const joinFlowStepInstance = joinFlowStepWrapper.dive();
+        const errMsgElement = joinFlowStepInstance.find('#registration-error-msg');
+        expect(errMsgElement).toHaveLength(0);
+    });
+
+    test('when canTryAgain is true, show tryAgain message', () => {
+        const props = {
+            canTryAgain: true,
+            errorMsg: 'halp there is a errors!!',
+            onSubmit: onSubmit
+        };
         const joinFlowStepWrapper = getRegistrationErrorStepWrapper(props).find(JoinFlowStep);
         expect(joinFlowStepWrapper).toHaveLength(1);
-        expect(joinFlowStepWrapper.props().description).toBe('error message');
         expect(joinFlowStepWrapper.props().nextButton).toBe('general.tryAgain');
     });
 
     test('when canTryAgain is false, show startOver message', () => {
-        const props = {canTryAgain: false};
+        const props = {
+            canTryAgain: false,
+            errorMsg: 'halp there is a errors!!',
+            onSubmit: onSubmit
+        };
         const joinFlowStepWrapper = getRegistrationErrorStepWrapper(props).find(JoinFlowStep);
         expect(joinFlowStepWrapper).toHaveLength(1);
-        expect(joinFlowStepWrapper.props().description).toBe('error message');
         expect(joinFlowStepWrapper.props().nextButton).toBe('general.startOver');
     });
 
     test('when canTryAgain is missing, show startOver message', () => {
-        const joinFlowStepWrapper = getRegistrationErrorStepWrapper().find(JoinFlowStep);
+        const props = {
+            errorMsg: 'halp there is a errors!!',
+            onSubmit: onSubmit
+        };
+        const joinFlowStepWrapper = getRegistrationErrorStepWrapper(props).find(JoinFlowStep);
         expect(joinFlowStepWrapper).toHaveLength(1);
-        expect(joinFlowStepWrapper.props().description).toBe('error message');
         expect(joinFlowStepWrapper.props().nextButton).toBe('general.startOver');
     });
 
     test('when submitted, onSubmit is called', () => {
-        const joinFlowStepWrapper = getRegistrationErrorStepWrapper().find(JoinFlowStep);
+        const props = {
+            canTryAgain: true,
+            errorMsg: 'halp there is a errors!!',
+            onSubmit: onSubmit
+        };
+        const joinFlowStepWrapper = getRegistrationErrorStepWrapper(props).find(JoinFlowStep);
         joinFlowStepWrapper.props().onSubmit(new Event('event')); // eslint-disable-line no-undef
         expect(onSubmit).toHaveBeenCalled();
     });