Refactor and update visual snapshots

packages/dnb-design-system-portal/src/docs/uilib/components/icon/Examples.tsx

@@ -60,7 +60,7 @@ export const IconInheritSized = () => (
 )
 
 export const IconMedium = () => {
-  if (!global.IS_TEST) {
+  if (!globalThis.IS_TEST) {
     return null
   }
 
@@ -78,8 +78,8 @@ export const IconMedium = () => {
   )
 }
 
-export const IconPrimaryTest = () => {
-  if (!global.IS_TEST) {
+export const AllPrimaryIcons = () => {
+  if (!globalThis.IS_TEST) {
     return null
   }
 
@@ -113,8 +113,8 @@ export const IconPrimaryTest = () => {
   )
 }
 
-export const IconSecondary = () => {
-  if (!global.IS_TEST) {
+export const AllSecondaryIcons = () => {
+  if (!globalThis.IS_TEST) {
     return null
   }
 
@@ -154,16 +154,6 @@ export const IconSecondary = () => {
   )
 }
 
-export default function IconTests() {
-  return (
-    <>
-      <IconMedium />
-      <IconPrimaryTest />
-      <IconSecondary />
-    </>
-  )
-}
-
 export const IconColors = () => {
   return (
     <ComponentBox data-visual-test="icon-colors" scope={{ BellMedium }}>
@@ -177,3 +167,12 @@ export const IconColors = () => {
     </ComponentBox>
   )
 }
+
+export function AllIconsTest() {
+  return (
+    <>
+      <AllPrimaryIcons />
+      <AllSecondaryIcons />
+    </>
+  )
+}

packages/dnb-design-system-portal/src/docs/uilib/components/icon/demos.mdx

@@ -2,7 +2,7 @@
 showTabs: true
 ---
 
-import IconTests, {
+import {
   IconDefault,
   IconBorder,
   IconInheritSized,
@@ -28,5 +28,3 @@ import IconTests, {
 All of these methods will output the same color
 
 <IconColors />
-
-<IconTests />

packages/dnb-design-system-portal/src/docs/uilib/components/icon/visual-tests.mdx

@@ -0,0 +1,12 @@
+---
+draft: true
+---
+
+import {
+  IconMedium,
+  AllIconsTest,
+} from 'Docs/uilib/components/icon/Examples'
+
+<IconMedium />
+
+<AllIconsTest />

packages/dnb-eufemia/src/components/icon/__tests__/Icon.screenshot.test.ts

@@ -60,6 +60,12 @@ describe('Icon', () => {
     })
     expect(screenshot).toMatchImageSnapshot()
   })
+})
+
+describe('Icon', () => {
+  setupPageScreenshot({
+    url: '/uilib/components/icon/visual-tests',
+  })
 
   it('have to match responsive icons', async () => {
     const screenshot = await makeScreenshot({
@@ -72,12 +78,6 @@ describe('Icon', () => {
     })
     expect(screenshot).toMatchImageSnapshot()
   })
-})
-
-describe('Icon', () => {
-  setupPageScreenshot({
-    url: '/uilib/components/icon/demos',
-  })
 
   it('have to match all primary icons', async () => {
     const screenshot = await makeScreenshot({