From ab36ff515c9c182a30df39f7d4752a4750c9da83 Mon Sep 17 00:00:00 2001
From: aidendk <103057880+aidendk@users.noreply.github.com>
Date: Mon, 13 Jun 2022 13:13:41 -0500
Subject: [PATCH] Tooltip id + anchor working (#309)

---
 packages/nimble-components/src/tooltip/index.ts       |  2 +-
 .../src/tooltip/tests/tooltip.stories.ts              | 11 +++++++++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/packages/nimble-components/src/tooltip/index.ts b/packages/nimble-components/src/tooltip/index.ts
index 4846e27fde..5b54168591 100644
--- a/packages/nimble-components/src/tooltip/index.ts
+++ b/packages/nimble-components/src/tooltip/index.ts
@@ -20,7 +20,7 @@ const nimbleTooltip = Tooltip.compose({
     baseName: 'tooltip',
     baseClass: FoundationTooltip,
     template,
-    styles,
+    styles
 });
 
 DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleTooltip());
\ No newline at end of file
diff --git a/packages/nimble-components/src/tooltip/tests/tooltip.stories.ts b/packages/nimble-components/src/tooltip/tests/tooltip.stories.ts
index e004f25b6c..769ceba912 100644
--- a/packages/nimble-components/src/tooltip/tests/tooltip.stories.ts
+++ b/packages/nimble-components/src/tooltip/tests/tooltip.stories.ts
@@ -33,7 +33,14 @@ const metadata: Meta<TooltipArgs> = {
     render: createUserSelectedThemeStory(html<TooltipArgs>`
         <nimble-button id="anchor">text</nimble-button>
 
-        <nimble-tooltip anchor='anchor'>tooltip text</nimble-tooltip> 
+        <nimble-tooltip
+            anchor='anchor' 
+            delay='${x => x.delay}'
+            ?horiontalViewportLock="${x => x.horiontalViewportLock}"
+            ?verticalViewportLock="${x => x.verticalViewportLock}"
+        >
+        ${x => x.tooltip}
+        </nimble-tooltip> 
     `),
     args: {
         tooltip: 'Tooltip label',
@@ -45,4 +52,4 @@ const metadata: Meta<TooltipArgs> = {
 
 export default metadata;
 
-export const tooltip: StoryObj<TooltipArgs> = {}; // if checkbox changed to tooltip doesn't work
+export const tooltip: StoryObj<TooltipArgs> = {};