@digigov/ui 2.0.0-aefd0709 → 2.0.0-b15d5d44

package/src/app/BannerContainer/index.test.tsx

@@ -1,21 +1,20 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
+import TestVariant from '@digigov/ui/utils/TestVariant'
 import { CookiesBanner } from '@digigov/ui/app/BannerContainer/__stories__/CookiesBanner';
-import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All BannerContainer variants', async ({ mount, page }) => {
   await mount(
-    <div>
-      <TestVariant title="CookiesBanner">
-        <CookiesBanner />
-      </TestVariant>
-    </div>
-  );
+    
+  <div>
+    <TestVariant title="CookiesBanner">
+      <CookiesBanner />
+    </TestVariant>
+  </div>
+  )
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({
-    fullPage: true,
-    animations: 'disabled',
-  });
+  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
   expect(screenshot).toMatchSnapshot();
 });
+  

package/src/app/Footer/index.test.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
+import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Default } from '@digigov/ui/app/Footer/__stories__/Default';
 import { DefaultCopyright } from '@digigov/ui/app/Footer/__stories__/DefaultCopyright';
 import { FooterAllInclusive } from '@digigov/ui/app/Footer/__stories__/FooterAllInclusive';
@@ -8,42 +9,40 @@ import { FooterWithLogo } from '@digigov/ui/app/Footer/__stories__/FooterWithLog
 import { FooterWithSecondaryNavigation } from '@digigov/ui/app/Footer/__stories__/FooterWithSecondaryNavigation';
 import { FooterWithText } from '@digigov/ui/app/Footer/__stories__/FooterWithText';
 import { YearCopyright } from '@digigov/ui/app/Footer/__stories__/YearCopyright';
-import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All Footer variants', async ({ mount, page }) => {
   await mount(
-    <div>
-      <TestVariant title="Default">
-        <Default />
-      </TestVariant>
-      <TestVariant title="DefaultCopyright">
-        <DefaultCopyright />
-      </TestVariant>
-      <TestVariant title="FooterAllInclusive">
-        <FooterAllInclusive />
-      </TestVariant>
-      <TestVariant title="FooterWithLink">
-        <FooterWithLink />
-      </TestVariant>
-      <TestVariant title="FooterWithLogo">
-        <FooterWithLogo />
-      </TestVariant>
-      <TestVariant title="FooterWithSecondaryNavigation">
-        <FooterWithSecondaryNavigation />
-      </TestVariant>
-      <TestVariant title="FooterWithText">
-        <FooterWithText />
-      </TestVariant>
-      <TestVariant title="YearCopyright">
-        <YearCopyright />
-      </TestVariant>
-    </div>
-  );
+    
+  <div>
+    <TestVariant title="Default">
+      <Default />
+    </TestVariant>
+    <TestVariant title="DefaultCopyright">
+      <DefaultCopyright />
+    </TestVariant>
+    <TestVariant title="FooterAllInclusive">
+      <FooterAllInclusive />
+    </TestVariant>
+    <TestVariant title="FooterWithLink">
+      <FooterWithLink />
+    </TestVariant>
+    <TestVariant title="FooterWithLogo">
+      <FooterWithLogo />
+    </TestVariant>
+    <TestVariant title="FooterWithSecondaryNavigation">
+      <FooterWithSecondaryNavigation />
+    </TestVariant>
+    <TestVariant title="FooterWithText">
+      <FooterWithText />
+    </TestVariant>
+    <TestVariant title="YearCopyright">
+      <YearCopyright />
+    </TestVariant>
+  </div>
+  )
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({
-    fullPage: true,
-    animations: 'disabled',
-  });
+  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
   expect(screenshot).toMatchSnapshot();
 });
+  

package/src/app/Header/index.test.tsx

@@ -1,37 +1,36 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
+import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Default } from '@digigov/ui/app/Header/__stories__/Default';
 import { WithHeaderNavigation } from '@digigov/ui/app/Header/__stories__/WithHeaderNavigation';
 import { WithNavigation } from '@digigov/ui/app/Header/__stories__/WithNavigation';
 import { WithServiceName } from '@digigov/ui/app/Header/__stories__/WithServiceName';
 import { WithServiceNameAndLogo } from '@digigov/ui/app/Header/__stories__/WithServiceNameAndLogo';
-import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All Header variants', async ({ mount, page }) => {
   await mount(
-    <div>
-      <TestVariant title="Default">
-        <Default />
-      </TestVariant>
-      <TestVariant title="WithHeaderNavigation">
-        <WithHeaderNavigation />
-      </TestVariant>
-      <TestVariant title="WithNavigation">
-        <WithNavigation />
-      </TestVariant>
-      <TestVariant title="WithServiceName">
-        <WithServiceName />
-      </TestVariant>
-      <TestVariant title="WithServiceNameAndLogo">
-        <WithServiceNameAndLogo />
-      </TestVariant>
-    </div>
-  );
+    
+  <div>
+    <TestVariant title="Default">
+      <Default />
+    </TestVariant>
+    <TestVariant title="WithHeaderNavigation">
+      <WithHeaderNavigation />
+    </TestVariant>
+    <TestVariant title="WithNavigation">
+      <WithNavigation />
+    </TestVariant>
+    <TestVariant title="WithServiceName">
+      <WithServiceName />
+    </TestVariant>
+    <TestVariant title="WithServiceNameAndLogo">
+      <WithServiceNameAndLogo />
+    </TestVariant>
+  </div>
+  )
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({
-    fullPage: true,
-    animations: 'disabled',
-  });
+  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
   expect(screenshot).toMatchSnapshot();
 });
+  

package/src/app/Loader/index.test.tsx

@@ -1,25 +1,24 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
+import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Default } from '@digigov/ui/app/Loader/__stories__/Default';
 import { FullPageLoader } from '@digigov/ui/app/Loader/__stories__/FullPageLoader';
-import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All Loader variants', async ({ mount, page }) => {
   await mount(
-    <div>
-      <TestVariant title="Default">
-        <Default />
-      </TestVariant>
-      <TestVariant title="FullPageLoader">
-        <FullPageLoader />
-      </TestVariant>
-    </div>
-  );
+    
+  <div>
+    <TestVariant title="Default">
+      <Default />
+    </TestVariant>
+    <TestVariant title="FullPageLoader">
+      <FullPageLoader />
+    </TestVariant>
+  </div>
+  )
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({
-    fullPage: true,
-    animations: 'disabled',
-  });
+  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
   expect(screenshot).toMatchSnapshot();
 });
+  

package/src/app/Masthead/index.test.tsx

@@ -1,33 +1,32 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
+import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Default } from '@digigov/ui/app/Masthead/__stories__/Default';
 import { Secondary } from '@digigov/ui/app/Masthead/__stories__/Secondary';
 import { WithElements } from '@digigov/ui/app/Masthead/__stories__/WithElements';
 import { WithLogo } from '@digigov/ui/app/Masthead/__stories__/WithLogo';
-import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All Masthead variants', async ({ mount, page }) => {
   await mount(
-    <div>
-      <TestVariant title="Default">
-        <Default />
-      </TestVariant>
-      <TestVariant title="Secondary">
-        <Secondary />
-      </TestVariant>
-      <TestVariant title="WithElements">
-        <WithElements />
-      </TestVariant>
-      <TestVariant title="WithLogo">
-        <WithLogo />
-      </TestVariant>
-    </div>
-  );
+    
+  <div>
+    <TestVariant title="Default">
+      <Default />
+    </TestVariant>
+    <TestVariant title="Secondary">
+      <Secondary />
+    </TestVariant>
+    <TestVariant title="WithElements">
+      <WithElements />
+    </TestVariant>
+    <TestVariant title="WithLogo">
+      <WithLogo />
+    </TestVariant>
+  </div>
+  )
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({
-    fullPage: true,
-    animations: 'disabled',
-  });
+  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
   expect(screenshot).toMatchSnapshot();
 });
+  

package/src/app/Modal/index.test.tsx

@@ -1,41 +1,40 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
+import TestVariant from '@digigov/ui/utils/TestVariant'
 import { AlertDialog } from '@digigov/ui/app/Modal/__stories__/AlertDialog';
 import { Auto } from '@digigov/ui/app/Modal/__stories__/Auto';
 import { Default } from '@digigov/ui/app/Modal/__stories__/Default';
 import { Dense } from '@digigov/ui/app/Modal/__stories__/Dense';
 import { WithHooks } from '@digigov/ui/app/Modal/__stories__/WithHooks';
 import { WithoutModalGaps } from '@digigov/ui/app/Modal/__stories__/WithoutModalGaps';
-import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All Modal variants', async ({ mount, page }) => {
   await mount(
-    <div>
-      <TestVariant title="AlertDialog">
-        <AlertDialog />
-      </TestVariant>
-      <TestVariant title="Auto">
-        <Auto />
-      </TestVariant>
-      <TestVariant title="Default">
-        <Default />
-      </TestVariant>
-      <TestVariant title="Dense">
-        <Dense />
-      </TestVariant>
-      <TestVariant title="WithHooks">
-        <WithHooks />
-      </TestVariant>
-      <TestVariant title="WithoutModalGaps">
-        <WithoutModalGaps />
-      </TestVariant>
-    </div>
-  );
+    
+  <div>
+    <TestVariant title="AlertDialog">
+      <AlertDialog />
+    </TestVariant>
+    <TestVariant title="Auto">
+      <Auto />
+    </TestVariant>
+    <TestVariant title="Default">
+      <Default />
+    </TestVariant>
+    <TestVariant title="Dense">
+      <Dense />
+    </TestVariant>
+    <TestVariant title="WithHooks">
+      <WithHooks />
+    </TestVariant>
+    <TestVariant title="WithoutModalGaps">
+      <WithoutModalGaps />
+    </TestVariant>
+  </div>
+  )
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({
-    fullPage: true,
-    animations: 'disabled',
-  });
+  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
   expect(screenshot).toMatchSnapshot();
 });
+  

package/src/app/NotFound/index.test.tsx

@@ -1,21 +1,20 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
+import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Default } from '@digigov/ui/app/NotFound/__stories__/Default';
-import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All NotFound variants', async ({ mount, page }) => {
   await mount(
-    <div>
-      <TestVariant title="Default">
-        <Default />
-      </TestVariant>
-    </div>
-  );
+    
+  <div>
+    <TestVariant title="Default">
+      <Default />
+    </TestVariant>
+  </div>
+  )
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({
-    fullPage: true,
-    animations: 'disabled',
-  });
+  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
   expect(screenshot).toMatchSnapshot();
 });
+  

package/src/app/Panel/index.test.tsx

@@ -1,21 +1,20 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
+import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Default } from '@digigov/ui/app/Panel/__stories__/Default';
-import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All Panel variants', async ({ mount, page }) => {
   await mount(
-    <div>
-      <TestVariant title="Default">
-        <Default />
-      </TestVariant>
-    </div>
-  );
+    
+  <div>
+    <TestVariant title="Default">
+      <Default />
+    </TestVariant>
+  </div>
+  )
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({
-    fullPage: true,
-    animations: 'disabled',
-  });
+  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
   expect(screenshot).toMatchSnapshot();
 });
+  

package/src/app/PhaseBannerHeader/index.test.tsx

@@ -1,21 +1,20 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
+import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Default } from '@digigov/ui/app/PhaseBannerHeader/__stories__/Default';
-import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All PhaseBannerHeader variants', async ({ mount, page }) => {
   await mount(
-    <div>
-      <TestVariant title="Default">
-        <Default />
-      </TestVariant>
-    </div>
-  );
+    
+  <div>
+    <TestVariant title="Default">
+      <Default />
+    </TestVariant>
+  </div>
+  )
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({
-    fullPage: true,
-    animations: 'disabled',
-  });
+  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
   expect(screenshot).toMatchSnapshot();
 });
+  

package/src/app/QrCodeViewer/index.test.tsx

@@ -1,25 +1,24 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
+import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Custom } from '@digigov/ui/app/QrCodeViewer/__stories__/Custom';
 import { Default } from '@digigov/ui/app/QrCodeViewer/__stories__/Default';
-import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All QrCodeViewer variants', async ({ mount, page }) => {
   await mount(
-    <div>
-      <TestVariant title="Custom">
-        <Custom />
-      </TestVariant>
-      <TestVariant title="Default">
-        <Default />
-      </TestVariant>
-    </div>
-  );
+    
+  <div>
+    <TestVariant title="Custom">
+      <Custom />
+    </TestVariant>
+    <TestVariant title="Default">
+      <Default />
+    </TestVariant>
+  </div>
+  )
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({
-    fullPage: true,
-    animations: 'disabled',
-  });
+  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
   expect(screenshot).toMatchSnapshot();
 });
+  

package/src/app/Skeleton/index.test.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
+import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Button } from '@digigov/ui/app/Skeleton/__stories__/Button';
 import { Circular } from '@digigov/ui/app/Skeleton/__stories__/Circular';
 import { Default } from '@digigov/ui/app/Skeleton/__stories__/Default';
@@ -9,45 +10,43 @@ import { SpecificWidthAndHeight } from '@digigov/ui/app/Skeleton/__stories__/Spe
 import { TextSizes } from '@digigov/ui/app/Skeleton/__stories__/TextSizes';
 import { UnderTypography } from '@digigov/ui/app/Skeleton/__stories__/UnderTypography';
 import { WithChildren } from '@digigov/ui/app/Skeleton/__stories__/WithChildren';
-import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All Skeleton variants', async ({ mount, page }) => {
   await mount(
-    <div>
-      <TestVariant title="Button">
-        <Button />
-      </TestVariant>
-      <TestVariant title="Circular">
-        <Circular />
-      </TestVariant>
-      <TestVariant title="Default">
-        <Default />
-      </TestVariant>
-      <TestVariant title="NoAnimation">
-        <NoAnimation />
-      </TestVariant>
-      <TestVariant title="Rectangular">
-        <Rectangular />
-      </TestVariant>
-      <TestVariant title="SpecificWidthAndHeight">
-        <SpecificWidthAndHeight />
-      </TestVariant>
-      <TestVariant title="TextSizes">
-        <TextSizes />
-      </TestVariant>
-      <TestVariant title="UnderTypography">
-        <UnderTypography />
-      </TestVariant>
-      <TestVariant title="WithChildren">
-        <WithChildren />
-      </TestVariant>
-    </div>
-  );
+    
+  <div>
+    <TestVariant title="Button">
+      <Button />
+    </TestVariant>
+    <TestVariant title="Circular">
+      <Circular />
+    </TestVariant>
+    <TestVariant title="Default">
+      <Default />
+    </TestVariant>
+    <TestVariant title="NoAnimation">
+      <NoAnimation />
+    </TestVariant>
+    <TestVariant title="Rectangular">
+      <Rectangular />
+    </TestVariant>
+    <TestVariant title="SpecificWidthAndHeight">
+      <SpecificWidthAndHeight />
+    </TestVariant>
+    <TestVariant title="TextSizes">
+      <TextSizes />
+    </TestVariant>
+    <TestVariant title="UnderTypography">
+      <UnderTypography />
+    </TestVariant>
+    <TestVariant title="WithChildren">
+      <WithChildren />
+    </TestVariant>
+  </div>
+  )
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({
-    fullPage: true,
-    animations: 'disabled',
-  });
+  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
   expect(screenshot).toMatchSnapshot();
 });
+  

package/src/content/Accordion/index.test.tsx

@@ -1,33 +1,32 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
+import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Auto } from '@digigov/ui/content/Accordion/__stories__/Auto';
 import { Default } from '@digigov/ui/content/Accordion/__stories__/Default';
 import { WithHints } from '@digigov/ui/content/Accordion/__stories__/WithHints';
 import { WithHook } from '@digigov/ui/content/Accordion/__stories__/WithHook';
-import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All Accordion variants', async ({ mount, page }) => {
   await mount(
-    <div>
-      <TestVariant title="Auto">
-        <Auto />
-      </TestVariant>
-      <TestVariant title="Default">
-        <Default />
-      </TestVariant>
-      <TestVariant title="WithHints">
-        <WithHints />
-      </TestVariant>
-      <TestVariant title="WithHook">
-        <WithHook />
-      </TestVariant>
-    </div>
-  );
+    
+  <div>
+    <TestVariant title="Auto">
+      <Auto />
+    </TestVariant>
+    <TestVariant title="Default">
+      <Default />
+    </TestVariant>
+    <TestVariant title="WithHints">
+      <WithHints />
+    </TestVariant>
+    <TestVariant title="WithHook">
+      <WithHook />
+    </TestVariant>
+  </div>
+  )
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({
-    fullPage: true,
-    animations: 'disabled',
-  });
+  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
   expect(screenshot).toMatchSnapshot();
 });
+