From f5a892eb5c90a8a28b4e662a8a80373fcf7322b6 Mon Sep 17 00:00:00 2001
From: Ryan Gossiaux <ryan.gossiaux@gmail.com>
Date: Mon, 23 May 2022 16:18:59 -0700
Subject: [PATCH] Change Tab test to use svelte-inline-compile

---
 src/lib/components/tabs/tabs.test.ts | 33 +++++++++++++---------------
 1 file changed, 15 insertions(+), 18 deletions(-)

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