React TS Story.ts

import { ComponentMeta } from "@storybook/react";
import COMPONENT_NAME from ".";
import { userEvent, within } from "@storybook/testing-library";

export default {
  component: COMPONENT_NAME,
  decorators: [(story) => <div>{story()}</div>],
  parameters: {
    layout: "centered",
  },
} as ComponentMeta<typeof COMPONENT_NAME>;

export const Default: ComponentStoryObj<typeof COMPONENT_NAME> = {
  args: {
    content: "Some content",
  },
};

export const Clicked: ComponentStoryObj<typeof COMPONENT_NAME> = {
  args: { ...Default.args },
  play: async ({ canvasElement }: any) => {
    const canvas = within(canvasElement);
    await userEvent.click(canvas.getByText("Some content"));
  },
};