test that stopSketch is called when a sketch is playing and user clicks stop button

Author: vulongphan

client/modules/IDE/components/Toolbar.test.jsx

@@ -90,4 +90,14 @@ describe('<ToolbarComponent />', () => {
     await waitFor(() => expect(props.setProjectName).not.toHaveBeenCalled());
     await waitFor(() => expect(props.saveProject).not.toHaveBeenCalled());
   });
+
+  it('sketch is stopped when stop button is clicked', async () => {
+    const props = renderComponent({ isPlaying: true });
+
+    const stopButton = screen.getByLabelText('Stop sketch');
+
+    fireEvent.click(stopButton);
+
+    await waitFor(() => expect(props.stopSketch).toHaveBeenCalled());
+  });
 });