@digigov/ui 2.0.0-aefd0709 → 2.0.0-b15d5d44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (118) hide show
  1. package/cjs/feedback/ErrorSummary/ErrorSummary.stories/index.js +3 -0
  2. package/cjs/feedback/ErrorSummary/ErrorSummary.stories.js.map +2 -2
  3. package/cjs/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput/index.js +49 -0
  4. package/cjs/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput.js.map +7 -0
  5. package/cjs/i18n/index.js +18 -1
  6. package/cjs/i18n/index.js.map +2 -2
  7. package/cjs/i18n/locales/el/index.js +18 -1
  8. package/cjs/i18n/locales/el.js.map +2 -2
  9. package/cjs/i18n/locales/en/index.js +25 -2
  10. package/cjs/i18n/locales/en.js.map +2 -2
  11. package/cjs/lazy/index.js +330 -1650
  12. package/cjs/lazy.js.map +3 -3
  13. package/cjs/registry/index.js +885 -501
  14. package/cjs/registry.js.map +3 -3
  15. package/cjs/utils/hooks/useScreen/index.js +1 -1
  16. package/cjs/utils/hooks/useScreen.js.map +2 -2
  17. package/feedback/ErrorSummary/ErrorSummary.stories/index.js +2 -0
  18. package/feedback/ErrorSummary/ErrorSummary.stories.d.ts +1 -0
  19. package/feedback/ErrorSummary/ErrorSummary.stories.js.map +2 -2
  20. package/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput/index.js +16 -0
  21. package/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput/package.json +6 -0
  22. package/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput.d.ts +3 -0
  23. package/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput.js.map +7 -0
  24. package/i18n/index.js +18 -1
  25. package/i18n/index.js.map +2 -2
  26. package/i18n/locales/el/index.js +18 -1
  27. package/i18n/locales/el.d.ts +17 -0
  28. package/i18n/locales/el.js.map +2 -2
  29. package/i18n/locales/en/index.js +25 -2
  30. package/i18n/locales/en.d.ts +23 -0
  31. package/i18n/locales/en.js.map +2 -2
  32. package/index.js +1 -1
  33. package/lazy/index.js +332 -1656
  34. package/package.json +5 -5
  35. package/registry/index.js +960 -576
  36. package/src/app/BannerContainer/index.test.tsx +10 -11
  37. package/src/app/Footer/index.test.tsx +31 -32
  38. package/src/app/Header/index.test.tsx +22 -23
  39. package/src/app/Loader/index.test.tsx +13 -14
  40. package/src/app/Masthead/index.test.tsx +19 -20
  41. package/src/app/Modal/index.test.tsx +25 -26
  42. package/src/app/NotFound/index.test.tsx +10 -11
  43. package/src/app/Panel/index.test.tsx +10 -11
  44. package/src/app/PhaseBannerHeader/index.test.tsx +10 -11
  45. package/src/app/QrCodeViewer/index.test.tsx +13 -14
  46. package/src/app/Skeleton/index.test.tsx +34 -35
  47. package/src/content/Accordion/index.test.tsx +19 -20
  48. package/src/content/Blockquote/index.test.tsx +13 -14
  49. package/src/content/Card/index.test.tsx +40 -41
  50. package/src/content/Chip/index.test.tsx +22 -23
  51. package/src/content/Details/index.test.tsx +10 -11
  52. package/src/content/List/index.test.tsx +25 -26
  53. package/src/content/Markdown/index.test.tsx +10 -11
  54. package/src/content/SafeHTML/index.test.tsx +10 -11
  55. package/src/content/StepNav/index.test.tsx +22 -23
  56. package/src/content/SummaryList/index.test.tsx +31 -32
  57. package/src/content/Table/index.test.tsx +62 -63
  58. package/src/content/TaskList/index.test.tsx +13 -14
  59. package/src/content/Timeline/index.test.tsx +13 -14
  60. package/src/feedback/CopyToClipboard/index.test.tsx +16 -17
  61. package/src/feedback/ErrorSummary/ErrorSummary.stories.js +1 -0
  62. package/src/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput.tsx +47 -0
  63. package/src/feedback/ErrorSummary/index.test.tsx +29 -26
  64. package/src/feedback/NotificationBanner/index.test.tsx +16 -17
  65. package/src/feedback/PhaseBanner/index.test.tsx +13 -14
  66. package/src/feedback/WarningText/index.test.tsx +16 -17
  67. package/src/form/AutoComplete/index.test.tsx +37 -38
  68. package/src/form/Button/index.test.tsx +43 -44
  69. package/src/form/Checkbox/index.test.tsx +37 -38
  70. package/src/form/DateInputContainer/index.test.tsx +22 -23
  71. package/src/form/ErrorMessage/index.test.tsx +16 -17
  72. package/src/form/FileUpload/index.test.tsx +13 -14
  73. package/src/form/RadioContainer/index.test.tsx +37 -38
  74. package/src/form/SearchContainer/index.test.tsx +10 -11
  75. package/src/form/SelectContainer/index.test.tsx +19 -20
  76. package/src/form/SingleCharacterInputs/index.test.tsx +20 -24
  77. package/src/form/TextArea/index.test.tsx +31 -32
  78. package/src/form/TextInput/index.test.tsx +37 -38
  79. package/src/i18n/index.tsx +14 -1
  80. package/src/i18n/locales/el.ts +22 -0
  81. package/src/i18n/locales/en.ts +23 -0
  82. package/src/layouts/Basic/index.test.tsx +19 -20
  83. package/src/layouts/Grid/index.test.tsx +16 -17
  84. package/src/layouts/Screen/index.test.tsx +19 -20
  85. package/src/layouts/Stack/index.test.tsx +25 -26
  86. package/src/lazy.js +330 -1650
  87. package/src/navigation/BackLink/index.test.tsx +10 -11
  88. package/src/navigation/BackToTopLink/index.test.tsx +13 -14
  89. package/src/navigation/Breadcrumbs/index.test.tsx +22 -23
  90. package/src/navigation/Drawer/index.test.tsx +16 -17
  91. package/src/navigation/Dropdown/index.test.tsx +40 -41
  92. package/src/navigation/Link/index.test.tsx +28 -29
  93. package/src/navigation/NavList/index.test.tsx +34 -35
  94. package/src/navigation/Pagination/index.test.tsx +28 -29
  95. package/src/navigation/SkipLink/index.test.tsx +10 -11
  96. package/src/navigation/Tabs/index.test.tsx +19 -20
  97. package/src/registry.js +1026 -701
  98. package/src/typography/CodeBlock/index.test.tsx +19 -20
  99. package/src/typography/Heading/index.test.tsx +10 -11
  100. package/src/typography/HeadingCaption/index.test.tsx +13 -14
  101. package/src/typography/Hint/index.test.tsx +13 -14
  102. package/src/typography/NormalText/index.test.tsx +19 -20
  103. package/src/typography/Paragraph/index.test.tsx +22 -23
  104. package/src/utils/VisuallyHidden/index.test.tsx +10 -11
  105. package/src/utils/hooks/useScreen.ts +2 -3
  106. package/utils/hooks/useScreen/index.js +1 -1
  107. package/utils/hooks/useScreen.js.map +2 -2
  108. package/cjs/test-utils/delay/index.js +0 -35
  109. package/cjs/test-utils/delay.js.map +0 -7
  110. package/lazy.d.ts +0 -361
  111. package/lazy.js.map +0 -7
  112. package/registry.d.ts +0 -315
  113. package/registry.js.map +0 -7
  114. package/src/test-utils/delay.ts +0 -9
  115. package/test-utils/delay/index.js +0 -12
  116. package/test-utils/delay/package.json +0 -6
  117. package/test-utils/delay.d.ts +0 -2
  118. package/test-utils/delay.js.map +0 -7
package/src/content/Blockquote/index.test.tsx CHANGED
@@ -1,25 +1,24 @@
1
1
  import React from 'react';
2
2
  import { test, expect } from '@playwright/experimental-ct-react';
3
+ import TestVariant from '@digigov/ui/utils/TestVariant'
3
4
  import { Default } from '@digigov/ui/content/Blockquote/__stories__/Default';
4
5
  import { Dense } from '@digigov/ui/content/Blockquote/__stories__/Dense';
5
- import TestVariant from '@digigov/ui/utils/TestVariant';
6
6
 
7
7
  test('renders the All Blockquote variants', async ({ mount, page }) => {
8
8
  await mount(
9
- <div>
10
- <TestVariant title="Default">
11
- <Default />
12
- </TestVariant>
13
- <TestVariant title="Dense">
14
- <Dense />
15
- </TestVariant>
16
- </div>
17
- );
9
+
10
+ <div>
11
+ <TestVariant title="Default">
12
+ <Default />
13
+ </TestVariant>
14
+ <TestVariant title="Dense">
15
+ <Dense />
16
+ </TestVariant>
17
+ </div>
18
+ )
18
19
  await page.evaluate(() => document.fonts.ready);
19
20
 
20
- const screenshot = await page.screenshot({
21
- fullPage: true,
22
- animations: 'disabled',
23
- });
21
+ const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
24
22
  expect(screenshot).toMatchSnapshot();
25
23
  });
24
+
package/src/content/Card/index.test.tsx CHANGED
@@ -1,5 +1,6 @@
1
1
  import React from 'react';
2
2
  import { test, expect } from '@playwright/experimental-ct-react';
3
+ import TestVariant from '@digigov/ui/utils/TestVariant'
3
4
  import { Default } from '@digigov/ui/content/Card/__stories__/Default';
4
5
  import { Dense } from '@digigov/ui/content/Card/__stories__/Dense';
5
6
  import { WithClickableContent } from '@digigov/ui/content/Card/__stories__/WithClickableContent';
@@ -11,51 +12,49 @@ import { WithGrayBorder } from '@digigov/ui/content/Card/__stories__/WithGrayBor
11
12
  import { WithGrayTopBorder } from '@digigov/ui/content/Card/__stories__/WithGrayTopBorder';
12
13
  import { WithGroupButton } from '@digigov/ui/content/Card/__stories__/WithGroupButton';
13
14
  import { WithLink } from '@digigov/ui/content/Card/__stories__/WithLink';
14
- import TestVariant from '@digigov/ui/utils/TestVariant';
15
15
 
16
16
  test('renders the All Card variants', async ({ mount, page }) => {
17
17
  await mount(
18
- <div>
19
- <TestVariant title="Default">
20
- <Default />
21
- </TestVariant>
22
- <TestVariant title="Dense">
23
- <Dense />
24
- </TestVariant>
25
- <TestVariant title="WithClickableContent">
26
- <WithClickableContent />
27
- </TestVariant>
28
- <TestVariant title="WithClickableLink">
29
- <WithClickableLink />
30
- </TestVariant>
31
- <TestVariant title="WithDarkBorder">
32
- <WithDarkBorder />
33
- </TestVariant>
34
- <TestVariant title="WithDarkTopBorder">
35
- <WithDarkTopBorder />
36
- </TestVariant>
37
- <TestVariant title="WithDivider">
38
- <WithDivider />
39
- </TestVariant>
40
- <TestVariant title="WithGrayBorder">
41
- <WithGrayBorder />
42
- </TestVariant>
43
- <TestVariant title="WithGrayTopBorder">
44
- <WithGrayTopBorder />
45
- </TestVariant>
46
- <TestVariant title="WithGroupButton">
47
- <WithGroupButton />
48
- </TestVariant>
49
- <TestVariant title="WithLink">
50
- <WithLink />
51
- </TestVariant>
52
- </div>
53
- );
18
+
19
+ <div>
20
+ <TestVariant title="Default">
21
+ <Default />
22
+ </TestVariant>
23
+ <TestVariant title="Dense">
24
+ <Dense />
25
+ </TestVariant>
26
+ <TestVariant title="WithClickableContent">
27
+ <WithClickableContent />
28
+ </TestVariant>
29
+ <TestVariant title="WithClickableLink">
30
+ <WithClickableLink />
31
+ </TestVariant>
32
+ <TestVariant title="WithDarkBorder">
33
+ <WithDarkBorder />
34
+ </TestVariant>
35
+ <TestVariant title="WithDarkTopBorder">
36
+ <WithDarkTopBorder />
37
+ </TestVariant>
38
+ <TestVariant title="WithDivider">
39
+ <WithDivider />
40
+ </TestVariant>
41
+ <TestVariant title="WithGrayBorder">
42
+ <WithGrayBorder />
43
+ </TestVariant>
44
+ <TestVariant title="WithGrayTopBorder">
45
+ <WithGrayTopBorder />
46
+ </TestVariant>
47
+ <TestVariant title="WithGroupButton">
48
+ <WithGroupButton />
49
+ </TestVariant>
50
+ <TestVariant title="WithLink">
51
+ <WithLink />
52
+ </TestVariant>
53
+ </div>
54
+ )
54
55
  await page.evaluate(() => document.fonts.ready);
55
56
 
56
- const screenshot = await page.screenshot({
57
- fullPage: true,
58
- animations: 'disabled',
59
- });
57
+ const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
60
58
  expect(screenshot).toMatchSnapshot();
61
59
  });
60
+
package/src/content/Chip/index.test.tsx CHANGED
@@ -1,37 +1,36 @@
1
1
  import React from 'react';
2
2
  import { test, expect } from '@playwright/experimental-ct-react';
3
+ import TestVariant from '@digigov/ui/utils/TestVariant'
3
4
  import { ClickableChip } from '@digigov/ui/content/Chip/__stories__/ClickableChip';
4
5
  import { ClickableDeletableChip } from '@digigov/ui/content/Chip/__stories__/ClickableDeletableChip';
5
6
  import { Default } from '@digigov/ui/content/Chip/__stories__/Default';
6
7
  import { DeletableChip } from '@digigov/ui/content/Chip/__stories__/DeletableChip';
7
8
  import { GroupOfChips } from '@digigov/ui/content/Chip/__stories__/GroupOfChips';
8
- import TestVariant from '@digigov/ui/utils/TestVariant';
9
9
 
10
10
  test('renders the All Chip variants', async ({ mount, page }) => {
11
11
  await mount(
12
- <div>
13
- <TestVariant title="ClickableChip">
14
- <ClickableChip />
15
- </TestVariant>
16
- <TestVariant title="ClickableDeletableChip">
17
- <ClickableDeletableChip />
18
- </TestVariant>
19
- <TestVariant title="Default">
20
- <Default />
21
- </TestVariant>
22
- <TestVariant title="DeletableChip">
23
- <DeletableChip />
24
- </TestVariant>
25
- <TestVariant title="GroupOfChips">
26
- <GroupOfChips />
27
- </TestVariant>
28
- </div>
29
- );
12
+
13
+ <div>
14
+ <TestVariant title="ClickableChip">
15
+ <ClickableChip />
16
+ </TestVariant>
17
+ <TestVariant title="ClickableDeletableChip">
18
+ <ClickableDeletableChip />
19
+ </TestVariant>
20
+ <TestVariant title="Default">
21
+ <Default />
22
+ </TestVariant>
23
+ <TestVariant title="DeletableChip">
24
+ <DeletableChip />
25
+ </TestVariant>
26
+ <TestVariant title="GroupOfChips">
27
+ <GroupOfChips />
28
+ </TestVariant>
29
+ </div>
30
+ )
30
31
  await page.evaluate(() => document.fonts.ready);
31
32
 
32
- const screenshot = await page.screenshot({
33
- fullPage: true,
34
- animations: 'disabled',
35
- });
33
+ const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
36
34
  expect(screenshot).toMatchSnapshot();
37
35
  });
36
+
package/src/content/Details/index.test.tsx CHANGED
@@ -1,21 +1,20 @@
1
1
  import React from 'react';
2
2
  import { test, expect } from '@playwright/experimental-ct-react';
3
+ import TestVariant from '@digigov/ui/utils/TestVariant'
3
4
  import { Default } from '@digigov/ui/content/Details/__stories__/Default';
4
- import TestVariant from '@digigov/ui/utils/TestVariant';
5
5
 
6
6
  test('renders the All Details variants', async ({ mount, page }) => {
7
7
  await mount(
8
- <div>
9
- <TestVariant title="Default">
10
- <Default />
11
- </TestVariant>
12
- </div>
13
- );
8
+
9
+ <div>
10
+ <TestVariant title="Default">
11
+ <Default />
12
+ </TestVariant>
13
+ </div>
14
+ )
14
15
  await page.evaluate(() => document.fonts.ready);
15
16
 
16
- const screenshot = await page.screenshot({
17
- fullPage: true,
18
- animations: 'disabled',
19
- });
17
+ const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
20
18
  expect(screenshot).toMatchSnapshot();
21
19
  });
20
+
package/src/content/List/index.test.tsx CHANGED
@@ -1,41 +1,40 @@
1
1
  import React from 'react';
2
2
  import { test, expect } from '@playwright/experimental-ct-react';
3
+ import TestVariant from '@digigov/ui/utils/TestVariant'
3
4
  import { BulletList } from '@digigov/ui/content/List/__stories__/BulletList';
4
5
  import { Default } from '@digigov/ui/content/List/__stories__/Default';
5
6
  import { HorizontalList } from '@digigov/ui/content/List/__stories__/HorizontalList';
6
7
  import { NestedBulletList } from '@digigov/ui/content/List/__stories__/NestedBulletList';
7
8
  import { NumberedList } from '@digigov/ui/content/List/__stories__/NumberedList';
8
9
  import { WithExtraSpace } from '@digigov/ui/content/List/__stories__/WithExtraSpace';
9
- import TestVariant from '@digigov/ui/utils/TestVariant';
10
10
 
11
11
  test('renders the All List variants', async ({ mount, page }) => {
12
12
  await mount(
13
- <div>
14
- <TestVariant title="BulletList">
15
- <BulletList />
16
- </TestVariant>
17
- <TestVariant title="Default">
18
- <Default />
19
- </TestVariant>
20
- <TestVariant title="HorizontalList">
21
- <HorizontalList />
22
- </TestVariant>
23
- <TestVariant title="NestedBulletList">
24
- <NestedBulletList />
25
- </TestVariant>
26
- <TestVariant title="NumberedList">
27
- <NumberedList />
28
- </TestVariant>
29
- <TestVariant title="WithExtraSpace">
30
- <WithExtraSpace />
31
- </TestVariant>
32
- </div>
33
- );
13
+
14
+ <div>
15
+ <TestVariant title="BulletList">
16
+ <BulletList />
17
+ </TestVariant>
18
+ <TestVariant title="Default">
19
+ <Default />
20
+ </TestVariant>
21
+ <TestVariant title="HorizontalList">
22
+ <HorizontalList />
23
+ </TestVariant>
24
+ <TestVariant title="NestedBulletList">
25
+ <NestedBulletList />
26
+ </TestVariant>
27
+ <TestVariant title="NumberedList">
28
+ <NumberedList />
29
+ </TestVariant>
30
+ <TestVariant title="WithExtraSpace">
31
+ <WithExtraSpace />
32
+ </TestVariant>
33
+ </div>
34
+ )
34
35
  await page.evaluate(() => document.fonts.ready);
35
36
 
36
- const screenshot = await page.screenshot({
37
- fullPage: true,
38
- animations: 'disabled',
39
- });
37
+ const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
40
38
  expect(screenshot).toMatchSnapshot();
41
39
  });
40
+
package/src/content/Markdown/index.test.tsx CHANGED
@@ -1,21 +1,20 @@
1
1
  import React from 'react';
2
2
  import { test, expect } from '@playwright/experimental-ct-react';
3
+ import TestVariant from '@digigov/ui/utils/TestVariant'
3
4
  import { Default } from '@digigov/ui/content/Markdown/__stories__/Default';
4
- import TestVariant from '@digigov/ui/utils/TestVariant';
5
5
 
6
6
  test('renders the All Markdown variants', async ({ mount, page }) => {
7
7
  await mount(
8
- <div>
9
- <TestVariant title="Default">
10
- <Default />
11
- </TestVariant>
12
- </div>
13
- );
8
+
9
+ <div>
10
+ <TestVariant title="Default">
11
+ <Default />
12
+ </TestVariant>
13
+ </div>
14
+ )
14
15
  await page.evaluate(() => document.fonts.ready);
15
16
 
16
- const screenshot = await page.screenshot({
17
- fullPage: true,
18
- animations: 'disabled',
19
- });
17
+ const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
20
18
  expect(screenshot).toMatchSnapshot();
21
19
  });
20
+
package/src/content/SafeHTML/index.test.tsx CHANGED
@@ -1,21 +1,20 @@
1
1
  import React from 'react';
2
2
  import { test, expect } from '@playwright/experimental-ct-react';
3
+ import TestVariant from '@digigov/ui/utils/TestVariant'
3
4
  import { Default } from '@digigov/ui/content/SafeHTML/__stories__/Default';
4
- import TestVariant from '@digigov/ui/utils/TestVariant';
5
5
 
6
6
  test('renders the All SafeHTML variants', async ({ mount, page }) => {
7
7
  await mount(
8
- <div>
9
- <TestVariant title="Default">
10
- <Default />
11
- </TestVariant>
12
- </div>
13
- );
8
+
9
+ <div>
10
+ <TestVariant title="Default">
11
+ <Default />
12
+ </TestVariant>
13
+ </div>
14
+ )
14
15
  await page.evaluate(() => document.fonts.ready);
15
16
 
16
- const screenshot = await page.screenshot({
17
- fullPage: true,
18
- animations: 'disabled',
19
- });
17
+ const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
20
18
  expect(screenshot).toMatchSnapshot();
21
19
  });
20
+
package/src/content/StepNav/index.test.tsx CHANGED
@@ -1,37 +1,36 @@
1
1
  import React from 'react';
2
2
  import { test, expect } from '@playwright/experimental-ct-react';
3
+ import TestVariant from '@digigov/ui/utils/TestVariant'
3
4
  import { Auto } from '@digigov/ui/content/StepNav/__stories__/Auto';
4
5
  import { Default } from '@digigov/ui/content/StepNav/__stories__/Default';
5
6
  import { Dense } from '@digigov/ui/content/StepNav/__stories__/Dense';
6
7
  import { WithHints } from '@digigov/ui/content/StepNav/__stories__/WithHints';
7
8
  import { WithHook } from '@digigov/ui/content/StepNav/__stories__/WithHook';
8
- import TestVariant from '@digigov/ui/utils/TestVariant';
9
9
 
10
10
  test('renders the All StepNav variants', async ({ mount, page }) => {
11
11
  await mount(
12
- <div>
13
- <TestVariant title="Auto">
14
- <Auto />
15
- </TestVariant>
16
- <TestVariant title="Default">
17
- <Default />
18
- </TestVariant>
19
- <TestVariant title="Dense">
20
- <Dense />
21
- </TestVariant>
22
- <TestVariant title="WithHints">
23
- <WithHints />
24
- </TestVariant>
25
- <TestVariant title="WithHook">
26
- <WithHook />
27
- </TestVariant>
28
- </div>
29
- );
12
+
13
+ <div>
14
+ <TestVariant title="Auto">
15
+ <Auto />
16
+ </TestVariant>
17
+ <TestVariant title="Default">
18
+ <Default />
19
+ </TestVariant>
20
+ <TestVariant title="Dense">
21
+ <Dense />
22
+ </TestVariant>
23
+ <TestVariant title="WithHints">
24
+ <WithHints />
25
+ </TestVariant>
26
+ <TestVariant title="WithHook">
27
+ <WithHook />
28
+ </TestVariant>
29
+ </div>
30
+ )
30
31
  await page.evaluate(() => document.fonts.ready);
31
32
 
32
- const screenshot = await page.screenshot({
33
- fullPage: true,
34
- animations: 'disabled',
35
- });
33
+ const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
36
34
  expect(screenshot).toMatchSnapshot();
37
35
  });
36
+
package/src/content/SummaryList/index.test.tsx CHANGED
@@ -1,5 +1,6 @@
1
1
  import React from 'react';
2
2
  import { test, expect } from '@playwright/experimental-ct-react';
3
+ import TestVariant from '@digigov/ui/utils/TestVariant'
3
4
  import { Default } from '@digigov/ui/content/SummaryList/__stories__/Default';
4
5
  import { RowVariations } from '@digigov/ui/content/SummaryList/__stories__/RowVariations';
5
6
  import { SummaryListExample } from '@digigov/ui/content/SummaryList/__stories__/SummaryListExample';
@@ -8,42 +9,40 @@ import { WithKeyAndAction } from '@digigov/ui/content/SummaryList/__stories__/Wi
8
9
  import { WithNoLastBorder } from '@digigov/ui/content/SummaryList/__stories__/WithNoLastBorder';
9
10
  import { WithoutActions } from '@digigov/ui/content/SummaryList/__stories__/WithoutActions';
10
11
  import { WithoutBorders } from '@digigov/ui/content/SummaryList/__stories__/WithoutBorders';
11
- import TestVariant from '@digigov/ui/utils/TestVariant';
12
12
 
13
13
  test('renders the All SummaryList variants', async ({ mount, page }) => {
14
14
  await mount(
15
- <div>
16
- <TestVariant title="Default">
17
- <Default />
18
- </TestVariant>
19
- <TestVariant title="RowVariations">
20
- <RowVariations />
21
- </TestVariant>
22
- <TestVariant title="SummaryListExample">
23
- <SummaryListExample />
24
- </TestVariant>
25
- <TestVariant title="WithActions">
26
- <WithActions />
27
- </TestVariant>
28
- <TestVariant title="WithKeyAndAction">
29
- <WithKeyAndAction />
30
- </TestVariant>
31
- <TestVariant title="WithNoLastBorder">
32
- <WithNoLastBorder />
33
- </TestVariant>
34
- <TestVariant title="WithoutActions">
35
- <WithoutActions />
36
- </TestVariant>
37
- <TestVariant title="WithoutBorders">
38
- <WithoutBorders />
39
- </TestVariant>
40
- </div>
41
- );
15
+
16
+ <div>
17
+ <TestVariant title="Default">
18
+ <Default />
19
+ </TestVariant>
20
+ <TestVariant title="RowVariations">
21
+ <RowVariations />
22
+ </TestVariant>
23
+ <TestVariant title="SummaryListExample">
24
+ <SummaryListExample />
25
+ </TestVariant>
26
+ <TestVariant title="WithActions">
27
+ <WithActions />
28
+ </TestVariant>
29
+ <TestVariant title="WithKeyAndAction">
30
+ <WithKeyAndAction />
31
+ </TestVariant>
32
+ <TestVariant title="WithNoLastBorder">
33
+ <WithNoLastBorder />
34
+ </TestVariant>
35
+ <TestVariant title="WithoutActions">
36
+ <WithoutActions />
37
+ </TestVariant>
38
+ <TestVariant title="WithoutBorders">
39
+ <WithoutBorders />
40
+ </TestVariant>
41
+ </div>
42
+ )
42
43
  await page.evaluate(() => document.fonts.ready);
43
44
 
44
- const screenshot = await page.screenshot({
45
- fullPage: true,
46
- animations: 'disabled',
47
- });
45
+ const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
48
46
  expect(screenshot).toMatchSnapshot();
49
47
  });
48
+