vitest/examples/react/test/basic.test.tsx
2024-05-10 10:37:15 +02:00

23 lines
597 B
TypeScript

import { expect, test } from 'vitest'
import { render, screen } from '@testing-library/react'
import { userEvent } from '@testing-library/user-event'
import Link from '../components/Link.jsx'
test('Link changes the state when hovered', async () => {
render(
<Link page="http://antfu.me">Anthony Fu</Link>,
)
const link = screen.getByText('Anthony Fu')
expect(link).toHaveAccessibleName('Link is normal')
await userEvent.hover(link)
expect(link).toHaveAccessibleName('Link is hovered')
await userEvent.unhover(link)
expect(link).toHaveAccessibleName('Link is normal')
})