import React from 'react'
import { render, screen } from '@testing-library/react'
import userEvent from '@testing-library/user-event'
import Example from './Example'
// Replace to match the story you are testing
const ExampleStory = () =>
describe('Example', () => {
describe('renders content', () => {
it('renders a heading', () => {
render(
const heading = screen.getByRole('heading', { name: /example/i })
expect(heading).toBeInTheDocument()
})it('renders children', () => {
render(
const children = screen.getAllByText(/children/i)
expect(children).toBeInTheDocument()
}) })describe('interacts with content', () => {
it('clicks button', async () => {
render(
const button = screen.getByRole('button', { name: /click me/i })
await userEvent.click(button)
expect(button).toBeDisabled()
}) }) })
