fix up some interaction tests

SumOfUs · Jan 13, 2017 · 79f0f01 · 79f0f01
1 parent 6a74357
commit 79f0f01
Showing 1 changed file with 23 additions and 13 deletions.
diff --git a/app/frontend/containers/FundraiserView/FundraiserView.test.js b/app/frontend/containers/FundraiserView/FundraiserView.test.js
@@ -5,6 +5,11 @@ import configureStore from '../../state';
 import { Provider } from 'react-redux';
 import { IntlProvider } from 'react-intl';
 import FundraiserView, { mapStateToProps, mapDispatchToProps } from './FundraiserView';
+import {
+  changeAmount,
+  changeCurrency,
+  changeStep,
+} from '../../state/fundraiser/actions';
 
 const suite = {};
 
@@ -64,7 +69,7 @@ const fetchInitialState = (vals) => {
       formId: vals.formId || fundraiserDefaults.formId,
       outstandingFields: vals.outstandingFields || fundraiserDefaults.outstandingFields,
       title: vals.title || 'Gimme the loot',
-      fields: vals.fields || [],
+      fields: vals.fields || fundraiserDefaults.fields,
       recurringDefault: vals.recurringDefault || 'one_off',
     }
   }
@@ -209,7 +214,7 @@ describe('Donation Amount Tab', function () {
       expect(suite.wrapper.find('Stepper').prop('currentStep')).toEqual(1);
     });
 
-    it('transitions to the next step when we click an amount button', () => {
+    it('transitions to the next step when we click proceed with an amount entered', () => {
       expect(suite.wrapper.find('Stepper').prop('currentStep')).toEqual(0);
       suite.wrapper.find('#DonationBands-custom-amount').simulate('focus');
       suite.wrapper.find('#DonationBands-custom-amount').simulate('change', {target: {value: '8'}});
@@ -285,33 +290,38 @@ describe('Payment Panel', function() {
   describe('UI interactions', () => {
     describe('clicking sign-out button', () => {
       beforeEach(() => {
+        suite.memberVals = {email: 'asdf@gmail.com', name: 'As Df'};
         initialize({outstandingFields: [], paymentMethods: [cardMethod, paypalMethod],
-          member: {email: 'asdf@gmail.com', name: 'As Df'}, amount: 4});
+          member: suite.memberVals, formValues: suite.memberVals, amount: 4});
       });
 
-      it.skip('returns to step 2', () => {
+      it('returns to step 2', () => {
         expect(suite.wrapper.find('Stepper').prop('currentStep')).toEqual(1);
-        const lastStep = suite.wrapper.find('StepContent').last();
-        expect(lastStep.prop('title')).toEqual('payment');
-        expect(lastStep.prop('visible')).toEqual(true);
+        expect(suite.wrapper.find('StepContent').length).toEqual(2);
+        expect(suite.wrapper.find('.StepContent').last().hasClass('StepContent-hidden')).toEqual(false);
 
         suite.wrapper.find('.WelcomeMember__link').simulate('click');
 
         expect(suite.wrapper.find('Stepper').prop('currentStep')).toEqual(1);
-        expect(lastStep.prop('visible')).toEqual(false);
+        expect(suite.wrapper.find('StepContent').length).toEqual(3);
+        expect(suite.wrapper.find('.StepContent').last().hasClass('StepContent-hidden')).toEqual(true);
       });
 
-      it.skip('hides the saved payment methods', () => {
+      it('hides the saved payment methods', () => {
+        expect(suite.wrapper.find('Stepper').prop('currentStep')).toEqual(1);
         expect(suite.wrapper.find('.ExpressDonation').length).toEqual(1);
         suite.wrapper.find('.WelcomeMember__link').simulate('click');
-        suite.wrapper.find('FundraiserView').instance().proceed();
+        expect(suite.wrapper.find('Stepper').prop('currentStep')).toEqual(1);
+
+        suite.store.dispatch(changeStep(2));
+        expect(suite.wrapper.find('Stepper').prop('currentStep')).toEqual(2);
         expect(suite.wrapper.find('.ExpressDonation').length).toEqual(0);
       });
 
-      it.skip('clears the formValues', () => {
-        expect(suite.wrapper.find('FundraiserView').prop('fundraiser').formValues).toEqual(['surely not this']);
+      it('clears the formValues', () => {
+        expect(suite.wrapper.find('FundraiserView').prop('fundraiser').formValues).toEqual(suite.memberVals);
         suite.wrapper.find('.WelcomeMember__link').simulate('click');
-        expect(suite.wrapper.find('FundraiserView').prop('fundraiser').formValues).toEqual(['surely not this']);
+        expect(suite.wrapper.find('FundraiserView').prop('fundraiser').formValues).toEqual({});
       });
     });