Mastering React Test-Driven Development

Adding a dialog box

Now that we know what we're building, let's go for it! To do so, perform these steps:

1. Open test/MenuButtons.test.js and skip the test that is titled dispatches an action of START_SHARING when start sharing is clicked – we'll come back to fix this later:

it.skip('dispatches an action of START_SHARING when start sharing is clicked', () => {  ...});

2. Add in a new import for the Dialog component, and stub it out in the beforeEach function. The Dialog component already exists in the code base but has remained unused until now:

import * as DialogModule from '../src/Dialog';describe('MenuButtons', () => {  beforeEach(() => {    ...    DialogModule.Dialog = jest.fn(() => null);  });});

3. Add this new test just below the one you've skipped. ...