Mastering React Test-Driven Development

Building buttons

The Git tag for this section is undo-redo-buttons.

The final piece to this puzzle is adding buttons to trigger the new behavior by adding Undo and Redo buttons to the menu bar:

1. Open test/MenuButtons.test.js and add the following describe block at the bottom of the file, nested inside the MenuButtons describe block. It uses a couple of helper functions that have already been defined with the file, renderWithStore and button:

describe('undo button', () => {  it('renders', () => {    renderWithStore(<MenuButtons />);    expect(button('Undo').exists()).toBeTruthy();  });});

2. Make that pass by modifying the implementation for MenuButtons as shown:

export const MenuButtons = connect(  ...)((  ...) => {  ...  return (    <React.Fragment>