1
+ import { describe , expect , it } from 'vitest'
1
2
import { render } from '@testing-library/react'
2
- import axe from 'axe-core'
3
- import type { LabelColorOptions } from '../Label'
4
- import Label , { variants } from '../Label'
3
+ import Label from '../Label'
5
4
6
5
describe ( 'Label' , ( ) => {
7
6
it ( 'should support `className` on the outermost element' , ( ) => {
8
7
const Element = ( ) => < Label className = { 'test-class-name' } />
9
8
expect ( render ( < Element /> ) . container . firstChild ) . toHaveClass ( 'test-class-name' )
10
9
} )
11
10
it ( 'renders text node child' , ( ) => {
12
- const container = render ( < Label > Default</ Label > )
13
- const label = container . baseElement
14
- expect ( label . textContent ) . toEqual ( 'Default' )
11
+ const rendered = render ( < Label > Default</ Label > )
12
+ expect ( rendered . container . textContent ) . toEqual ( 'Default' )
15
13
} )
16
14
it ( 'default size is rendered as "small"' , ( ) => {
17
15
const { getByText} = render ( < Label > Default</ Label > )
@@ -24,11 +22,4 @@ describe('Label', () => {
24
22
25
23
expect ( getByText ( 'Default' ) ) . toHaveAttribute ( 'data-variant' , 'default' )
26
24
} )
27
- it ( 'should have no axe violations' , async ( ) => {
28
- for ( const variant in variants ) {
29
- const { container} = render ( < Label variant = { variant as LabelColorOptions } > Default</ Label > )
30
- const results = await axe . run ( container )
31
- expect ( results ) . toHaveNoViolations ( )
32
- }
33
- } )
34
25
} )
0 commit comments