From e1472c1bfa68fccd0445bb3e95f97a8f6ff60ede Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Fri, 21 Nov 2025 13:49:25 +0000 Subject: [PATCH 1/2] Initial plan From 5cae513c5234ef7eaf020dfa3ee76e0de13976f6 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Fri, 21 Nov 2025 13:54:19 +0000 Subject: [PATCH 2/2] Make all test functions using render async and await render calls Co-authored-by: Hugos68 <63101006+Hugos68@users.noreply.github.com> --- .../test/components/accordion/index.test.tsx | 20 ++--- .../test/components/app-bar/index.test.tsx | 20 ++--- .../test/components/avatar/index.test.tsx | 12 +-- .../components/collapsible/index.test.tsx | 16 ++-- .../test/components/combobox/index.test.tsx | 48 +++++----- .../components/date-picker/index.test.tsx | 88 +++++++++---------- .../test/components/dialog/index.test.tsx | 28 +++--- .../components/file-upload/index.test.tsx | 40 ++++----- .../test/components/listbox/index.test.tsx | 36 ++++---- .../test/components/menu/index.test.tsx | 60 ++++++------- .../test/components/navigation/index.test.tsx | 56 ++++++------ .../test/components/pagination/index.test.tsx | 28 +++--- .../test/components/popover/index.test.tsx | 32 +++---- .../test/components/portal/index.test.tsx | 12 +-- .../test/components/progress/index.test.tsx | 32 +++---- .../components/rating-group/index.test.tsx | 20 ++--- .../segmented-control/index.test.tsx | 14 +-- .../test/components/slider/index.test.tsx | 20 ++--- .../test/components/switch/index.test.tsx | 20 ++--- .../test/components/tabs/index.test.tsx | 10 +-- .../test/components/tags-input/index.test.tsx | 44 +++++----- .../test/components/toast/index.test.tsx | 14 +-- .../components/toggle-group/index.test.tsx | 8 +- .../test/components/tooltip/index.test.tsx | 16 ++-- .../test/components/tree-view/index.test.tsx | 36 ++++---- .../test/components/accordion/index.test.ts | 16 ++-- .../test/components/app-bar/index.test.ts | 20 ++--- .../test/components/avatar/index.test.ts | 12 +-- .../test/components/collapsible/index.test.ts | 16 ++-- .../test/components/combobox/index.test.ts | 48 +++++----- .../test/components/date-picker/index.test.ts | 88 +++++++++---------- .../test/components/dialog/index.test.ts | 28 +++--- .../test/components/file-upload/index.test.ts | 40 ++++----- .../test/components/listbox/index.test.ts | 36 ++++---- .../test/components/menu/index.test.ts | 60 ++++++------- .../test/components/navigation/index.test.ts | 56 ++++++------ .../test/components/pagination/index.test.ts | 28 +++--- .../test/components/popover/index.test.ts | 32 +++---- .../test/components/portal/index.test.ts | 12 +-- .../test/components/progress/index.test.ts | 32 +++---- .../components/rating-group/index.test.ts | 20 ++--- .../segmented-control/index.test.ts | 28 +++--- .../test/components/slider/index.test.tsx | 40 ++++----- .../test/components/switch/index.test.ts | 20 ++--- .../test/components/tabs/index.test.ts | 20 ++--- .../test/components/tags-input/index.test.tsx | 44 +++++----- .../test/components/toast/index.test.ts | 14 +-- .../components/toggle-group/index.test.ts | 8 +- .../test/components/tooltip/index.test.ts | 16 ++-- .../test/components/tree-view/index.test.ts | 36 ++++---- 50 files changed, 750 insertions(+), 750 deletions(-) diff --git a/packages/skeleton-react/test/components/accordion/index.test.tsx b/packages/skeleton-react/test/components/accordion/index.test.tsx index a358f2917d..9b97a40d4d 100644 --- a/packages/skeleton-react/test/components/accordion/index.test.tsx +++ b/packages/skeleton-react/test/components/accordion/index.test.tsx @@ -4,36 +4,36 @@ import { render } from 'vitest-browser-react'; describe('Accordion', () => { describe('Root', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('root')).toBeInTheDocument(); }); }); describe('Item', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('item')).toBeInTheDocument(); }); }); describe('ItemTrigger', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('item-trigger')).toBeInTheDocument(); }); }); describe('ItemIndicator', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('item-indicator')).toBeInTheDocument(); }); }); describe('ItemContent', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('item-content')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-react/test/components/app-bar/index.test.tsx b/packages/skeleton-react/test/components/app-bar/index.test.tsx index 9fa52835c4..7738f726a9 100644 --- a/packages/skeleton-react/test/components/app-bar/index.test.tsx +++ b/packages/skeleton-react/test/components/app-bar/index.test.tsx @@ -4,36 +4,36 @@ import { render } from 'vitest-browser-react'; describe('AppBar', () => { describe('Root', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('root')).toBeInTheDocument(); }); }); describe('Toolbar', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('toolbar')).toBeInTheDocument(); }); }); describe('Lead', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('lead')).toBeInTheDocument(); }); }); describe('Headline', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('headline')).toBeInTheDocument(); }); }); describe('Trail', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('trail')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-react/test/components/avatar/index.test.tsx b/packages/skeleton-react/test/components/avatar/index.test.tsx index 7e4ebe893e..a77fb7f3aa 100644 --- a/packages/skeleton-react/test/components/avatar/index.test.tsx +++ b/packages/skeleton-react/test/components/avatar/index.test.tsx @@ -4,22 +4,22 @@ import { render } from 'vitest-browser-react'; describe('Avatar', () => { describe('Root', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('root')).toBeInTheDocument(); }); }); describe('Image', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('image')).toBeInTheDocument(); }); }); describe('Fallback', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('fallback')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-react/test/components/collapsible/index.test.tsx b/packages/skeleton-react/test/components/collapsible/index.test.tsx index 9f456d06a2..b349ec951d 100644 --- a/packages/skeleton-react/test/components/collapsible/index.test.tsx +++ b/packages/skeleton-react/test/components/collapsible/index.test.tsx @@ -4,29 +4,29 @@ import { render } from 'vitest-browser-react'; describe('Collapsible', () => { describe('Root', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('root')).toBeInTheDocument(); }); }); describe('Trigger', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('trigger')).toBeInTheDocument(); }); }); describe('Indicator', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('indicator')).toBeInTheDocument(); }); }); describe('Content', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('content')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-react/test/components/combobox/index.test.tsx b/packages/skeleton-react/test/components/combobox/index.test.tsx index e143cbbfd7..68fbc02b0f 100644 --- a/packages/skeleton-react/test/components/combobox/index.test.tsx +++ b/packages/skeleton-react/test/components/combobox/index.test.tsx @@ -4,85 +4,85 @@ import { render } from 'vitest-browser-react'; describe('Combobox', () => { describe('Root', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('root')).toBeInTheDocument(); }); }); describe('Label', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('label')).toBeInTheDocument(); }); }); describe('Control', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('control')).toBeInTheDocument(); }); }); describe('Input', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('input')).toBeInTheDocument(); }); }); describe('Trigger', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('trigger')).toBeInTheDocument(); }); }); describe('Positioner', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('positioner')).toBeInTheDocument(); }); }); describe('Content', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('content')).toBeInTheDocument(); }); }); describe('ItemGroup', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('item-group')).toBeInTheDocument(); }); }); describe('ItemGroupLabel', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('item-group-label')).toBeInTheDocument(); }); }); describe('Item', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('item')).toBeInTheDocument(); }); }); describe('ItemText', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('item-text')).toBeInTheDocument(); }); }); describe('ItemIndicator', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('item-indicator')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-react/test/components/date-picker/index.test.tsx b/packages/skeleton-react/test/components/date-picker/index.test.tsx index 436cdd2d05..4a82124ff9 100644 --- a/packages/skeleton-react/test/components/date-picker/index.test.tsx +++ b/packages/skeleton-react/test/components/date-picker/index.test.tsx @@ -4,154 +4,154 @@ import { render } from 'vitest-browser-react'; describe('DatePicker', () => { describe('Root', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('root')).toBeInTheDocument(); }); }); describe('Label', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('label')).toBeInTheDocument(); }); }); describe('Control', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('control')).toBeInTheDocument(); }); }); describe('Input', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('input')).toBeInTheDocument(); }); }); describe('Trigger', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('trigger')).toBeInTheDocument(); }); }); describe('Positioner', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('positioner')).toBeInTheDocument(); }); }); describe('Content', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('content')).toBeInTheDocument(); }); }); describe('YearSelect', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('year-select')).toBeInTheDocument(); }); }); describe('MonthSelect', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('month-select')).toBeInTheDocument(); }); }); describe('View', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('view')).toBeInTheDocument(); }); }); describe('ViewControl', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('view-control')).toBeInTheDocument(); }); }); describe('PrevTrigger', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('prev-trigger')).toBeInTheDocument(); }); }); describe('ViewTrigger', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('view-trigger')).toBeInTheDocument(); }); }); describe('RangeText', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('range-text')).toBeInTheDocument(); }); }); describe('NextTrigger', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('next-trigger')).toBeInTheDocument(); }); }); describe('Table', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('table')).toBeInTheDocument(); }); }); describe('TableHead', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('table-head')).toBeInTheDocument(); }); }); describe('TableRow', () => { - it('renders', () => { - const { getAllByTestId } = render(); + it('renders', async () => { + const { getAllByTestId } = await render(); expect(getAllByTestId('table-row')[0]).toBeInTheDocument(); }); }); describe('TableHeader', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('table-header')).toBeInTheDocument(); }); }); describe('TableBody', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('table-body')).toBeInTheDocument(); }); }); describe('TableCell', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('table-cell')).toBeInTheDocument(); }); }); describe('TableCellTrigger', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('table-cell-trigger')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-react/test/components/dialog/index.test.tsx b/packages/skeleton-react/test/components/dialog/index.test.tsx index d230ec1abb..1ba51b40eb 100644 --- a/packages/skeleton-react/test/components/dialog/index.test.tsx +++ b/packages/skeleton-react/test/components/dialog/index.test.tsx @@ -4,50 +4,50 @@ import { render } from 'vitest-browser-react'; describe('Dialog', () => { describe('Trigger', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('trigger')).toBeInTheDocument(); }); }); describe('Backdrop', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('backdrop')).toBeInTheDocument(); }); }); describe('Positioner', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('positioner')).toBeInTheDocument(); }); }); describe('Content', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('content')).toBeInTheDocument(); }); }); describe('Title', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('title')).toBeInTheDocument(); }); }); describe('Description', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('description')).toBeInTheDocument(); }); }); describe('CloseTrigger', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('close-trigger')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-react/test/components/file-upload/index.test.tsx b/packages/skeleton-react/test/components/file-upload/index.test.tsx index 260b2f0e42..00592d0a93 100644 --- a/packages/skeleton-react/test/components/file-upload/index.test.tsx +++ b/packages/skeleton-react/test/components/file-upload/index.test.tsx @@ -4,71 +4,71 @@ import { render } from 'vitest-browser-react'; describe('FileUpload', () => { describe('Root', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('root')).toBeInTheDocument(); }); }); describe('Label', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('label')).toBeInTheDocument(); }); }); describe('Dropzone', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('dropzone')).toBeInTheDocument(); }); }); describe('Trigger', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('trigger')).toBeInTheDocument(); }); }); describe('ItemGroup', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('item-group')).toBeInTheDocument(); }); }); describe('Item', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('item')).toBeInTheDocument(); }); }); describe('ItemName', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('item-name')).toBeInTheDocument(); }); }); describe('ItemSizeText', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('item-size-text')).toBeInTheDocument(); }); }); describe('ItemDeleteTrigger', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('item-delete-trigger')).toBeInTheDocument(); }); }); describe('HiddenInput', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('hidden-input')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-react/test/components/listbox/index.test.tsx b/packages/skeleton-react/test/components/listbox/index.test.tsx index c6c7440d33..38ed0167a9 100644 --- a/packages/skeleton-react/test/components/listbox/index.test.tsx +++ b/packages/skeleton-react/test/components/listbox/index.test.tsx @@ -4,64 +4,64 @@ import { render } from 'vitest-browser-react'; describe('Listbox', () => { describe('Root', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('root')).toBeInTheDocument(); }); }); describe('Label', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('label')).toBeInTheDocument(); }); }); describe('Input', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('input')).toBeInTheDocument(); }); }); describe('Content', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('content')).toBeInTheDocument(); }); }); describe('ItemGroup', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('item-group')).toBeInTheDocument(); }); }); describe('ItemGroupLabel', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('item-group-label')).toBeInTheDocument(); }); }); describe('Item', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('item')).toBeInTheDocument(); }); }); describe('ItemText', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('item-text')).toBeInTheDocument(); }); }); describe('ItemIndicator', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('item-indicator')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-react/test/components/menu/index.test.tsx b/packages/skeleton-react/test/components/menu/index.test.tsx index d5eb6c63e9..efeba8ae5c 100644 --- a/packages/skeleton-react/test/components/menu/index.test.tsx +++ b/packages/skeleton-react/test/components/menu/index.test.tsx @@ -4,106 +4,106 @@ import { render } from 'vitest-browser-react'; describe('Menu', () => { describe('Trigger', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('trigger')).toBeInTheDocument(); }); }); describe('ContextTrigger', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('context-trigger')).toBeInTheDocument(); }); }); describe('Indicator', () => { - it('renders', () => { - const { getAllByTestId } = render(); + it('renders', async () => { + const { getAllByTestId } = await render(); expect(getAllByTestId('indicator')).toHaveLength(2); }); }); describe('Positioner', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('positioner')).toBeInTheDocument(); }); }); describe('Content', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('content')).toBeInTheDocument(); }); }); describe('ItemGroup', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('item-group')).toBeInTheDocument(); }); }); describe('ItemGroupLabel', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('item-group-label')).toBeInTheDocument(); }); }); describe('Item', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('item')).toBeInTheDocument(); }); }); describe('OptionItem', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('option-item')).toBeInTheDocument(); }); }); describe('TriggerItem', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('trigger-item')).toBeInTheDocument(); }); }); describe('ItemText', () => { - it('renders', () => { - const { getAllByTestId } = render(); + it('renders', async () => { + const { getAllByTestId } = await render(); expect(getAllByTestId('item-text')).toHaveLength(3); }); }); describe('ItemIndicator', () => { - it('renders', () => { - const { getAllByTestId } = render(); + it('renders', async () => { + const { getAllByTestId } = await render(); expect(getAllByTestId('item-indicator')).toHaveLength(3); }); }); describe('Separator', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('separator')).toBeInTheDocument(); }); }); describe('Arrow', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('arrow')).toBeInTheDocument(); }); }); describe('ArrowTip', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('arrow-tip')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-react/test/components/navigation/index.test.tsx b/packages/skeleton-react/test/components/navigation/index.test.tsx index 4bf8eb0c36..2c63d302b5 100644 --- a/packages/skeleton-react/test/components/navigation/index.test.tsx +++ b/packages/skeleton-react/test/components/navigation/index.test.tsx @@ -4,85 +4,85 @@ import { render } from 'vitest-browser-react'; describe('Navigation', () => { describe('Root', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('root')).toBeInTheDocument(); }); - it('sets the data-layout attribute', () => { - const { getByTestId } = render(); + it('sets the data-layout attribute', async () => { + const { getByTestId } = await render(); expect(getByTestId('root')).toHaveAttribute('data-layout'); }); }); describe('Header', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('header')).toBeInTheDocument(); }); - it('sets the data-layout attribute', () => { - const { getByTestId } = render(); + it('sets the data-layout attribute', async () => { + const { getByTestId } = await render(); expect(getByTestId('header')).toHaveAttribute('data-layout'); }); }); describe('Content', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('content')).toBeInTheDocument(); }); - it('sets the data-layout attribute', () => { - const { getByTestId } = render(); + it('sets the data-layout attribute', async () => { + const { getByTestId } = await render(); expect(getByTestId('content')).toHaveAttribute('data-layout'); }); }); describe('Group', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('group')).toBeInTheDocument(); }); - it('sets the data-layout attribute', () => { - const { getByTestId } = render(); + it('sets the data-layout attribute', async () => { + const { getByTestId } = await render(); expect(getByTestId('group')).toHaveAttribute('data-layout'); }); }); describe('Label', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('label')).toBeInTheDocument(); }); - it('sets the data-layout attribute', () => { - const { getByTestId } = render(); + it('sets the data-layout attribute', async () => { + const { getByTestId } = await render(); expect(getByTestId('label')).toHaveAttribute('data-layout'); }); }); describe('Menu', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('menu')).toBeInTheDocument(); }); - it('sets the data-layout attribute', () => { - const { getByTestId } = render(); + it('sets the data-layout attribute', async () => { + const { getByTestId } = await render(); expect(getByTestId('menu')).toHaveAttribute('data-layout'); }); }); describe('footer', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('footer')).toBeInTheDocument(); }); - it('sets the data-layout attribute', () => { - const { getByTestId } = render(); + it('sets the data-layout attribute', async () => { + const { getByTestId } = await render(); expect(getByTestId('footer')).toHaveAttribute('data-layout'); }); }); diff --git a/packages/skeleton-react/test/components/pagination/index.test.tsx b/packages/skeleton-react/test/components/pagination/index.test.tsx index 4a7773688d..0135dd1e22 100644 --- a/packages/skeleton-react/test/components/pagination/index.test.tsx +++ b/packages/skeleton-react/test/components/pagination/index.test.tsx @@ -4,50 +4,50 @@ import { render } from 'vitest-browser-react'; describe('Pagination', () => { describe('Root', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('root')).toBeInTheDocument(); }); }); describe('FirstTrigger', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('first-trigger')).toBeInTheDocument(); }); }); describe('PrevTrigger', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('prev-trigger')).toBeInTheDocument(); }); }); describe('Item', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('item')).toBeInTheDocument(); }); }); describe('Ellipsis', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('ellipsis')).toBeInTheDocument(); }); }); describe('NextTrigger', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('next-trigger')).toBeInTheDocument(); }); }); describe('LastTrigger', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('last-trigger')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-react/test/components/popover/index.test.tsx b/packages/skeleton-react/test/components/popover/index.test.tsx index 90d7732996..a091ee2c09 100644 --- a/packages/skeleton-react/test/components/popover/index.test.tsx +++ b/packages/skeleton-react/test/components/popover/index.test.tsx @@ -4,57 +4,57 @@ import { render } from 'vitest-browser-react'; describe('Popover', () => { describe('Trigger', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('trigger')).toBeInTheDocument(); }); }); describe('Positioner', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('positioner')).toBeInTheDocument(); }); }); describe('Content', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('content')).toBeInTheDocument(); }); }); describe('Arrow', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('arrow')).toBeInTheDocument(); }); }); describe('ArrowTip', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('arrow-tip')).toBeInTheDocument(); }); }); describe('Title', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('title')).toBeInTheDocument(); }); }); describe('Description', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('description')).toBeInTheDocument(); }); }); describe('CloseTrigger', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('close-trigger')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-react/test/components/portal/index.test.tsx b/packages/skeleton-react/test/components/portal/index.test.tsx index c27c5ede0b..3d78ea2d44 100644 --- a/packages/skeleton-react/test/components/portal/index.test.tsx +++ b/packages/skeleton-react/test/components/portal/index.test.tsx @@ -4,18 +4,18 @@ import { render } from 'vitest-browser-react'; describe('Portal', () => { describe('Root', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('child')).toBeInTheDocument(); }); - it('renders in the target', () => { - const { getByTestId } = render(); + it('renders in the target', async () => { + const { getByTestId } = await render(); expect(getByTestId('child').parentElement).toBe(document.body); }); - it('renders in the parent when disabled', () => { - const { getByTestId } = render(); + it('renders in the parent when disabled', async () => { + const { getByTestId } = await render(); expect(getByTestId('child').parentElement).toBe(getByTestId('parent')); }); }); diff --git a/packages/skeleton-react/test/components/progress/index.test.tsx b/packages/skeleton-react/test/components/progress/index.test.tsx index bc7bc35a1c..5b301dcbe4 100644 --- a/packages/skeleton-react/test/components/progress/index.test.tsx +++ b/packages/skeleton-react/test/components/progress/index.test.tsx @@ -4,57 +4,57 @@ import { render } from 'vitest-browser-react'; describe('Progress', () => { describe('Root', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('root')).toBeInTheDocument(); }); }); describe('Label', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('label')).toBeInTheDocument(); }); }); describe('ValueText', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('value-text')).toBeInTheDocument(); }); }); describe('Track', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('track')).toBeInTheDocument(); }); }); describe('Range', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('range')).toBeInTheDocument(); }); }); describe('Circle', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('circle')).toBeInTheDocument(); }); }); describe('CircleTrack', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('circle-track')).toBeInTheDocument(); }); }); describe('CircleRange', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('circle-range')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-react/test/components/rating-group/index.test.tsx b/packages/skeleton-react/test/components/rating-group/index.test.tsx index dcbefc07e0..e881d28228 100644 --- a/packages/skeleton-react/test/components/rating-group/index.test.tsx +++ b/packages/skeleton-react/test/components/rating-group/index.test.tsx @@ -4,36 +4,36 @@ import { render } from 'vitest-browser-react'; describe('RatingGroup', () => { describe('Root', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('root')).toBeInTheDocument(); }); }); describe('Label', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('label')).toBeInTheDocument(); }); }); describe('Control', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('control')).toBeInTheDocument(); }); }); describe('Items', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('item')).toBeInTheDocument(); }); }); describe('HiddenInput', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('hidden-input')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-react/test/components/segmented-control/index.test.tsx b/packages/skeleton-react/test/components/segmented-control/index.test.tsx index 3d22a6661a..e3e8c8fd16 100644 --- a/packages/skeleton-react/test/components/segmented-control/index.test.tsx +++ b/packages/skeleton-react/test/components/segmented-control/index.test.tsx @@ -5,7 +5,7 @@ import { render, waitFor } from 'vitest-browser-react'; describe('SegmentedControl', () => { describe('Root', () => { it('renders', async () => { - const { getByTestId } = render(); + const { getByTestId } = await render(); await waitFor(() => { expect(getByTestId('root')).toBeInTheDocument(); }); @@ -14,7 +14,7 @@ describe('SegmentedControl', () => { describe('Label', () => { it('renders', async () => { - const { getByTestId } = render(); + const { getByTestId } = await render(); await waitFor(() => { expect(getByTestId('label')).toBeInTheDocument(); }); @@ -23,7 +23,7 @@ describe('SegmentedControl', () => { describe('Control', () => { it('renders', async () => { - const { getByTestId } = render(); + const { getByTestId } = await render(); await waitFor(() => { expect(getByTestId('control')).toBeInTheDocument(); }); @@ -32,7 +32,7 @@ describe('SegmentedControl', () => { describe('Indicator', () => { it('renders', async () => { - const { getByTestId } = render(); + const { getByTestId } = await render(); await waitFor(() => { expect(getByTestId('indicator')).toBeInTheDocument(); }); @@ -41,7 +41,7 @@ describe('SegmentedControl', () => { describe('Item', () => { it('renders', async () => { - const { getByTestId } = render(); + const { getByTestId } = await render(); await waitFor(() => { expect(getByTestId('item')).toBeInTheDocument(); }); @@ -50,7 +50,7 @@ describe('SegmentedControl', () => { describe('ItemText', () => { it('renders', async () => { - const { getByTestId } = render(); + const { getByTestId } = await render(); await waitFor(() => { expect(getByTestId('item-text')).toBeInTheDocument(); }); @@ -59,7 +59,7 @@ describe('SegmentedControl', () => { describe('ItemHiddenInput', () => { it('renders', async () => { - const { getByTestId } = render(); + const { getByTestId } = await render(); await waitFor(() => { expect(getByTestId('item-hidden-input')).toBeInTheDocument(); }); diff --git a/packages/skeleton-react/test/components/slider/index.test.tsx b/packages/skeleton-react/test/components/slider/index.test.tsx index 624dc1c242..ce0ec6aa09 100644 --- a/packages/skeleton-react/test/components/slider/index.test.tsx +++ b/packages/skeleton-react/test/components/slider/index.test.tsx @@ -5,7 +5,7 @@ import { render, waitFor } from 'vitest-browser-react'; describe('Slider', () => { describe('Root', () => { it('renders', async () => { - const { getByTestId } = render(); + const { getByTestId } = await render(); await waitFor(() => { expect(getByTestId('root')).toBeInTheDocument(); }); @@ -14,7 +14,7 @@ describe('Slider', () => { describe('Label', () => { it('renders', async () => { - const { getByTestId } = render(); + const { getByTestId } = await render(); await waitFor(() => { expect(getByTestId('label')).toBeInTheDocument(); }); @@ -23,7 +23,7 @@ describe('Slider', () => { describe('ValueText', () => { it('renders', async () => { - const { getByTestId } = render(); + const { getByTestId } = await render(); await waitFor(() => { expect(getByTestId('value-text')).toBeInTheDocument(); }); @@ -32,7 +32,7 @@ describe('Slider', () => { describe('Control', () => { it('renders', async () => { - const { getByTestId } = render(); + const { getByTestId } = await render(); await waitFor(() => { expect(getByTestId('control')).toBeInTheDocument(); }); @@ -41,7 +41,7 @@ describe('Slider', () => { describe('Track', () => { it('renders', async () => { - const { getByTestId } = render(); + const { getByTestId } = await render(); await waitFor(() => { expect(getByTestId('track')).toBeInTheDocument(); }); @@ -50,7 +50,7 @@ describe('Slider', () => { describe('Range', () => { it('renders', async () => { - const { getByTestId } = render(); + const { getByTestId } = await render(); await waitFor(() => { expect(getByTestId('range')).toBeInTheDocument(); }); @@ -59,7 +59,7 @@ describe('Slider', () => { describe('Thumb', () => { it('renders', async () => { - const { getByTestId } = render(); + const { getByTestId } = await render(); await waitFor(() => { expect(getByTestId('thumb')).toBeInTheDocument(); }); @@ -68,7 +68,7 @@ describe('Slider', () => { describe('HiddenInput', () => { it('renders', async () => { - const { getByTestId } = render(); + const { getByTestId } = await render(); await waitFor(() => { expect(getByTestId('hidden-input')).toBeInTheDocument(); }); @@ -77,7 +77,7 @@ describe('Slider', () => { describe('MarkerGroup', () => { it('renders', async () => { - const { getByTestId } = render(); + const { getByTestId } = await render(); await waitFor(() => { expect(getByTestId('marker-group')).toBeInTheDocument(); }); @@ -86,7 +86,7 @@ describe('Slider', () => { describe('Marker', () => { it('renders', async () => { - const { getByTestId } = render(); + const { getByTestId } = await render(); await waitFor(() => { expect(getByTestId('marker')).toBeInTheDocument(); }); diff --git a/packages/skeleton-react/test/components/switch/index.test.tsx b/packages/skeleton-react/test/components/switch/index.test.tsx index 9eec0a5e77..20e57cce22 100644 --- a/packages/skeleton-react/test/components/switch/index.test.tsx +++ b/packages/skeleton-react/test/components/switch/index.test.tsx @@ -4,36 +4,36 @@ import { render } from 'vitest-browser-react'; describe('Switch', () => { describe('Root', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('root')).toBeInTheDocument(); }); }); describe('HiddenInput', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('hidden-input')).toBeInTheDocument(); }); }); describe('Control', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('control')).toBeInTheDocument(); }); }); describe('Thumb', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('thumb')).toBeInTheDocument(); }); }); describe('Label', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('label')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-react/test/components/tabs/index.test.tsx b/packages/skeleton-react/test/components/tabs/index.test.tsx index cd6cbe419c..630450b247 100644 --- a/packages/skeleton-react/test/components/tabs/index.test.tsx +++ b/packages/skeleton-react/test/components/tabs/index.test.tsx @@ -5,7 +5,7 @@ import { render, waitFor } from 'vitest-browser-react'; describe('Tabs', () => { describe('Root', () => { it('renders', async () => { - const { getByTestId } = render(); + const { getByTestId } = await render(); await waitFor(() => { expect(getByTestId('root')).toBeInTheDocument(); }); @@ -14,7 +14,7 @@ describe('Tabs', () => { describe('List', () => { it('renders', async () => { - const { getByTestId } = render(); + const { getByTestId } = await render(); await waitFor(() => { expect(getByTestId('list')).toBeInTheDocument(); }); @@ -23,7 +23,7 @@ describe('Tabs', () => { describe('Trigger', () => { it('renders', async () => { - const { getByTestId } = render(); + const { getByTestId } = await render(); await waitFor(() => { expect(getByTestId('trigger')).toBeInTheDocument(); }); @@ -32,7 +32,7 @@ describe('Tabs', () => { describe('Indicator', () => { it('renders', async () => { - const { getByTestId } = render(); + const { getByTestId } = await render(); await waitFor(() => { expect(getByTestId('indicator')).toBeInTheDocument(); }); @@ -41,7 +41,7 @@ describe('Tabs', () => { describe('Content', () => { it('renders', async () => { - const { getByTestId } = render(); + const { getByTestId } = await render(); await waitFor(() => { expect(getByTestId('content')).toBeInTheDocument(); }); diff --git a/packages/skeleton-react/test/components/tags-input/index.test.tsx b/packages/skeleton-react/test/components/tags-input/index.test.tsx index 2059d02c63..baa31df3f8 100644 --- a/packages/skeleton-react/test/components/tags-input/index.test.tsx +++ b/packages/skeleton-react/test/components/tags-input/index.test.tsx @@ -4,78 +4,78 @@ import { render } from 'vitest-browser-react'; describe('TagsInput', () => { describe('Root', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('root')).toBeInTheDocument(); }); }); describe('Label', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('label')).toBeInTheDocument(); }); }); describe('Control', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('control')).toBeInTheDocument(); }); }); describe('Item', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('item')).toBeInTheDocument(); }); }); describe('item preview', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('item-preview')).toBeInTheDocument(); }); }); describe('item text', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('item-text')).toBeInTheDocument(); }); }); describe('item delete trigger', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('item-delete-trigger')).toBeInTheDocument(); }); }); describe('item input', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('item-input')).toBeInTheDocument(); }); }); describe('Input', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('input')).toBeInTheDocument(); }); }); describe('clear trigger', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('clear-trigger')).toBeInTheDocument(); }); }); describe('hidden input', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('hidden-input')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-react/test/components/toast/index.test.tsx b/packages/skeleton-react/test/components/toast/index.test.tsx index 286f6a915e..918c08dd7c 100644 --- a/packages/skeleton-react/test/components/toast/index.test.tsx +++ b/packages/skeleton-react/test/components/toast/index.test.tsx @@ -4,15 +4,15 @@ import { render, waitFor } from 'vitest-browser-react'; describe('Toast', () => { describe('Group', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('group')).toBeInTheDocument(); }); }); describe.skip('Root', () => { it('renders', async () => { - const { getByTestId } = render(); + const { getByTestId } = await render(); await waitFor(() => { expect(getByTestId('root')).toBeInTheDocument(); }); @@ -21,7 +21,7 @@ describe('Toast', () => { describe.skip('Title', () => { it('renders', async () => { - const { getByTestId } = render(); + const { getByTestId } = await render(); await waitFor(() => { expect(getByTestId('title')).toBeInTheDocument(); }); @@ -30,7 +30,7 @@ describe('Toast', () => { describe.skip('Description', () => { it('renders', async () => { - const { getByTestId } = render(); + const { getByTestId } = await render(); await waitFor(() => { expect(getByTestId('description')).toBeInTheDocument(); }); @@ -39,7 +39,7 @@ describe('Toast', () => { describe.skip('ActionTrigger', () => { it('renders', async () => { - const { getByTestId } = render(); + const { getByTestId } = await render(); await waitFor(() => { expect(getByTestId('action-trigger')).toBeInTheDocument(); }); @@ -48,7 +48,7 @@ describe('Toast', () => { describe.skip('CloseTrigger', () => { it('renders', async () => { - const { getByTestId } = render(); + const { getByTestId } = await render(); await waitFor(() => { expect(getByTestId('close-trigger')).toBeInTheDocument(); }); diff --git a/packages/skeleton-react/test/components/toggle-group/index.test.tsx b/packages/skeleton-react/test/components/toggle-group/index.test.tsx index 24c4597342..157307cca8 100644 --- a/packages/skeleton-react/test/components/toggle-group/index.test.tsx +++ b/packages/skeleton-react/test/components/toggle-group/index.test.tsx @@ -4,15 +4,15 @@ import { render } from 'vitest-browser-react'; describe('ToggleGroup', () => { describe('Root', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('root')).toBeInTheDocument(); }); }); describe('Item', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('item')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-react/test/components/tooltip/index.test.tsx b/packages/skeleton-react/test/components/tooltip/index.test.tsx index 7caa8ebdc8..45636ce41f 100644 --- a/packages/skeleton-react/test/components/tooltip/index.test.tsx +++ b/packages/skeleton-react/test/components/tooltip/index.test.tsx @@ -4,29 +4,29 @@ import { render } from 'vitest-browser-react'; describe('Tooltip', () => { describe('Trigger', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('trigger')).toBeInTheDocument(); }); }); describe('Positioner', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('positioner')).toBeInTheDocument(); }); }); describe('Arrow', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('arrow')).toBeInTheDocument(); }); }); describe('ArrowTip', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('arrow-tip')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-react/test/components/tree-view/index.test.tsx b/packages/skeleton-react/test/components/tree-view/index.test.tsx index 483ebff502..624d2ed11d 100644 --- a/packages/skeleton-react/test/components/tree-view/index.test.tsx +++ b/packages/skeleton-react/test/components/tree-view/index.test.tsx @@ -4,64 +4,64 @@ import { render } from 'vitest-browser-react'; describe('TreeView', () => { describe('Root', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('root')).toBeInTheDocument(); }); }); describe('Label', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('label')).toBeInTheDocument(); }); }); describe('Tree', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('tree')).toBeInTheDocument(); }); }); describe('Branch', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('branch')).toBeInTheDocument(); }); }); describe('BranchControl', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('branch-control')).toBeInTheDocument(); }); }); describe('BranchIndentGuide', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('branch-indent-guide')).toBeInTheDocument(); }); }); describe('BranchIndicator', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('branch-indicator')).toBeInTheDocument(); }); }); describe('BranchText', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('branch-text')).toBeInTheDocument(); }); }); describe('Item', () => { - it('renders', () => { - const { getByTestId } = render(); + it('renders', async () => { + const { getByTestId } = await render(); expect(getByTestId('item')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-svelte/test/components/accordion/index.test.ts b/packages/skeleton-svelte/test/components/accordion/index.test.ts index 12b8b03db0..1967c25a58 100644 --- a/packages/skeleton-svelte/test/components/accordion/index.test.ts +++ b/packages/skeleton-svelte/test/components/accordion/index.test.ts @@ -4,29 +4,29 @@ import { render } from 'vitest-browser-svelte'; describe('Accordion', () => { describe('Root', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('root')).toBeInTheDocument(); }); }); describe('Item', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('item')).toBeInTheDocument(); }); }); describe('ItemTrigger', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('item-trigger')).toBeInTheDocument(); }); }); describe('ItemContent', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('item-content')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-svelte/test/components/app-bar/index.test.ts b/packages/skeleton-svelte/test/components/app-bar/index.test.ts index 1c7e21d7b5..2ef99c6c36 100644 --- a/packages/skeleton-svelte/test/components/app-bar/index.test.ts +++ b/packages/skeleton-svelte/test/components/app-bar/index.test.ts @@ -4,36 +4,36 @@ import { render } from 'vitest-browser-svelte'; describe('AppBar', () => { describe('Root', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('root')).toBeInTheDocument(); }); }); describe('Toolbar', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('toolbar')).toBeInTheDocument(); }); }); describe('Lead', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('lead')).toBeInTheDocument(); }); }); describe('Headline', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('headline')).toBeInTheDocument(); }); }); describe('Trail', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('trail')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-svelte/test/components/avatar/index.test.ts b/packages/skeleton-svelte/test/components/avatar/index.test.ts index 7de6726e2e..9d740efffa 100644 --- a/packages/skeleton-svelte/test/components/avatar/index.test.ts +++ b/packages/skeleton-svelte/test/components/avatar/index.test.ts @@ -4,22 +4,22 @@ import { render } from 'vitest-browser-svelte'; describe('Avatar', () => { describe('Root', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('root')).toBeInTheDocument(); }); }); describe('Image', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('image')).toBeInTheDocument(); }); }); describe('Fallback', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('fallback')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-svelte/test/components/collapsible/index.test.ts b/packages/skeleton-svelte/test/components/collapsible/index.test.ts index 25958f9201..0e594aee08 100644 --- a/packages/skeleton-svelte/test/components/collapsible/index.test.ts +++ b/packages/skeleton-svelte/test/components/collapsible/index.test.ts @@ -4,29 +4,29 @@ import { render } from 'vitest-browser-svelte'; describe('Collapsible', () => { describe('Root', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('root')).toBeInTheDocument(); }); }); describe('Trigger', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('trigger')).toBeInTheDocument(); }); }); describe('Indicator', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('indicator')).toBeInTheDocument(); }); }); describe('Content', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('content')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-svelte/test/components/combobox/index.test.ts b/packages/skeleton-svelte/test/components/combobox/index.test.ts index c405d75636..fd4c26d9fe 100644 --- a/packages/skeleton-svelte/test/components/combobox/index.test.ts +++ b/packages/skeleton-svelte/test/components/combobox/index.test.ts @@ -4,85 +4,85 @@ import { render } from 'vitest-browser-svelte'; describe('Combobox', () => { describe('Root', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('root')).toBeInTheDocument(); }); }); describe('Label', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('label')).toBeInTheDocument(); }); }); describe('Control', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('control')).toBeInTheDocument(); }); }); describe('Input', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('input')).toBeInTheDocument(); }); }); describe('Trigger', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('trigger')).toBeInTheDocument(); }); }); describe('Positioner', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('positioner')).toBeInTheDocument(); }); }); describe('Content', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('content')).toBeInTheDocument(); }); }); describe('ItemGroup', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('item-group')).toBeInTheDocument(); }); }); describe('ItemGroupLabel', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('item-group-label')).toBeInTheDocument(); }); }); describe('Item', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('item')).toBeInTheDocument(); }); }); describe('ItemText', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('item-text')).toBeInTheDocument(); }); }); describe('ItemIndicator', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('item-indicator')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-svelte/test/components/date-picker/index.test.ts b/packages/skeleton-svelte/test/components/date-picker/index.test.ts index 0bf8032bdf..2b8321f0c2 100644 --- a/packages/skeleton-svelte/test/components/date-picker/index.test.ts +++ b/packages/skeleton-svelte/test/components/date-picker/index.test.ts @@ -4,155 +4,155 @@ import { render } from 'vitest-browser-svelte'; describe('DatePicker', () => { describe('Root', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('root')).toBeInTheDocument(); }); }); describe('Label', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('label')).toBeInTheDocument(); }); }); describe('Control', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('control')).toBeInTheDocument(); }); }); describe('Input', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('input')).toBeInTheDocument(); }); }); describe('Trigger', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('trigger')).toBeInTheDocument(); }); }); describe('Positioner', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('positioner')).toBeInTheDocument(); }); }); describe('Content', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('content')).toBeInTheDocument(); }); }); describe('YearSelect', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('year-select')).toBeInTheDocument(); }); }); describe('MonthSelect', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('month-select')).toBeInTheDocument(); }); }); describe('View', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('view')).toBeInTheDocument(); }); }); describe('ViewControl', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('view-control')).toBeInTheDocument(); }); }); describe('PrevTrigger', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('prev-trigger')).toBeInTheDocument(); }); }); describe('ViewTrigger', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('view-trigger')).toBeInTheDocument(); }); }); describe('RangeText', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('range-text')).toBeInTheDocument(); }); }); describe('NextTrigger', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('next-trigger')).toBeInTheDocument(); }); }); describe('Table', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('table')).toBeInTheDocument(); }); }); describe('TableHead', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('table-head')).toBeInTheDocument(); }); }); describe('TableRow', () => { - it('renders', () => { - const { getAllByTestId } = render(Test); + it('renders', async () => { + const { getAllByTestId } = await render(Test); expect(getAllByTestId('table-row')[0]).toBeInTheDocument(); }); }); describe('TableHeader', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('table-header')).toBeInTheDocument(); }); }); describe('TableBody', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('table-body')).toBeInTheDocument(); }); }); describe('TableCell', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('table-cell')).toBeInTheDocument(); }); }); describe('TableCellTrigger', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('table-cell-trigger')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-svelte/test/components/dialog/index.test.ts b/packages/skeleton-svelte/test/components/dialog/index.test.ts index 76345319da..dd61828505 100644 --- a/packages/skeleton-svelte/test/components/dialog/index.test.ts +++ b/packages/skeleton-svelte/test/components/dialog/index.test.ts @@ -4,50 +4,50 @@ import { render } from 'vitest-browser-svelte'; describe('Dialog', () => { describe('Trigger', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('trigger')).toBeInTheDocument(); }); }); describe('Backdrop', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('backdrop')).toBeInTheDocument(); }); }); describe('Positioner', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('positioner')).toBeInTheDocument(); }); }); describe('Content', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('content')).toBeInTheDocument(); }); }); describe('Title', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('title')).toBeInTheDocument(); }); }); describe('Description', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('description')).toBeInTheDocument(); }); }); describe('CloseTrigger', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('close-trigger')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-svelte/test/components/file-upload/index.test.ts b/packages/skeleton-svelte/test/components/file-upload/index.test.ts index 19a68ab7f8..6ff0645f68 100644 --- a/packages/skeleton-svelte/test/components/file-upload/index.test.ts +++ b/packages/skeleton-svelte/test/components/file-upload/index.test.ts @@ -4,71 +4,71 @@ import { render } from 'vitest-browser-svelte'; describe('FileUpload', () => { describe('Root', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('root')).toBeInTheDocument(); }); }); describe('Label', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('label')).toBeInTheDocument(); }); }); describe('Dropzone', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('dropzone')).toBeInTheDocument(); }); }); describe('Trigger', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('trigger')).toBeInTheDocument(); }); }); describe('ItemGroup', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('item-group')).toBeInTheDocument(); }); }); describe('Item', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('item')).toBeInTheDocument(); }); }); describe('ItemName', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('item-name')).toBeInTheDocument(); }); }); describe('ItemSizeText', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('item-size-text')).toBeInTheDocument(); }); }); describe('ItemDeleteTrigger', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('item-delete-trigger')).toBeInTheDocument(); }); }); describe('HiddenInput', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('hidden-input')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-svelte/test/components/listbox/index.test.ts b/packages/skeleton-svelte/test/components/listbox/index.test.ts index 83db9fabcc..4b56b2f95d 100644 --- a/packages/skeleton-svelte/test/components/listbox/index.test.ts +++ b/packages/skeleton-svelte/test/components/listbox/index.test.ts @@ -4,64 +4,64 @@ import { render } from 'vitest-browser-svelte'; describe('Listbox', () => { describe('Root', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('root')).toBeInTheDocument(); }); }); describe('Label', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('label')).toBeInTheDocument(); }); }); describe('Input', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('input')).toBeInTheDocument(); }); }); describe('Content', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('content')).toBeInTheDocument(); }); }); describe('ItemGroup', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('item-group')).toBeInTheDocument(); }); }); describe('ItemGroupLabel', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('item-group-label')).toBeInTheDocument(); }); }); describe('Item', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('item')).toBeInTheDocument(); }); }); describe('ItemText', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('item-text')).toBeInTheDocument(); }); }); describe('ItemIndicator', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('item-indicator')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-svelte/test/components/menu/index.test.ts b/packages/skeleton-svelte/test/components/menu/index.test.ts index f1be4adf9a..8c4f446102 100644 --- a/packages/skeleton-svelte/test/components/menu/index.test.ts +++ b/packages/skeleton-svelte/test/components/menu/index.test.ts @@ -4,106 +4,106 @@ import { render } from 'vitest-browser-svelte'; describe('Menu', () => { describe('Trigger', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('trigger')).toBeInTheDocument(); }); }); describe('ContextTrigger', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('context-trigger')).toBeInTheDocument(); }); }); describe('Indicator', () => { - it('renders', () => { - const { getAllByTestId } = render(Test); + it('renders', async () => { + const { getAllByTestId } = await render(Test); expect(getAllByTestId('indicator')).toHaveLength(2); }); }); describe('Positioner', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('positioner')).toBeInTheDocument(); }); }); describe('Content', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('content')).toBeInTheDocument(); }); }); describe('ItemGroup', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('item-group')).toBeInTheDocument(); }); }); describe('ItemGroupLabel', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('item-group-label')).toBeInTheDocument(); }); }); describe('Item', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('item')).toBeInTheDocument(); }); }); describe('OptionItem', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('option-item')).toBeInTheDocument(); }); }); describe('TriggerItem', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('trigger-item')).toBeInTheDocument(); }); }); describe('ItemText', () => { - it('renders', () => { - const { getAllByTestId } = render(Test); + it('renders', async () => { + const { getAllByTestId } = await render(Test); expect(getAllByTestId('item-text')).toHaveLength(3); }); }); describe('ItemIndicator', () => { - it('renders', () => { - const { getAllByTestId } = render(Test); + it('renders', async () => { + const { getAllByTestId } = await render(Test); expect(getAllByTestId('item-indicator')).toHaveLength(3); }); }); describe('Separator', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('separator')).toBeInTheDocument(); }); }); describe('Arrow', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('arrow')).toBeInTheDocument(); }); }); describe('ArrowTip', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('arrow-tip')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-svelte/test/components/navigation/index.test.ts b/packages/skeleton-svelte/test/components/navigation/index.test.ts index 56d60102c6..57cde45006 100644 --- a/packages/skeleton-svelte/test/components/navigation/index.test.ts +++ b/packages/skeleton-svelte/test/components/navigation/index.test.ts @@ -4,85 +4,85 @@ import { render } from 'vitest-browser-svelte'; describe('Navigation', () => { describe('Root', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('root')).toBeInTheDocument(); }); - it('sets the data-layout attribute', () => { - const { getByTestId } = render(Test); + it('sets the data-layout attribute', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('root')).toHaveAttribute('data-layout'); }); }); describe('Header', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('header')).toBeInTheDocument(); }); - it('sets the data-layout attribute', () => { - const { getByTestId } = render(Test); + it('sets the data-layout attribute', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('header')).toHaveAttribute('data-layout'); }); }); describe('Content', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('content')).toBeInTheDocument(); }); - it('sets the data-layout attribute', () => { - const { getByTestId } = render(Test); + it('sets the data-layout attribute', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('content')).toHaveAttribute('data-layout'); }); }); describe('Group', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('group')).toBeInTheDocument(); }); - it('sets the data-layout attribute', () => { - const { getByTestId } = render(Test); + it('sets the data-layout attribute', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('group')).toHaveAttribute('data-layout'); }); }); describe('Label', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('label')).toBeInTheDocument(); }); - it('sets the data-layout attribute', () => { - const { getByTestId } = render(Test); + it('sets the data-layout attribute', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('label')).toHaveAttribute('data-layout'); }); }); describe('Menu', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('menu')).toBeInTheDocument(); }); - it('sets the data-layout attribute', () => { - const { getByTestId } = render(Test); + it('sets the data-layout attribute', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('menu')).toHaveAttribute('data-layout'); }); }); describe('Footer', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('footer')).toBeInTheDocument(); }); - it('sets the data-layout attribute', () => { - const { getByTestId } = render(Test); + it('sets the data-layout attribute', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('footer')).toHaveAttribute('data-layout'); }); }); diff --git a/packages/skeleton-svelte/test/components/pagination/index.test.ts b/packages/skeleton-svelte/test/components/pagination/index.test.ts index f71fe468de..944c4ddf71 100644 --- a/packages/skeleton-svelte/test/components/pagination/index.test.ts +++ b/packages/skeleton-svelte/test/components/pagination/index.test.ts @@ -4,50 +4,50 @@ import { render } from 'vitest-browser-svelte'; describe('Pagination', () => { describe('Root', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('root')).toBeInTheDocument(); }); }); describe('FirstTrigger', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('first-trigger')).toBeInTheDocument(); }); }); describe('PrevTrigger', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('prev-trigger')).toBeInTheDocument(); }); }); describe('Item', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('item')).toBeInTheDocument(); }); }); describe('Ellipsis', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('ellipsis')).toBeInTheDocument(); }); }); describe('NextTrigger', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('next-trigger')).toBeInTheDocument(); }); }); describe('LastTrigger', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('last-trigger')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-svelte/test/components/popover/index.test.ts b/packages/skeleton-svelte/test/components/popover/index.test.ts index 29b87ef718..1bb154e1ac 100644 --- a/packages/skeleton-svelte/test/components/popover/index.test.ts +++ b/packages/skeleton-svelte/test/components/popover/index.test.ts @@ -4,57 +4,57 @@ import { render } from 'vitest-browser-svelte'; describe('Popover', () => { describe('Trigger', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('trigger')).toBeInTheDocument(); }); }); describe('Positioner', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('positioner')).toBeInTheDocument(); }); }); describe('Content', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('content')).toBeInTheDocument(); }); }); describe('Arrow', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('arrow')).toBeInTheDocument(); }); }); describe('ArrowTip', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('arrow-tip')).toBeInTheDocument(); }); }); describe('Title', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('title')).toBeInTheDocument(); }); }); describe('Description', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('description')).toBeInTheDocument(); }); }); describe('CloseTrigger', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('close-trigger')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-svelte/test/components/portal/index.test.ts b/packages/skeleton-svelte/test/components/portal/index.test.ts index a0e5ed228f..1fca0a93b8 100644 --- a/packages/skeleton-svelte/test/components/portal/index.test.ts +++ b/packages/skeleton-svelte/test/components/portal/index.test.ts @@ -4,20 +4,20 @@ import { render } from 'vitest-browser-svelte'; describe('Portal', () => { describe('Root', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('child')).toBeInTheDocument(); }); - it('renders in the target', () => { - const { getByTestId } = render(Test, { + it('renders in the target', async () => { + const { getByTestId } = await render(Test, { target: document.body, }); expect(getByTestId('child').parentElement).toBe(document.body); }); - it('renders in the parent when disabled', () => { - const { getByTestId } = render(Test, { + it('renders in the parent when disabled', async () => { + const { getByTestId } = await render(Test, { disabled: true, }); expect(getByTestId('child').parentElement).toBe(getByTestId('parent')); diff --git a/packages/skeleton-svelte/test/components/progress/index.test.ts b/packages/skeleton-svelte/test/components/progress/index.test.ts index 4dc5759364..fc1594ee64 100644 --- a/packages/skeleton-svelte/test/components/progress/index.test.ts +++ b/packages/skeleton-svelte/test/components/progress/index.test.ts @@ -4,57 +4,57 @@ import { render } from 'vitest-browser-svelte'; describe('Progress', () => { describe('Root', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('root')).toBeInTheDocument(); }); }); describe('Label', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('label')).toBeInTheDocument(); }); }); describe('ValueText', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('value-text')).toBeInTheDocument(); }); }); describe('Track', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('track')).toBeInTheDocument(); }); }); describe('Range', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('range')).toBeInTheDocument(); }); }); describe('Circle', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('circle')).toBeInTheDocument(); }); }); describe('CircleTrack', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('circle-track')).toBeInTheDocument(); }); }); describe('CircleRange', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('circle-range')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-svelte/test/components/rating-group/index.test.ts b/packages/skeleton-svelte/test/components/rating-group/index.test.ts index b3f217bc5a..da3e57614e 100644 --- a/packages/skeleton-svelte/test/components/rating-group/index.test.ts +++ b/packages/skeleton-svelte/test/components/rating-group/index.test.ts @@ -4,36 +4,36 @@ import { render } from 'vitest-browser-svelte'; describe('RatingGroup', () => { describe('Root', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('root')).toBeInTheDocument(); }); }); describe('Label', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('label')).toBeInTheDocument(); }); }); describe('Control', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('control')).toBeInTheDocument(); }); }); describe('Items', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('item')).toBeInTheDocument(); }); }); describe('HiddenInput', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('hidden-input')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-svelte/test/components/segmented-control/index.test.ts b/packages/skeleton-svelte/test/components/segmented-control/index.test.ts index 6da7b9b203..b8f13931d1 100644 --- a/packages/skeleton-svelte/test/components/segmented-control/index.test.ts +++ b/packages/skeleton-svelte/test/components/segmented-control/index.test.ts @@ -4,50 +4,50 @@ import { render } from 'vitest-browser-svelte'; describe('SegmentedControl', () => { describe('Root', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('root')).toBeInTheDocument(); }); }); describe('Label', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('label')).toBeInTheDocument(); }); }); describe('Control', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('control')).toBeInTheDocument(); }); }); describe('Indicator', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('indicator')).toBeInTheDocument(); }); }); describe('Item', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('item')).toBeInTheDocument(); }); }); describe('ItemText', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('item-text')).toBeInTheDocument(); }); }); describe('ItemHiddenInput', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('item-hidden-input')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-svelte/test/components/slider/index.test.tsx b/packages/skeleton-svelte/test/components/slider/index.test.tsx index 8f6a8b284a..768e597c3f 100644 --- a/packages/skeleton-svelte/test/components/slider/index.test.tsx +++ b/packages/skeleton-svelte/test/components/slider/index.test.tsx @@ -4,71 +4,71 @@ import { render } from 'vitest-browser-svelte'; describe('Slider', () => { describe('Root', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('root')).toBeInTheDocument(); }); }); describe('Label', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('label')).toBeInTheDocument(); }); }); describe('ValueText', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('value-text')).toBeInTheDocument(); }); }); describe('Control', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('control')).toBeInTheDocument(); }); }); describe('Track', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('track')).toBeInTheDocument(); }); }); describe('Range', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('range')).toBeInTheDocument(); }); }); describe('Thumb', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('thumb')).toBeInTheDocument(); }); }); describe('HiddenInput', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('hidden-input')).toBeInTheDocument(); }); }); describe('MarkerGroup', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('marker-group')).toBeInTheDocument(); }); }); describe('Marker', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('marker')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-svelte/test/components/switch/index.test.ts b/packages/skeleton-svelte/test/components/switch/index.test.ts index 31bb3acc9b..29582d316d 100644 --- a/packages/skeleton-svelte/test/components/switch/index.test.ts +++ b/packages/skeleton-svelte/test/components/switch/index.test.ts @@ -4,36 +4,36 @@ import { render } from 'vitest-browser-svelte'; describe('Switch', () => { describe('Root', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('root')).toBeInTheDocument(); }); }); describe('HiddenInput', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('hidden-input')).toBeInTheDocument(); }); }); describe('Control', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('control')).toBeInTheDocument(); }); }); describe('Thumb', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('thumb')).toBeInTheDocument(); }); }); describe('Label', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('label')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-svelte/test/components/tabs/index.test.ts b/packages/skeleton-svelte/test/components/tabs/index.test.ts index ac60d6eb83..97e93c8009 100644 --- a/packages/skeleton-svelte/test/components/tabs/index.test.ts +++ b/packages/skeleton-svelte/test/components/tabs/index.test.ts @@ -4,36 +4,36 @@ import { render } from 'vitest-browser-svelte'; describe('Tabs', () => { describe('Root', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('root')).toBeInTheDocument(); }); }); describe('List', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('list')).toBeInTheDocument(); }); }); describe('Trigger', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('trigger')).toBeInTheDocument(); }); }); describe('Indicator', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('indicator')).toBeInTheDocument(); }); }); describe('Content', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('content')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-svelte/test/components/tags-input/index.test.tsx b/packages/skeleton-svelte/test/components/tags-input/index.test.tsx index 36928dcfde..b9e2cb7bb3 100644 --- a/packages/skeleton-svelte/test/components/tags-input/index.test.tsx +++ b/packages/skeleton-svelte/test/components/tags-input/index.test.tsx @@ -4,78 +4,78 @@ import { render } from 'vitest-browser-svelte'; describe('TagsInput', () => { describe('Root', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('root')).toBeInTheDocument(); }); }); describe('Label', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('label')).toBeInTheDocument(); }); }); describe('Control', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('control')).toBeInTheDocument(); }); }); describe('Item', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('item')).toBeInTheDocument(); }); }); describe('ItemPreview', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('item-preview')).toBeInTheDocument(); }); }); describe('ItemText', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('item-text')).toBeInTheDocument(); }); }); describe('ItemDeleteTrigger', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('item-delete-trigger')).toBeInTheDocument(); }); }); describe('ItemInput', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('item-input')).toBeInTheDocument(); }); }); describe('Input', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('input')).toBeInTheDocument(); }); }); describe('ClearTrigger', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('clear-trigger')).toBeInTheDocument(); }); }); describe('HiddenInput', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('hidden-input')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-svelte/test/components/toast/index.test.ts b/packages/skeleton-svelte/test/components/toast/index.test.ts index e8ab53488d..1efa3c6b7e 100644 --- a/packages/skeleton-svelte/test/components/toast/index.test.ts +++ b/packages/skeleton-svelte/test/components/toast/index.test.ts @@ -4,15 +4,15 @@ import { render, waitFor } from 'vitest-browser-svelte'; describe('Toast', () => { describe('Group', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('group')).toBeInTheDocument(); }); }); describe('Root', () => { it('renders', async () => { - const { getByTestId } = render(Test); + const { getByTestId } = await render(Test); await waitFor(() => { expect(getByTestId('root')).toBeInTheDocument(); }); @@ -21,7 +21,7 @@ describe('Toast', () => { describe('Title', () => { it('renders', async () => { - const { getByTestId } = render(Test); + const { getByTestId } = await render(Test); await waitFor(() => { expect(getByTestId('title')).toBeInTheDocument(); }); @@ -30,7 +30,7 @@ describe('Toast', () => { describe('Description', () => { it('renders', async () => { - const { getByTestId } = render(Test); + const { getByTestId } = await render(Test); await waitFor(() => { expect(getByTestId('description')).toBeInTheDocument(); }); @@ -39,7 +39,7 @@ describe('Toast', () => { describe('ActionTrigger', () => { it('renders', async () => { - const { getByTestId } = render(Test); + const { getByTestId } = await render(Test); await waitFor(() => { expect(getByTestId('action-trigger')).toBeInTheDocument(); }); @@ -48,7 +48,7 @@ describe('Toast', () => { describe('CloseTrigger', () => { it('renders', async () => { - const { getByTestId } = render(Test); + const { getByTestId } = await render(Test); await waitFor(() => { expect(getByTestId('close-trigger')).toBeInTheDocument(); }); diff --git a/packages/skeleton-svelte/test/components/toggle-group/index.test.ts b/packages/skeleton-svelte/test/components/toggle-group/index.test.ts index 73d5c5c83c..8453bca5f6 100644 --- a/packages/skeleton-svelte/test/components/toggle-group/index.test.ts +++ b/packages/skeleton-svelte/test/components/toggle-group/index.test.ts @@ -4,15 +4,15 @@ import { render } from 'vitest-browser-svelte'; describe('ToggleGroup', () => { describe('Root', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('root')).toBeInTheDocument(); }); }); describe('Item', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('item')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-svelte/test/components/tooltip/index.test.ts b/packages/skeleton-svelte/test/components/tooltip/index.test.ts index 8fc6560ba5..052023d11f 100644 --- a/packages/skeleton-svelte/test/components/tooltip/index.test.ts +++ b/packages/skeleton-svelte/test/components/tooltip/index.test.ts @@ -4,29 +4,29 @@ import { render } from 'vitest-browser-svelte'; describe('Tooltip', () => { describe('Trigger', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('trigger')).toBeInTheDocument(); }); }); describe('Positioner', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('positioner')).toBeInTheDocument(); }); }); describe('Arrow', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('arrow')).toBeInTheDocument(); }); }); describe('ArrowTip', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('arrow-tip')).toBeInTheDocument(); }); }); diff --git a/packages/skeleton-svelte/test/components/tree-view/index.test.ts b/packages/skeleton-svelte/test/components/tree-view/index.test.ts index 7755ea25f8..d4864c3c1f 100644 --- a/packages/skeleton-svelte/test/components/tree-view/index.test.ts +++ b/packages/skeleton-svelte/test/components/tree-view/index.test.ts @@ -4,64 +4,64 @@ import { render } from 'vitest-browser-svelte'; describe('TreeView', () => { describe('Root', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('root')).toBeInTheDocument(); }); }); describe('Label', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('label')).toBeInTheDocument(); }); }); describe('Tree', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('tree')).toBeInTheDocument(); }); }); describe('Branch', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('branch')).toBeInTheDocument(); }); }); describe('BranchControl', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('branch-control')).toBeInTheDocument(); }); }); describe('BranchIndentGuide', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('branch-indent-guide')).toBeInTheDocument(); }); }); describe('BranchIndicator', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('branch-indicator')).toBeInTheDocument(); }); }); describe('BranchText', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('branch-text')).toBeInTheDocument(); }); }); describe('Item', () => { - it('renders', () => { - const { getByTestId } = render(Test); + it('renders', async () => { + const { getByTestId } = await render(Test); expect(getByTestId('item')).toBeInTheDocument(); }); });