From 107a24e2c0db3d8a5ae28526a7db3494314b1a02 Mon Sep 17 00:00:00 2001
From: Jonathan Meyer <26874831+atmgrifter00@users.noreply.github.com>
Date: Wed, 23 Oct 2024 10:29:39 -0500
Subject: [PATCH] Fix tags in tests.

---
 .../src/anchor-tabs/tests/anchor-tabs.spec.ts | 16 +++++-----
 .../src/tabs/tests/tabs.spec.ts               | 29 ++++++++++---------
 2 files changed, 23 insertions(+), 22 deletions(-)

diff --git a/packages/nimble-components/src/anchor-tabs/tests/anchor-tabs.spec.ts b/packages/nimble-components/src/anchor-tabs/tests/anchor-tabs.spec.ts
index a22f016794..28b32d22a3 100644
--- a/packages/nimble-components/src/anchor-tabs/tests/anchor-tabs.spec.ts
+++ b/packages/nimble-components/src/anchor-tabs/tests/anchor-tabs.spec.ts
@@ -376,14 +376,14 @@ describe('AnchorTabs', () => {
     describe('scroll buttons', () => {
         async function setup(): Promise<Fixture<AnchorTabs>> {
             return await fixture<AnchorTabs>(
-                html`<nimble-anchor-tabs activeid="tab-two">
-                    <nimble-anchor-tab>Tab 1</nimble-anchor-tab>
-                    <nimble-anchor-tab id="tab-two">Tab 2</nimble-anchor-tab>
-                    <nimble-anchor-tab id="tab-three">Tab 3</nimble-anchor-tab>
-                    <nimble-anchor-tab id="tab-four">Tab 4</nimble-anchor-tab>
-                    <nimble-anchor-tab id="tab-five">Tab 5</nimble-anchor-tab>
-                    <nimble-anchor-tab id="tab-six">Tab 6</nimble-anchor-tab>
-                </nimble-anchor-tabs>`
+                html`<${anchorTabsTag} activeid="tab-two">
+                    <${anchorTabTag}>Tab 1</${anchorTabTag}>
+                    <${anchorTabTag} id="tab-two">Tab 2</${anchorTabTag}>
+                    <${anchorTabTag} id="tab-three">Tab 3</${anchorTabTag}>
+                    <${anchorTabTag} id="tab-four">Tab 4</${anchorTabTag}>
+                    <${anchorTabTag} id="tab-five">Tab 5</${anchorTabTag}>
+                    <${anchorTabTag} id="tab-six">Tab 6</${anchorTabTag}>
+                </${anchorTabsTag}>`
             );
         }
 
diff --git a/packages/nimble-components/src/tabs/tests/tabs.spec.ts b/packages/nimble-components/src/tabs/tests/tabs.spec.ts
index 1b5c3bc2da..4dc6edc2c6 100644
--- a/packages/nimble-components/src/tabs/tests/tabs.spec.ts
+++ b/packages/nimble-components/src/tabs/tests/tabs.spec.ts
@@ -3,23 +3,24 @@ import { Tabs, tabsTag } from '..';
 import { fixture, Fixture } from '../../utilities/tests/fixture';
 import { waitForUpdatesAsync } from '../../testing/async-helpers';
 import { TabsPageObject } from '../testing/tabs.pageobject';
+import { tabTag } from '../../tab';
 
 async function setup(): Promise<Fixture<Tabs>> {
     const viewTemplate = html`
-        <nimble-tabs>
-            <nimble-tab id="1">Tab 1</nimble-tab>
-            <nimble-tab id="2">Tab 2</nimble-tab>
-            <nimble-tab id="3">Tab 3</nimble-tab>
-            <nimble-tab id="4">Tab 4</nimble-tab>
-            <nimble-tab id="5">Tab 5</nimble-tab>
-            <nimble-tab id="6">Tab 6</nimble-tab>
-            <nimble-tab-panel>Panel 1</nimble-tab-panel>
-            <nimble-tab-panel>Panel 2</nimble-tab-panel>
-            <nimble-tab-panel>Panel 3</nimble-tab-panel>
-            <nimble-tab-panel>Panel 4</nimble-tab-panel>
-            <nimble-tab-panel>Panel 5</nimble-tab-panel>
-            <nimble-tab-panel>Panel 6</nimble-tab-panel>
-        </nimble-tabs>
+        <${tabsTag}>
+            <${tabTag} id="1">Tab 1</${tabTag}>
+            <${tabTag} id="2">Tab 2</${tabTag}>
+            <${tabTag} id="3">Tab 3</${tabTag}>
+            <${tabTag} id="4">Tab 4</${tabTag}>
+            <${tabTag} id="5">Tab 5</${tabTag}>
+            <${tabTag} id="6">Tab 6</${tabTag}>
+            <${tabTag}-panel>Panel 1</${tabTag}-panel>
+            <${tabTag}-panel>Panel 2</${tabTag}-panel>
+            <${tabTag}-panel>Panel 3</${tabTag}-panel>
+            <${tabTag}-panel>Panel 4</${tabTag}-panel>
+            <${tabTag}-panel>Panel 5</${tabTag}-panel>
+            <${tabTag}-panel>Panel 6</${tabTag}-panel>
+        </${tabsTag}>
     `;
 
     return await fixture<Tabs>(viewTemplate);