Mastering React Test-Driven Development

Requesting focus in other components

All that's left is to call the request action when required. We'll do this for ScriptName, but you could also do it for the buttons in the menu bar:

1. Open test/ScriptName.test.js and add the following test in the describe block with the name when the user hits Enter:

it('dispatches a prompt focus request', () => {   return expectRedux(store)     .toDispatchAnAction()     .matching({ type: 'PROMPT_FOCUS_REQUEST' });});

2. In src/ScriptName.js, modify the component to define a dispatch callback promptFocusRequest:

const mapDispatchToProps = {  submitScriptName: text => ({ type: 'SUBMIT_SCRIPT_NAME', text }),  promptFocusRequest: () => ({ type: 'PROMPT_FOCUS_REQUEST' })};export const ScriptName = connect( mapStateToProps, ...