fix(HelpButton): Adds test when used inside texts (#1404)

dnbexperience · May 9, 2022 · f8a7795 · f8a7795
1 parent eda70d0
commit f8a7795
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 0 deletions.
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/help-button/demos.md b/packages/dnb-design-system-portal/src/docs/uilib/components/help-button/demos.md
@@ -61,3 +61,16 @@ import ComponentBox from 'dnb-design-system-portal/src/shared/tags/ComponentBox'
 </HelpButton>
 `}
 </ComponentBox>
+
+### Help button used inside text
+
+<ComponentBox data-visual-test="help-button-inline">
+    {
+    () => /* jsx */ `
+Text
+<HelpButton>
+    Text
+</HelpButton>
+Text
+`}
+</ComponentBox>
diff --git a/packages/dnb-eufemia/src/components/help-button/__tests__/HelpButton.screenshot.test.js b/packages/dnb-eufemia/src/components/help-button/__tests__/HelpButton.screenshot.test.js
@@ -33,4 +33,11 @@ describe('HelpButton screenshot', () => {
     })
     expect(screenshot).toMatchImageSnapshot()
   })
+
+  it('have to match help button used inside text', async () => {
+    const screenshot = await testPageScreenshot({
+      selector: '[data-visual-test="help-button-inline"]',
+    })
+    expect(screenshot).toMatchImageSnapshot()
+  })
 })
diff --git a/...p-button-screenshot-have-to-match-help-button-used-inside-text-1-2f9fa.snap.png b/...p-button-screenshot-have-to-match-help-button-used-inside-text-1-2f9fa.snap.png