interaction-test-teachable.tsx

<Story
    name="Filled Form"
    play={ async ({ canvasElement }) => {
      const canvas = within(canvasElement);
      await userEvent.type(canvas.getByTestId('email'), '[email protected]');
      …
      await userEvent.click(canvas.getByRole('button'));
      await expect(
        canvas.getByText(
          'Everything is perfect. Your account is ready and we should probably get you started!'
        )
      ).toBeInTheDocument();
    }}>
    {Template.bind({})}
  </Story>