From 1708a4c5c4b13794f7bb2c3c1274c9f432ce9870 Mon Sep 17 00:00:00 2001
From: Steve Kinney <hello@stevekinney.net>
Date: Wed, 2 Oct 2024 03:19:52 -0500
Subject: [PATCH] Adjust tabs

---
 examples/element-factory/src/tabs.svelte  | 10 ++--------
 examples/element-factory/src/tabs.test.js | 10 ++++++----
 2 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/examples/element-factory/src/tabs.svelte b/examples/element-factory/src/tabs.svelte
index 65834e3..1418212 100644
--- a/examples/element-factory/src/tabs.svelte
+++ b/examples/element-factory/src/tabs.svelte
@@ -1,16 +1,10 @@
 <script>
-  import { onMount } from 'svelte';
-
+  /** @type {Array<{ title: string, content: string, id?: string }>} */
   export let tabs = [];
-
-  let tabbedContent = null;
   let activeIndex = 0;
-
-  const isSelected = (index) => index === activeIndex;
-  const getTabIndex = (index) => (isSelected(index) ? 0 : -1);
 </script>
 
-<section bind:this={tabbedContent}>
+<section>
   <div role="tablist">
     {#each tabs as tab, i}
       {@const id = tab.id || i}
diff --git a/examples/element-factory/src/tabs.test.js b/examples/element-factory/src/tabs.test.js
index 8c1a8e8..1eb9bde 100644
--- a/examples/element-factory/src/tabs.test.js
+++ b/examples/element-factory/src/tabs.test.js
@@ -7,10 +7,7 @@ describe('Tabs', () => {
   beforeEach(() => {
     render(Tabs, {
       tabs: [
-        {
-          label: 'Venue',
-          content: 'This year, we will be at this awesome venue',
-        },
+        { label: 'Venue', content: 'We will be at this place!' },
         { label: 'Lineup', content: 'Check out our exciting lineup!' },
         { label: 'Tickets', content: 'Buy tickets today!' },
       ],
@@ -40,4 +37,9 @@ describe('Tabs', () => {
     const content = screen.getByRole('tabpanel', { hidden: false });
     expect(content).toHaveTextContent('lineup');
   });
+
+  it('should render the content of the first tab by default', async () => {
+    const content = screen.getByRole('tabpanel', { hidden: false });
+    expect(content).toHaveTextContent('We will be at this place!');
+  });
 });