Repository: mui/material-ui
File: packages/mui-material/src/ButtonBase/ButtonBase.test.js (JavaScript)

Code before:
      fireEvent.keyUp(button);
      expect(onKeyUp.callCount).to.equal(1);

      await act(async () => {
        button.blur();
      });
      expect(onBlur.callCount).to.equal(1);

      fireEvent.mouseLeave(button);
      expect(onMouseLeave.callCount).to.equal(1);
    });

 it('should propagate click events when Enter is pressed on non-native button', async () => {
        const parentClickSpy = spy();
        const buttonClickSpy = spy();

        const {user} = render(
          <div onClick={parentClickSpy}>
            <ButtonBase onClick={buttonClickSpy} component="div">
              Hello
            </ButtonBase>
          </div>,
        );

        // moves focus to the button
        await user.tab()
        await user.keyboard('{Enter}');

        expect(buttonClickSpy.callCount).to.equal(1);
        expect(parentClickSpy.callCount).to.equal(1);
      });

      it('should propagate click events when Space is released on non-native button', async () => {
        const parentClickSpy = spy();
        const buttonClickSpy = spy();

        const {user} = render(
          <div onClick={parentClickSpy}>
            <ButtonBase onClick={buttonClickSpy} component="div">
              Hello
            </ButtonBase>
          </div>,
        );

        // moves focus to the button
        await user.tab();
        await user.keyboard(' ');

        expect(buttonClickSpy.callCount).to.equal(1);
        expect(parentClickSpy.callCount).to.equal(1);
      });

Review comment (suggestion):
Missing semicolon after the statement. All other similar statements in this file use semicolons, including line 284.
```suggestion
        await user.tab();
```

Code after:
      fireEvent.keyUp(button);
      expect(onKeyUp.callCount).to.equal(1);

      await act(async () => {
        button.blur();
      });
      expect(onBlur.callCount).to.equal(1);

      fireEvent.mouseLeave(button);
      expect(onMouseLeave.callCount).to.equal(1);
    });

    it('should propagate click events when Enter is pressed on non-native button', async () => {
      const parentClickSpy = spy();
      const buttonClickSpy = spy();

      const { user } = render(
        <div onClick={parentClickSpy}>
          <ButtonBase onClick={buttonClickSpy} component="div">
            Hello
          </ButtonBase>
        </div>,
      );

      // moves focus to the button
      await user.tab();
      await user.keyboard('{Enter}');

      expect(buttonClickSpy.callCount).to.equal(1);
      expect(parentClickSpy.callCount).to.equal(1);
    });

    it('should propagate click events when Space is released on non-native button', async () => {
      const parentClickSpy = spy();
      const buttonClickSpy = spy();

      const { user } = render(
        <div onClick={parentClickSpy}>
          <ButtonBase onClick={buttonClickSpy} component="div">
            Hello
          </ButtonBase>
        </div>,
      );

      // moves focus to the button
      await user.tab();
      await user.keyboard(' ');

      expect(buttonClickSpy.callCount).to.equal(1);
      expect(parentClickSpy.callCount).to.equal(1);
    });