New Button Story.ts

import { Meta, StoryObj } from "@storybook/react";
import Button from ".";
import { userEvent, within, waitFor } from "@storybook/testing-library";
import { expect } from "@storybook/jest";

export default {
  component: Button,
  argTypes: {
    onClick: { action: true },
  },
  parameters: {
    layout: "centered",
  },
} as Meta<typeof Button>;

export const Default: StoryObj<typeof Button> = {
  args: {
    content: "Click me",
  },
  play: async ({ canvasElement, args }) => {
    const canvas = within(canvasElement);
    const user = userEvent.setup({ delay: 50 });
    await user.click(canvas.getByText("Click me"));
    await waitFor(() => expect(args.onClick).toHaveBeenCalledTimes(1));
  },
};