public/svelte-headlessui
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

Change Tab test to use svelte-inline-compile

Browse Source
This commit is contained in:
Ryan Gossiaux
2022-05-23 16:18:59 -07:00
parent b5017ec5c2
commit f5a892eb5c
1 changed files with 15 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/lib/components/tabs/tabs.test.ts vendored
View File

@@ -1810,24 +1810,21 @@ describe('Mouse interactions', () => {
it('should trigger the `on:change` when the tab changes', async () => { it('should trigger the `on:change` when the tab changes', async () => {
let changes = jest.fn() let changes = jest.fn()
render( render(svelte`
TestRenderer, { <TabGroup on:change={(e) => changes(e.detail)}>
allProps: [ <TabList>
[TabGroup, { onChange: (e: CustomEvent) => changes(e.detail) }, [ <Tab>Tab 1</Tab>
[TabList, {}, [ <Tab>Tab 2</Tab>
[Tab, {}, "Tab 1"], <Tab>Tab 3</Tab>
[Tab, {}, "Tab 2"], </TabList>
[Tab, {}, "Tab 3"], <TabPanels>
]], <TabPanel>Content 1</TabPanel>
[TabPanels, {}, [ <TabPanel>Content 2</TabPanel>
[TabPanel, {}, "Content 1"], <TabPanel>Content 3</TabPanel>
[TabPanel, {}, "Content 2"], </TabPanels>
[TabPanel, {}, "Content 3"], </TabGroup>
]], <Button>After</Button>
]], `);
[Button, {}, "after"],
]
})
await click(getByText('Tab 2')) await click(getByText('Tab 2'))
await click(getByText('Tab 3')) await click(getByText('Tab 3'))