Skip to content

Commit a4e654d

Browse files
CopilotHugos68
Copilot
and
Hugos68
authored
Migrate tests from Testing Library to vitest browser mode destructuring (#4137)
Co-authored-by: copilot-swe-agent[bot] <[email protected]> Co-authored-by: Hugos68 <[email protected]>
1 parent dc71380 commit a4e654d

File tree

50 files changed

+831
-831
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

50 files changed

+831
-831
lines changed

‎packages/skeleton-react/test/components/accordion/index.test.tsx‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,40 +1,40 @@
11
import Test from './test.jsx';
2-
import { render, screen } from '@testing-library/react';
2+
import { render } from 'vitest-browser-react';
33
import { describe, expect, it } from 'vitest';
44

55
describe('Accordion', () => {
66
describe('Root', () => {
77
it('renders', () => {
8-
render(<Test />);
9-
expect(screen.getByTestId('root')).toBeInTheDocument();
8+
const { getByTestId } = render(<Test />);
9+
expect(getByTestId('root')).toBeInTheDocument();
1010
});
1111
});
1212

1313
describe('Item', () => {
1414
it('renders', () => {
15-
render(<Test />);
16-
expect(screen.getByTestId('item')).toBeInTheDocument();
15+
const { getByTestId } = render(<Test />);
16+
expect(getByTestId('item')).toBeInTheDocument();
1717
});
1818
});
1919

2020
describe('ItemTrigger', () => {
2121
it('renders', () => {
22-
render(<Test />);
23-
expect(screen.getByTestId('item-trigger')).toBeInTheDocument();
22+
const { getByTestId } = render(<Test />);
23+
expect(getByTestId('item-trigger')).toBeInTheDocument();
2424
});
2525
});
2626

2727
describe('ItemIndicator', () => {
2828
it('renders', () => {
29-
render(<Test />);
30-
expect(screen.getByTestId('item-indicator')).toBeInTheDocument();
29+
const { getByTestId } = render(<Test />);
30+
expect(getByTestId('item-indicator')).toBeInTheDocument();
3131
});
3232
});
3333

3434
describe('ItemContent', () => {
3535
it('renders', () => {
36-
render(<Test />);
37-
expect(screen.getByTestId('item-content')).toBeInTheDocument();
36+
const { getByTestId } = render(<Test />);
37+
expect(getByTestId('item-content')).toBeInTheDocument();
3838
});
3939
});
4040
});

‎packages/skeleton-react/test/components/app-bar/index.test.tsx‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,40 +1,40 @@
11
import Test from './test.jsx';
2-
import { render, screen } from '@testing-library/react';
2+
import { render } from 'vitest-browser-react';
33
import { describe, expect, it } from 'vitest';
44

55
describe('AppBar', () => {
66
describe('Root', () => {
77
it('renders', () => {
8-
render(<Test />);
9-
expect(screen.getByTestId('root')).toBeInTheDocument();
8+
const { getByTestId } = render(<Test />);
9+
expect(getByTestId('root')).toBeInTheDocument();
1010
});
1111
});
1212

1313
describe('Toolbar', () => {
1414
it('renders', () => {
15-
render(<Test />);
16-
expect(screen.getByTestId('toolbar')).toBeInTheDocument();
15+
const { getByTestId } = render(<Test />);
16+
expect(getByTestId('toolbar')).toBeInTheDocument();
1717
});
1818
});
1919

2020
describe('Lead', () => {
2121
it('renders', () => {
22-
render(<Test />);
23-
expect(screen.getByTestId('lead')).toBeInTheDocument();
22+
const { getByTestId } = render(<Test />);
23+
expect(getByTestId('lead')).toBeInTheDocument();
2424
});
2525
});
2626

2727
describe('Headline', () => {
2828
it('renders', () => {
29-
render(<Test />);
30-
expect(screen.getByTestId('headline')).toBeInTheDocument();
29+
const { getByTestId } = render(<Test />);
30+
expect(getByTestId('headline')).toBeInTheDocument();
3131
});
3232
});
3333

3434
describe('Trail', () => {
3535
it('renders', () => {
36-
render(<Test />);
37-
expect(screen.getByTestId('trail')).toBeInTheDocument();
36+
const { getByTestId } = render(<Test />);
37+
expect(getByTestId('trail')).toBeInTheDocument();
3838
});
3939
});
4040
});

‎packages/skeleton-react/test/components/avatar/index.test.tsx‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,26 @@
11
import Test from './test.jsx';
2-
import { render, screen } from '@testing-library/react';
2+
import { render } from 'vitest-browser-react';
33
import { describe, expect, it } from 'vitest';
44

55
describe('Avatar', () => {
66
describe('Root', () => {
77
it('renders', () => {
8-
render(<Test />);
9-
expect(screen.getByTestId('root')).toBeInTheDocument();
8+
const { getByTestId } = render(<Test />);
9+
expect(getByTestId('root')).toBeInTheDocument();
1010
});
1111
});
1212

1313
describe('Image', () => {
1414
it('renders', () => {
15-
render(<Test />);
16-
expect(screen.getByTestId('image')).toBeInTheDocument();
15+
const { getByTestId } = render(<Test />);
16+
expect(getByTestId('image')).toBeInTheDocument();
1717
});
1818
});
1919

2020
describe('Fallback', () => {
2121
it('renders', () => {
22-
render(<Test />);
23-
expect(screen.getByTestId('fallback')).toBeInTheDocument();
22+
const { getByTestId } = render(<Test />);
23+
expect(getByTestId('fallback')).toBeInTheDocument();
2424
});
2525
});
2626
});

‎packages/skeleton-react/test/components/collapsible/index.test.tsx‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,33 @@
11
import Test from './test.jsx';
2-
import { render, screen } from '@testing-library/react';
2+
import { render } from 'vitest-browser-react';
33
import { describe, expect, it } from 'vitest';
44

55
describe('Collapsible', () => {
66
describe('Root', () => {
77
it('renders', () => {
8-
render(<Test />);
9-
expect(screen.getByTestId('root')).toBeInTheDocument();
8+
const { getByTestId } = render(<Test />);
9+
expect(getByTestId('root')).toBeInTheDocument();
1010
});
1111
});
1212

1313
describe('Trigger', () => {
1414
it('renders', () => {
15-
render(<Test />);
16-
expect(screen.getByTestId('trigger')).toBeInTheDocument();
15+
const { getByTestId } = render(<Test />);
16+
expect(getByTestId('trigger')).toBeInTheDocument();
1717
});
1818
});
1919

2020
describe('Indicator', () => {
2121
it('renders', () => {
22-
render(<Test />);
23-
expect(screen.getByTestId('indicator')).toBeInTheDocument();
22+
const { getByTestId } = render(<Test />);
23+
expect(getByTestId('indicator')).toBeInTheDocument();
2424
});
2525
});
2626

2727
describe('Content', () => {
2828
it('renders', () => {
29-
render(<Test />);
30-
expect(screen.getByTestId('content')).toBeInTheDocument();
29+
const { getByTestId } = render(<Test />);
30+
expect(getByTestId('content')).toBeInTheDocument();
3131
});
3232
});
3333
});

‎packages/skeleton-react/test/components/combobox/index.test.tsx‎

Lines changed: 25 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,89 +1,89 @@
11
import Test from './test.jsx';
2-
import { render, screen } from '@testing-library/react';
2+
import { render } from 'vitest-browser-react';
33
import { describe, expect, it } from 'vitest';
44

55
describe('Combobox', () => {
66
describe('Root', () => {
77
it('renders', () => {
8-
render(<Test />);
9-
expect(screen.getByTestId('root')).toBeInTheDocument();
8+
const { getByTestId } = render(<Test />);
9+
expect(getByTestId('root')).toBeInTheDocument();
1010
});
1111
});
1212

1313
describe('Label', () => {
1414
it('renders', () => {
15-
render(<Test />);
16-
expect(screen.getByTestId('label')).toBeInTheDocument();
15+
const { getByTestId } = render(<Test />);
16+
expect(getByTestId('label')).toBeInTheDocument();
1717
});
1818
});
1919

2020
describe('Control', () => {
2121
it('renders', () => {
22-
render(<Test />);
23-
expect(screen.getByTestId('control')).toBeInTheDocument();
22+
const { getByTestId } = render(<Test />);
23+
expect(getByTestId('control')).toBeInTheDocument();
2424
});
2525
});
2626

2727
describe('Input', () => {
2828
it('renders', () => {
29-
render(<Test />);
30-
expect(screen.getByTestId('input')).toBeInTheDocument();
29+
const { getByTestId } = render(<Test />);
30+
expect(getByTestId('input')).toBeInTheDocument();
3131
});
3232
});
3333

3434
describe('Trigger', () => {
3535
it('renders', () => {
36-
render(<Test />);
37-
expect(screen.getByTestId('trigger')).toBeInTheDocument();
36+
const { getByTestId } = render(<Test />);
37+
expect(getByTestId('trigger')).toBeInTheDocument();
3838
});
3939
});
4040

4141
describe('Positioner', () => {
4242
it('renders', () => {
43-
render(<Test />);
44-
expect(screen.getByTestId('positioner')).toBeInTheDocument();
43+
const { getByTestId } = render(<Test />);
44+
expect(getByTestId('positioner')).toBeInTheDocument();
4545
});
4646
});
4747

4848
describe('Content', () => {
4949
it('renders', () => {
50-
render(<Test />);
51-
expect(screen.getByTestId('content')).toBeInTheDocument();
50+
const { getByTestId } = render(<Test />);
51+
expect(getByTestId('content')).toBeInTheDocument();
5252
});
5353
});
5454

5555
describe('ItemGroup', () => {
5656
it('renders', () => {
57-
render(<Test />);
58-
expect(screen.getByTestId('item-group')).toBeInTheDocument();
57+
const { getByTestId } = render(<Test />);
58+
expect(getByTestId('item-group')).toBeInTheDocument();
5959
});
6060
});
6161

6262
describe('ItemGroupLabel', () => {
6363
it('renders', () => {
64-
render(<Test />);
65-
expect(screen.getByTestId('item-group-label')).toBeInTheDocument();
64+
const { getByTestId } = render(<Test />);
65+
expect(getByTestId('item-group-label')).toBeInTheDocument();
6666
});
6767
});
6868

6969
describe('Item', () => {
7070
it('renders', () => {
71-
render(<Test />);
72-
expect(screen.getByTestId('item')).toBeInTheDocument();
71+
const { getByTestId } = render(<Test />);
72+
expect(getByTestId('item')).toBeInTheDocument();
7373
});
7474
});
7575

7676
describe('ItemText', () => {
7777
it('renders', () => {
78-
render(<Test />);
79-
expect(screen.getByTestId('item-text')).toBeInTheDocument();
78+
const { getByTestId } = render(<Test />);
79+
expect(getByTestId('item-text')).toBeInTheDocument();
8080
});
8181
});
8282

8383
describe('ItemIndicator', () => {
8484
it('renders', () => {
85-
render(<Test />);
86-
expect(screen.getByTestId('item-indicator')).toBeInTheDocument();
85+
const { getByTestId } = render(<Test />);
86+
expect(getByTestId('item-indicator')).toBeInTheDocument();
8787
});
8888
});
8989
});

0 commit comments

Comments
 (0)