Add visual test

dnbexperience · Dec 17, 2024 · 4928219 · 4928219
1 parent 65ec55c
commit 4928219
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 0 deletions.
diff --git a/...nb-design-system-portal/src/docs/uilib/extensions/forms/Form/SubmitIndicator/Examples.tsx b/...nb-design-system-portal/src/docs/uilib/extensions/forms/Form/SubmitIndicator/Examples.tsx
@@ -128,3 +128,13 @@ export const WithinOtherComponents = () => {
     </ComponentBox>
   )
 }
+
+export const WithinALabel = () => {
+  return (
+    <ComponentBox data-visual-test="submit-indicator-with-label">
+      <Form.Handler>
+        <Form.SubmitIndicator state="pending" showLabel />
+      </Form.Handler>
+    </ComponentBox>
+  )
+}
diff --git a/...gn-system-portal/src/docs/uilib/extensions/forms/Form/SubmitIndicator/demos.mdx b/...gn-system-portal/src/docs/uilib/extensions/forms/Form/SubmitIndicator/demos.mdx
@@ -29,3 +29,7 @@ Make a change in the input field.
 ### Used in other components
 
 <Examples.WithinOtherComponents />
+
+### With a label
+
+<Examples.WithinALabel />
diff --git a/...ia/src/extensions/forms/Form/SubmitIndicator/__tests__/SubmitIndicator.screenshot.test.ts b/...ia/src/extensions/forms/Form/SubmitIndicator/__tests__/SubmitIndicator.screenshot.test.ts
@@ -0,0 +1,17 @@
+import {
+  makeScreenshot,
+  setupPageScreenshot,
+} from '../../../../../core/jest/jestSetupScreenshots'
+
+describe('Form.SubmitIndicator', () => {
+  setupPageScreenshot({
+    url: '/uilib/extensions/forms/Form/SubmitIndicator/demos',
+  })
+
+  it('have to match submit-indicator-with-label', async () => {
+    const screenshot = await makeScreenshot({
+      selector: '[data-visual-test="submit-indicator-with-label"]',
+    })
+    expect(screenshot).toMatchImageSnapshot()
+  })
+})
diff --git a/...pshots__/formsubmitindicator-have-to-match-submit-indicator-with-label.snap.png b/...pshots__/formsubmitindicator-have-to-match-submit-indicator-with-label.snap.png