// not actual code
state: {
	formView: "loading-view"
}
componentDidMount(){
	API.doTheThing(),then(data => {
		if(data.message === 'DOB'){
			this.setState({formView: "dob-form"})
		}
		else{
			this.setState({formView: "welcome-message"})
		}
	}
}

// not actual code
render(){
	return(
 	if(this.state.formView === 'dob-form'){
			<DobForm/>
		}
		else{
			<Welcome/>
		}
	)
}

teen phone cutie fucked around with this message at 23:05 on Feb 22, 2018

<ParentLevel />

<ParentLevel viewA={ DobForm } viewB={ Welcome }  />

render() {
  const { viewA, viewB } = this.props;
   const { formView } = this.state;
    if( formView === 'loading' ) {
      return <LoadingView />
    }
    return ( <Switcher 
      useA={ formView === 'dob-form' }
      viewA={ viewA }
      viewB={ viewB }
    /> )
}

const TestA = <p>A</p>
const TestB = <p>B</p>

// inside test method....
<ParentLevel viewA={ TestA } viewB={ TestB }  />

Lumpy fucked around with this message at 16:42 on Feb 23, 2018

Thermopyle fucked around with this message at 20:25 on Feb 23, 2018

// Syntactic sugar, see:
// [url]https://github.com/facebook/jest/issues/2157#issuecomment-279171856[/url] something
// like this will maybe added to the Jest API
function flushPromises() {
    return new Promise(resolve => setImmediate(resolve));
}

// required for material-ui components
const muiTheme = getMuiTheme();

it('renders the upload form if failed-waiting-for-upload is returned from fetch requ' +
        'est',
() => { 
    // mock response of our first fetch request in componentDidMount
    fetch
        .__orig__
        .mockResponseOnce(JSON.stringify({
            meta: {
                status: "success"
            },
            data: {
                configuration: {
                    ssnFieldLabel: "Last 4 Digits of SSN (Optional)",
                    dobFieldLabel: "Please enter your date of birth"
                }
            }
        }));

    // mock response of our second fetch request in componentDidMount
    fetch
        .__orig__
        .mockResponseOnce(JSON.stringify({
            meta: {
                status: "error"
            },
            data: {
                verification: {
                    verified: false,
                    state: "failed-waiting-for-upload",
                    already_attempted: true
                }
            }
        }));

    const component = shallow(
        <VerifyModal/>, {
        context: {
            muiTheme // needed for material-ui
        },
        childContextTypes: {
            muiTheme: PropTypes.object
        }
    });

    return flushPromises().then(() => {
        // componentDidMount has run at this point
        //
        // setState has run at this point
        expect(fetch.__orig__.mock.calls).toHaveLength(2);
        component.update(); // re-render the component
        expect(component.find('UploadForm')).toHaveLength(1); // upload form should render
    });
});

teen phone cutie fucked around with this message at 00:29 on Feb 24, 2018

Nolgthorn fucked around with this message at 07:29 on Feb 26, 2018