@digigov/ui 2.0.0-254f7786 → 2.0.0-2a26e869

package/src/content/Card/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/content/Card/__stories__/Default';
 import { Dense } from '@digigov/ui/content/Card/__stories__/Dense';
 import { WithClickableContent } from '@digigov/ui/content/Card/__stories__/WithClickableContent';
@@ -11,51 +12,49 @@ import { WithGrayBorder } from '@digigov/ui/content/Card/__stories__/WithGrayBor
 import { WithGrayTopBorder } from '@digigov/ui/content/Card/__stories__/WithGrayTopBorder';
 import { WithGroupButton } from '@digigov/ui/content/Card/__stories__/WithGroupButton';
 import { WithLink } from '@digigov/ui/content/Card/__stories__/WithLink';
-import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All Card variants', async ({ mount, page }) => {
   await mount(
-    <div>
-      <TestVariant title="Default">
-        <Default />
-      </TestVariant>
-      <TestVariant title="Dense">
-        <Dense />
-      </TestVariant>
-      <TestVariant title="WithClickableContent">
-        <WithClickableContent />
-      </TestVariant>
-      <TestVariant title="WithClickableLink">
-        <WithClickableLink />
-      </TestVariant>
-      <TestVariant title="WithDarkBorder">
-        <WithDarkBorder />
-      </TestVariant>
-      <TestVariant title="WithDarkTopBorder">
-        <WithDarkTopBorder />
-      </TestVariant>
-      <TestVariant title="WithDivider">
-        <WithDivider />
-      </TestVariant>
-      <TestVariant title="WithGrayBorder">
-        <WithGrayBorder />
-      </TestVariant>
-      <TestVariant title="WithGrayTopBorder">
-        <WithGrayTopBorder />
-      </TestVariant>
-      <TestVariant title="WithGroupButton">
-        <WithGroupButton />
-      </TestVariant>
-      <TestVariant title="WithLink">
-        <WithLink />
-      </TestVariant>
-    </div>
-  );
+    
+  <div>
+    <TestVariant title="Default">
+      <Default />
+    </TestVariant>
+    <TestVariant title="Dense">
+      <Dense />
+    </TestVariant>
+    <TestVariant title="WithClickableContent">
+      <WithClickableContent />
+    </TestVariant>
+    <TestVariant title="WithClickableLink">
+      <WithClickableLink />
+    </TestVariant>
+    <TestVariant title="WithDarkBorder">
+      <WithDarkBorder />
+    </TestVariant>
+    <TestVariant title="WithDarkTopBorder">
+      <WithDarkTopBorder />
+    </TestVariant>
+    <TestVariant title="WithDivider">
+      <WithDivider />
+    </TestVariant>
+    <TestVariant title="WithGrayBorder">
+      <WithGrayBorder />
+    </TestVariant>
+    <TestVariant title="WithGrayTopBorder">
+      <WithGrayTopBorder />
+    </TestVariant>
+    <TestVariant title="WithGroupButton">
+      <WithGroupButton />
+    </TestVariant>
+    <TestVariant title="WithLink">
+      <WithLink />
+    </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/Chip/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 { ClickableChip } from '@digigov/ui/content/Chip/__stories__/ClickableChip';
 import { ClickableDeletableChip } from '@digigov/ui/content/Chip/__stories__/ClickableDeletableChip';
 import { Default } from '@digigov/ui/content/Chip/__stories__/Default';
 import { DeletableChip } from '@digigov/ui/content/Chip/__stories__/DeletableChip';
 import { GroupOfChips } from '@digigov/ui/content/Chip/__stories__/GroupOfChips';
-import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All Chip variants', async ({ mount, page }) => {
   await mount(
-    <div>
-      <TestVariant title="ClickableChip">
-        <ClickableChip />
-      </TestVariant>
-      <TestVariant title="ClickableDeletableChip">
-        <ClickableDeletableChip />
-      </TestVariant>
-      <TestVariant title="Default">
-        <Default />
-      </TestVariant>
-      <TestVariant title="DeletableChip">
-        <DeletableChip />
-      </TestVariant>
-      <TestVariant title="GroupOfChips">
-        <GroupOfChips />
-      </TestVariant>
-    </div>
-  );
+    
+  <div>
+    <TestVariant title="ClickableChip">
+      <ClickableChip />
+    </TestVariant>
+    <TestVariant title="ClickableDeletableChip">
+      <ClickableDeletableChip />
+    </TestVariant>
+    <TestVariant title="Default">
+      <Default />
+    </TestVariant>
+    <TestVariant title="DeletableChip">
+      <DeletableChip />
+    </TestVariant>
+    <TestVariant title="GroupOfChips">
+      <GroupOfChips />
+    </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/Details/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/content/Details/__stories__/Default';
-import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All Details 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/content/List/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 { BulletList } from '@digigov/ui/content/List/__stories__/BulletList';
 import { Default } from '@digigov/ui/content/List/__stories__/Default';
 import { HorizontalList } from '@digigov/ui/content/List/__stories__/HorizontalList';
 import { NestedBulletList } from '@digigov/ui/content/List/__stories__/NestedBulletList';
 import { NumberedList } from '@digigov/ui/content/List/__stories__/NumberedList';
 import { WithExtraSpace } from '@digigov/ui/content/List/__stories__/WithExtraSpace';
-import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All List variants', async ({ mount, page }) => {
   await mount(
-    <div>
-      <TestVariant title="BulletList">
-        <BulletList />
-      </TestVariant>
-      <TestVariant title="Default">
-        <Default />
-      </TestVariant>
-      <TestVariant title="HorizontalList">
-        <HorizontalList />
-      </TestVariant>
-      <TestVariant title="NestedBulletList">
-        <NestedBulletList />
-      </TestVariant>
-      <TestVariant title="NumberedList">
-        <NumberedList />
-      </TestVariant>
-      <TestVariant title="WithExtraSpace">
-        <WithExtraSpace />
-      </TestVariant>
-    </div>
-  );
+    
+  <div>
+    <TestVariant title="BulletList">
+      <BulletList />
+    </TestVariant>
+    <TestVariant title="Default">
+      <Default />
+    </TestVariant>
+    <TestVariant title="HorizontalList">
+      <HorizontalList />
+    </TestVariant>
+    <TestVariant title="NestedBulletList">
+      <NestedBulletList />
+    </TestVariant>
+    <TestVariant title="NumberedList">
+      <NumberedList />
+    </TestVariant>
+    <TestVariant title="WithExtraSpace">
+      <WithExtraSpace />
+    </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/Markdown/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/content/Markdown/__stories__/Default';
-import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All Markdown 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/content/SafeHTML/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/content/SafeHTML/__stories__/Default';
-import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All SafeHTML 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/content/StepNav/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 { Auto } from '@digigov/ui/content/StepNav/__stories__/Auto';
 import { Default } from '@digigov/ui/content/StepNav/__stories__/Default';
 import { Dense } from '@digigov/ui/content/StepNav/__stories__/Dense';
 import { WithHints } from '@digigov/ui/content/StepNav/__stories__/WithHints';
 import { WithHook } from '@digigov/ui/content/StepNav/__stories__/WithHook';
-import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All StepNav variants', async ({ mount, page }) => {
   await mount(
-    <div>
-      <TestVariant title="Auto">
-        <Auto />
-      </TestVariant>
-      <TestVariant title="Default">
-        <Default />
-      </TestVariant>
-      <TestVariant title="Dense">
-        <Dense />
-      </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="Dense">
+      <Dense />
+    </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();
 });
+  

package/src/content/SummaryList/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/content/SummaryList/__stories__/Default';
 import { RowVariations } from '@digigov/ui/content/SummaryList/__stories__/RowVariations';
 import { SummaryListExample } from '@digigov/ui/content/SummaryList/__stories__/SummaryListExample';
@@ -8,42 +9,40 @@ import { WithKeyAndAction } from '@digigov/ui/content/SummaryList/__stories__/Wi
 import { WithNoLastBorder } from '@digigov/ui/content/SummaryList/__stories__/WithNoLastBorder';
 import { WithoutActions } from '@digigov/ui/content/SummaryList/__stories__/WithoutActions';
 import { WithoutBorders } from '@digigov/ui/content/SummaryList/__stories__/WithoutBorders';
-import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All SummaryList variants', async ({ mount, page }) => {
   await mount(
-    <div>
-      <TestVariant title="Default">
-        <Default />
-      </TestVariant>
-      <TestVariant title="RowVariations">
-        <RowVariations />
-      </TestVariant>
-      <TestVariant title="SummaryListExample">
-        <SummaryListExample />
-      </TestVariant>
-      <TestVariant title="WithActions">
-        <WithActions />
-      </TestVariant>
-      <TestVariant title="WithKeyAndAction">
-        <WithKeyAndAction />
-      </TestVariant>
-      <TestVariant title="WithNoLastBorder">
-        <WithNoLastBorder />
-      </TestVariant>
-      <TestVariant title="WithoutActions">
-        <WithoutActions />
-      </TestVariant>
-      <TestVariant title="WithoutBorders">
-        <WithoutBorders />
-      </TestVariant>
-    </div>
-  );
+    
+  <div>
+    <TestVariant title="Default">
+      <Default />
+    </TestVariant>
+    <TestVariant title="RowVariations">
+      <RowVariations />
+    </TestVariant>
+    <TestVariant title="SummaryListExample">
+      <SummaryListExample />
+    </TestVariant>
+    <TestVariant title="WithActions">
+      <WithActions />
+    </TestVariant>
+    <TestVariant title="WithKeyAndAction">
+      <WithKeyAndAction />
+    </TestVariant>
+    <TestVariant title="WithNoLastBorder">
+      <WithNoLastBorder />
+    </TestVariant>
+    <TestVariant title="WithoutActions">
+      <WithoutActions />
+    </TestVariant>
+    <TestVariant title="WithoutBorders">
+      <WithoutBorders />
+    </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/Table/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 { DarkVariant } from '@digigov/ui/content/Table/__stories__/DarkVariant';
 import { DarkVariantWithVerticalHeaders } from '@digigov/ui/content/Table/__stories__/DarkVariantWithVerticalHeaders';
 import { Default } from '@digigov/ui/content/Table/__stories__/Default';
@@ -18,75 +19,73 @@ import { WithFloatingScroll } from '@digigov/ui/content/Table/__stories__/WithFl
 import { WithLoader } from '@digigov/ui/content/Table/__stories__/WithLoader';
 import { WithSortFilters } from '@digigov/ui/content/Table/__stories__/WithSortFilters';
 import { ZebraProp } from '@digigov/ui/content/Table/__stories__/ZebraProp';
-import TestVariant from '@digigov/ui/utils/TestVariant';
 const SCREENSHOT_DELAY = 2_000;
-const delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
+const delay = ms => new Promise(resolve => setTimeout(resolve, ms));
 
 test('renders the All Table variants', async ({ mount, page }) => {
   await mount(
-    <div>
-      <TestVariant title="DarkVariant">
-        <DarkVariant />
-      </TestVariant>
-      <TestVariant title="DarkVariantWithVerticalHeaders">
-        <DarkVariantWithVerticalHeaders />
-      </TestVariant>
-      <TestVariant title="Default">
-        <Default />
-      </TestVariant>
-      <TestVariant title="DefinedWidth">
-        <DefinedWidth />
-      </TestVariant>
-      <TestVariant title="Dense">
-        <Dense />
-      </TestVariant>
-      <TestVariant title="Full">
-        <Full />
-      </TestVariant>
-      <TestVariant title="MultipleProps">
-        <MultipleProps />
-      </TestVariant>
-      <TestVariant title="NoData">
-        <NoData />
-      </TestVariant>
-      <TestVariant title="NumericDataType">
-        <NumericDataType />
-      </TestVariant>
-      <TestVariant title="RowColors">
-        <RowColors />
-      </TestVariant>
-      <TestVariant title="Stacked">
-        <Stacked />
-      </TestVariant>
-      <TestVariant title="TableCaptions">
-        <TableCaptions />
-      </TestVariant>
-      <TestVariant title="VerticalBorders">
-        <VerticalBorders />
-      </TestVariant>
-      <TestVariant title="VerticalHeaders">
-        <VerticalHeaders />
-      </TestVariant>
-      <TestVariant title="WithFloatingScroll">
-        <WithFloatingScroll />
-      </TestVariant>
-      <TestVariant title="WithLoader">
-        <WithLoader />
-      </TestVariant>
-      <TestVariant title="WithSortFilters">
-        <WithSortFilters />
-      </TestVariant>
-      <TestVariant title="ZebraProp">
-        <ZebraProp />
-      </TestVariant>
-    </div>
-  );
+    
+  <div>
+    <TestVariant title="DarkVariant">
+      <DarkVariant />
+    </TestVariant>
+    <TestVariant title="DarkVariantWithVerticalHeaders">
+      <DarkVariantWithVerticalHeaders />
+    </TestVariant>
+    <TestVariant title="Default">
+      <Default />
+    </TestVariant>
+    <TestVariant title="DefinedWidth">
+      <DefinedWidth />
+    </TestVariant>
+    <TestVariant title="Dense">
+      <Dense />
+    </TestVariant>
+    <TestVariant title="Full">
+      <Full />
+    </TestVariant>
+    <TestVariant title="MultipleProps">
+      <MultipleProps />
+    </TestVariant>
+    <TestVariant title="NoData">
+      <NoData />
+    </TestVariant>
+    <TestVariant title="NumericDataType">
+      <NumericDataType />
+    </TestVariant>
+    <TestVariant title="RowColors">
+      <RowColors />
+    </TestVariant>
+    <TestVariant title="Stacked">
+      <Stacked />
+    </TestVariant>
+    <TestVariant title="TableCaptions">
+      <TableCaptions />
+    </TestVariant>
+    <TestVariant title="VerticalBorders">
+      <VerticalBorders />
+    </TestVariant>
+    <TestVariant title="VerticalHeaders">
+      <VerticalHeaders />
+    </TestVariant>
+    <TestVariant title="WithFloatingScroll">
+      <WithFloatingScroll />
+    </TestVariant>
+    <TestVariant title="WithLoader">
+      <WithLoader />
+    </TestVariant>
+    <TestVariant title="WithSortFilters">
+      <WithSortFilters />
+    </TestVariant>
+    <TestVariant title="ZebraProp">
+      <ZebraProp />
+    </TestVariant>
+  </div>
+  )
   await page.evaluate(() => document.fonts.ready);
   await delay(SCREENSHOT_DELAY);
 
-  const screenshot = await page.screenshot({
-    fullPage: true,
-    animations: 'disabled',
-  });
+  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
   expect(screenshot).toMatchSnapshot();
 });
+