@digigov/ui 2.0.0-b15d5d44 → 2.0.0-b19b7fe2

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 (86) hide show
  1. package/cjs/feedback/ErrorSummary/ErrorSummary.stories/index.js +0 -3
  2. package/cjs/feedback/ErrorSummary/ErrorSummary.stories.js.map +2 -2
  3. package/cjs/registry/index.js +62 -64
  4. package/cjs/registry.js.map +2 -2
  5. package/cjs/utils/hooks/useScreen/index.js +1 -1
  6. package/cjs/utils/hooks/useScreen.js.map +2 -2
  7. package/feedback/ErrorSummary/ErrorSummary.stories/index.js +0 -2
  8. package/feedback/ErrorSummary/ErrorSummary.stories.d.ts +0 -1
  9. package/feedback/ErrorSummary/ErrorSummary.stories.js.map +2 -2
  10. package/index.js +1 -1
  11. package/package.json +5 -5
  12. package/registry/index.js +62 -64
  13. package/src/app/BannerContainer/index.test.tsx +11 -10
  14. package/src/app/Footer/index.test.tsx +32 -31
  15. package/src/app/Header/index.test.tsx +23 -22
  16. package/src/app/Loader/index.test.tsx +14 -13
  17. package/src/app/Masthead/index.test.tsx +20 -19
  18. package/src/app/Modal/index.test.tsx +26 -25
  19. package/src/app/NotFound/index.test.tsx +11 -10
  20. package/src/app/Panel/index.test.tsx +11 -10
  21. package/src/app/PhaseBannerHeader/index.test.tsx +11 -10
  22. package/src/app/QrCodeViewer/index.test.tsx +14 -13
  23. package/src/app/Skeleton/index.test.tsx +35 -34
  24. package/src/content/Accordion/index.test.tsx +20 -19
  25. package/src/content/Blockquote/index.test.tsx +14 -13
  26. package/src/content/Card/index.test.tsx +41 -40
  27. package/src/content/Chip/index.test.tsx +23 -22
  28. package/src/content/Details/index.test.tsx +11 -10
  29. package/src/content/List/index.test.tsx +26 -25
  30. package/src/content/Markdown/index.test.tsx +11 -10
  31. package/src/content/SafeHTML/index.test.tsx +11 -10
  32. package/src/content/StepNav/index.test.tsx +23 -22
  33. package/src/content/SummaryList/index.test.tsx +32 -31
  34. package/src/content/Table/index.test.tsx +63 -62
  35. package/src/content/TaskList/index.test.tsx +14 -13
  36. package/src/content/Timeline/index.test.tsx +14 -13
  37. package/src/feedback/CopyToClipboard/index.test.tsx +17 -16
  38. package/src/feedback/ErrorSummary/ErrorSummary.stories.js +0 -1
  39. package/src/feedback/ErrorSummary/index.test.tsx +26 -29
  40. package/src/feedback/NotificationBanner/index.test.tsx +17 -16
  41. package/src/feedback/PhaseBanner/index.test.tsx +14 -13
  42. package/src/feedback/WarningText/index.test.tsx +17 -16
  43. package/src/form/AutoComplete/index.test.tsx +38 -37
  44. package/src/form/Button/index.test.tsx +44 -43
  45. package/src/form/Checkbox/index.test.tsx +38 -37
  46. package/src/form/DateInputContainer/index.test.tsx +23 -22
  47. package/src/form/ErrorMessage/index.test.tsx +17 -16
  48. package/src/form/FileUpload/index.test.tsx +14 -13
  49. package/src/form/RadioContainer/index.test.tsx +38 -37
  50. package/src/form/SearchContainer/index.test.tsx +11 -10
  51. package/src/form/SelectContainer/index.test.tsx +20 -19
  52. package/src/form/SingleCharacterInputs/index.test.tsx +24 -20
  53. package/src/form/TextArea/index.test.tsx +32 -31
  54. package/src/form/TextInput/index.test.tsx +38 -37
  55. package/src/layouts/Basic/index.test.tsx +20 -19
  56. package/src/layouts/Grid/index.test.tsx +17 -16
  57. package/src/layouts/Screen/index.test.tsx +20 -19
  58. package/src/layouts/Stack/index.test.tsx +26 -25
  59. package/src/navigation/BackLink/index.test.tsx +11 -10
  60. package/src/navigation/BackToTopLink/index.test.tsx +14 -13
  61. package/src/navigation/Breadcrumbs/index.test.tsx +23 -22
  62. package/src/navigation/Drawer/index.test.tsx +17 -16
  63. package/src/navigation/Dropdown/index.test.tsx +41 -40
  64. package/src/navigation/Link/index.test.tsx +29 -28
  65. package/src/navigation/NavList/index.test.tsx +35 -34
  66. package/src/navigation/Pagination/index.test.tsx +29 -28
  67. package/src/navigation/SkipLink/index.test.tsx +11 -10
  68. package/src/navigation/Tabs/index.test.tsx +20 -19
  69. package/src/registry.js +62 -64
  70. package/src/typography/CodeBlock/index.test.tsx +20 -19
  71. package/src/typography/Heading/index.test.tsx +11 -10
  72. package/src/typography/HeadingCaption/index.test.tsx +14 -13
  73. package/src/typography/Hint/index.test.tsx +14 -13
  74. package/src/typography/NormalText/index.test.tsx +20 -19
  75. package/src/typography/Paragraph/index.test.tsx +23 -22
  76. package/src/utils/VisuallyHidden/index.test.tsx +11 -10
  77. package/src/utils/hooks/useScreen.ts +3 -2
  78. package/utils/hooks/useScreen/index.js +1 -1
  79. package/utils/hooks/useScreen.js.map +2 -2
  80. package/cjs/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput/index.js +0 -49
  81. package/cjs/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput.js.map +0 -7
  82. package/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput/index.js +0 -16
  83. package/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput/package.json +0 -6
  84. package/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput.d.ts +0 -3
  85. package/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput.js.map +0 -7
  86. package/src/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput.tsx +0 -47
package/src/form/RadioContainer/index.test.tsx CHANGED
@@ -1,6 +1,5 @@
1
1
  import React from 'react';
2
2
  import { test, expect } from '@playwright/experimental-ct-react';
3
- import TestVariant from '@digigov/ui/utils/TestVariant'
4
3
  import { ConditionalReveal } from '@digigov/ui/form/RadioContainer/__stories__/ConditionalReveal';
5
4
  import { Default } from '@digigov/ui/form/RadioContainer/__stories__/Default';
6
5
  import { Dense } from '@digigov/ui/form/RadioContainer/__stories__/Dense';
@@ -11,46 +10,48 @@ import { NoneAnswer } from '@digigov/ui/form/RadioContainer/__stories__/NoneAnsw
11
10
  import { WithErrorMessage } from '@digigov/ui/form/RadioContainer/__stories__/WithErrorMessage';
12
11
  import { WithHints } from '@digigov/ui/form/RadioContainer/__stories__/WithHints';
13
12
  import { WithMediumLegend } from '@digigov/ui/form/RadioContainer/__stories__/WithMediumLegend';
13
+ import TestVariant from '@digigov/ui/utils/TestVariant';
14
14
 
15
15
  test('renders the All RadioContainer variants', async ({ mount, page }) => {
16
16
  await mount(
17
-
18
- <div>
19
- <TestVariant title="ConditionalReveal">
20
- <ConditionalReveal />
21
- </TestVariant>
22
- <TestVariant title="Default">
23
- <Default />
24
- </TestVariant>
25
- <TestVariant title="Dense">
26
- <Dense />
27
- </TestVariant>
28
- <TestVariant title="Inline">
29
- <Inline />
30
- </TestVariant>
31
- <TestVariant title="InlineWithDivider">
32
- <InlineWithDivider />
33
- </TestVariant>
34
- <TestVariant title="MultipleQuestions">
35
- <MultipleQuestions />
36
- </TestVariant>
37
- <TestVariant title="NoneAnswer">
38
- <NoneAnswer />
39
- </TestVariant>
40
- <TestVariant title="WithErrorMessage">
41
- <WithErrorMessage />
42
- </TestVariant>
43
- <TestVariant title="WithHints">
44
- <WithHints />
45
- </TestVariant>
46
- <TestVariant title="WithMediumLegend">
47
- <WithMediumLegend />
48
- </TestVariant>
49
- </div>
50
- )
17
+ <div>
18
+ <TestVariant title="ConditionalReveal">
19
+ <ConditionalReveal />
20
+ </TestVariant>
21
+ <TestVariant title="Default">
22
+ <Default />
23
+ </TestVariant>
24
+ <TestVariant title="Dense">
25
+ <Dense />
26
+ </TestVariant>
27
+ <TestVariant title="Inline">
28
+ <Inline />
29
+ </TestVariant>
30
+ <TestVariant title="InlineWithDivider">
31
+ <InlineWithDivider />
32
+ </TestVariant>
33
+ <TestVariant title="MultipleQuestions">
34
+ <MultipleQuestions />
35
+ </TestVariant>
36
+ <TestVariant title="NoneAnswer">
37
+ <NoneAnswer />
38
+ </TestVariant>
39
+ <TestVariant title="WithErrorMessage">
40
+ <WithErrorMessage />
41
+ </TestVariant>
42
+ <TestVariant title="WithHints">
43
+ <WithHints />
44
+ </TestVariant>
45
+ <TestVariant title="WithMediumLegend">
46
+ <WithMediumLegend />
47
+ </TestVariant>
48
+ </div>
49
+ );
51
50
  await page.evaluate(() => document.fonts.ready);
52
51
 
53
- const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
52
+ const screenshot = await page.screenshot({
53
+ fullPage: true,
54
+ animations: 'disabled',
55
+ });
54
56
  expect(screenshot).toMatchSnapshot();
55
57
  });
56
-
package/src/form/SearchContainer/index.test.tsx CHANGED
@@ -1,20 +1,21 @@
1
1
  import React from 'react';
2
2
  import { test, expect } from '@playwright/experimental-ct-react';
3
- import TestVariant from '@digigov/ui/utils/TestVariant'
4
3
  import { Default } from '@digigov/ui/form/SearchContainer/__stories__/Default';
4
+ import TestVariant from '@digigov/ui/utils/TestVariant';
5
5
 
6
6
  test('renders the All SearchContainer variants', async ({ mount, page }) => {
7
7
  await mount(
8
-
9
- <div>
10
- <TestVariant title="Default">
11
- <Default />
12
- </TestVariant>
13
- </div>
14
- )
8
+ <div>
9
+ <TestVariant title="Default">
10
+ <Default />
11
+ </TestVariant>
12
+ </div>
13
+ );
15
14
  await page.evaluate(() => document.fonts.ready);
16
15
 
17
- const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
16
+ const screenshot = await page.screenshot({
17
+ fullPage: true,
18
+ animations: 'disabled',
19
+ });
18
20
  expect(screenshot).toMatchSnapshot();
19
21
  });
20
-
package/src/form/SelectContainer/index.test.tsx CHANGED
@@ -1,32 +1,33 @@
1
1
  import React from 'react';
2
2
  import { test, expect } from '@playwright/experimental-ct-react';
3
- import TestVariant from '@digigov/ui/utils/TestVariant'
4
3
  import { Default } from '@digigov/ui/form/SelectContainer/__stories__/Default';
5
4
  import { Dense } from '@digigov/ui/form/SelectContainer/__stories__/Dense';
6
5
  import { DisabledInput } from '@digigov/ui/form/SelectContainer/__stories__/DisabledInput';
7
6
  import { WithHint } from '@digigov/ui/form/SelectContainer/__stories__/WithHint';
7
+ import TestVariant from '@digigov/ui/utils/TestVariant';
8
8
 
9
9
  test('renders the All SelectContainer variants', async ({ mount, page }) => {
10
10
  await mount(
11
-
12
- <div>
13
- <TestVariant title="Default">
14
- <Default />
15
- </TestVariant>
16
- <TestVariant title="Dense">
17
- <Dense />
18
- </TestVariant>
19
- <TestVariant title="DisabledInput">
20
- <DisabledInput />
21
- </TestVariant>
22
- <TestVariant title="WithHint">
23
- <WithHint />
24
- </TestVariant>
25
- </div>
26
- )
11
+ <div>
12
+ <TestVariant title="Default">
13
+ <Default />
14
+ </TestVariant>
15
+ <TestVariant title="Dense">
16
+ <Dense />
17
+ </TestVariant>
18
+ <TestVariant title="DisabledInput">
19
+ <DisabledInput />
20
+ </TestVariant>
21
+ <TestVariant title="WithHint">
22
+ <WithHint />
23
+ </TestVariant>
24
+ </div>
25
+ );
27
26
  await page.evaluate(() => document.fonts.ready);
28
27
 
29
- const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
28
+ const screenshot = await page.screenshot({
29
+ fullPage: true,
30
+ animations: 'disabled',
31
+ });
30
32
  expect(screenshot).toMatchSnapshot();
31
33
  });
32
-
package/src/form/SingleCharacterInputs/index.test.tsx CHANGED
@@ -1,32 +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'
4
3
  import { Default } from '@digigov/ui/form/SingleCharacterInputs/__stories__/Default';
5
4
  import { WithDefaultError } from '@digigov/ui/form/SingleCharacterInputs/__stories__/WithDefaultError';
6
5
  import { WithErrorMessageInvalidCode } from '@digigov/ui/form/SingleCharacterInputs/__stories__/WithErrorMessageInvalidCode';
7
6
  import { WithErrorMessageLessDigit } from '@digigov/ui/form/SingleCharacterInputs/__stories__/WithErrorMessageLessDigit';
7
+ import TestVariant from '@digigov/ui/utils/TestVariant';
8
8
 
9
- test('renders the All SingleCharacterInputs variants', async ({ mount, page }) => {
9
+ test('renders the All SingleCharacterInputs variants', async ({
10
+ mount,
11
+ page,
12
+ }) => {
10
13
  await mount(
11
-
12
- <div>
13
- <TestVariant title="Default">
14
- <Default />
15
- </TestVariant>
16
- <TestVariant title="WithDefaultError">
17
- <WithDefaultError />
18
- </TestVariant>
19
- <TestVariant title="WithErrorMessageInvalidCode">
20
- <WithErrorMessageInvalidCode />
21
- </TestVariant>
22
- <TestVariant title="WithErrorMessageLessDigit">
23
- <WithErrorMessageLessDigit />
24
- </TestVariant>
25
- </div>
26
- )
14
+ <div>
15
+ <TestVariant title="Default">
16
+ <Default />
17
+ </TestVariant>
18
+ <TestVariant title="WithDefaultError">
19
+ <WithDefaultError />
20
+ </TestVariant>
21
+ <TestVariant title="WithErrorMessageInvalidCode">
22
+ <WithErrorMessageInvalidCode />
23
+ </TestVariant>
24
+ <TestVariant title="WithErrorMessageLessDigit">
25
+ <WithErrorMessageLessDigit />
26
+ </TestVariant>
27
+ </div>
28
+ );
27
29
  await page.evaluate(() => document.fonts.ready);
28
30
 
29
- const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
31
+ const screenshot = await page.screenshot({
32
+ fullPage: true,
33
+ animations: 'disabled',
34
+ });
30
35
  expect(screenshot).toMatchSnapshot();
31
36
  });
32
-
package/src/form/TextArea/index.test.tsx CHANGED
@@ -1,6 +1,5 @@
1
1
  import React from 'react';
2
2
  import { test, expect } from '@playwright/experimental-ct-react';
3
- import TestVariant from '@digigov/ui/utils/TestVariant'
4
3
  import { Default } from '@digigov/ui/form/TextArea/__stories__/Default';
5
4
  import { Dense } from '@digigov/ui/form/TextArea/__stories__/Dense';
6
5
  import { DisabledInput } from '@digigov/ui/form/TextArea/__stories__/DisabledInput';
@@ -9,40 +8,42 @@ import { MultipleQuestions } from '@digigov/ui/form/TextArea/__stories__/Multipl
9
8
  import { WithDeclaredRows } from '@digigov/ui/form/TextArea/__stories__/WithDeclaredRows';
10
9
  import { WithErrorMessage } from '@digigov/ui/form/TextArea/__stories__/WithErrorMessage';
11
10
  import { WithHint } from '@digigov/ui/form/TextArea/__stories__/WithHint';
11
+ import TestVariant from '@digigov/ui/utils/TestVariant';
12
12
 
13
13
  test('renders the All TextArea variants', async ({ mount, page }) => {
14
14
  await mount(
15
-
16
- <div>
17
- <TestVariant title="Default">
18
- <Default />
19
- </TestVariant>
20
- <TestVariant title="Dense">
21
- <Dense />
22
- </TestVariant>
23
- <TestVariant title="DisabledInput">
24
- <DisabledInput />
25
- </TestVariant>
26
- <TestVariant title="LimitedCharacters">
27
- <LimitedCharacters />
28
- </TestVariant>
29
- <TestVariant title="MultipleQuestions">
30
- <MultipleQuestions />
31
- </TestVariant>
32
- <TestVariant title="WithDeclaredRows">
33
- <WithDeclaredRows />
34
- </TestVariant>
35
- <TestVariant title="WithErrorMessage">
36
- <WithErrorMessage />
37
- </TestVariant>
38
- <TestVariant title="WithHint">
39
- <WithHint />
40
- </TestVariant>
41
- </div>
42
- )
15
+ <div>
16
+ <TestVariant title="Default">
17
+ <Default />
18
+ </TestVariant>
19
+ <TestVariant title="Dense">
20
+ <Dense />
21
+ </TestVariant>
22
+ <TestVariant title="DisabledInput">
23
+ <DisabledInput />
24
+ </TestVariant>
25
+ <TestVariant title="LimitedCharacters">
26
+ <LimitedCharacters />
27
+ </TestVariant>
28
+ <TestVariant title="MultipleQuestions">
29
+ <MultipleQuestions />
30
+ </TestVariant>
31
+ <TestVariant title="WithDeclaredRows">
32
+ <WithDeclaredRows />
33
+ </TestVariant>
34
+ <TestVariant title="WithErrorMessage">
35
+ <WithErrorMessage />
36
+ </TestVariant>
37
+ <TestVariant title="WithHint">
38
+ <WithHint />
39
+ </TestVariant>
40
+ </div>
41
+ );
43
42
  await page.evaluate(() => document.fonts.ready);
44
43
 
45
- const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
44
+ const screenshot = await page.screenshot({
45
+ fullPage: true,
46
+ animations: 'disabled',
47
+ });
46
48
  expect(screenshot).toMatchSnapshot();
47
49
  });
48
-
package/src/form/TextInput/index.test.tsx CHANGED
@@ -1,6 +1,5 @@
1
1
  import React from 'react';
2
2
  import { test, expect } from '@playwright/experimental-ct-react';
3
- import TestVariant from '@digigov/ui/utils/TestVariant'
4
3
  import { AskingForNumbers } from '@digigov/ui/form/TextInput/__stories__/AskingForNumbers';
5
4
  import { Default } from '@digigov/ui/form/TextInput/__stories__/Default';
6
5
  import { Dense } from '@digigov/ui/form/TextInput/__stories__/Dense';
@@ -11,46 +10,48 @@ import { FluidWidths } from '@digigov/ui/form/TextInput/__stories__/FluidWidths'
11
10
  import { MultipleQuestions } from '@digigov/ui/form/TextInput/__stories__/MultipleQuestions';
12
11
  import { WithErrorMessage } from '@digigov/ui/form/TextInput/__stories__/WithErrorMessage';
13
12
  import { WithHint } from '@digigov/ui/form/TextInput/__stories__/WithHint';
13
+ import TestVariant from '@digigov/ui/utils/TestVariant';
14
14
 
15
15
  test('renders the All TextInput variants', async ({ mount, page }) => {
16
16
  await mount(
17
-
18
- <div>
19
- <TestVariant title="AskingForNumbers">
20
- <AskingForNumbers />
21
- </TestVariant>
22
- <TestVariant title="Default">
23
- <Default />
24
- </TestVariant>
25
- <TestVariant title="Dense">
26
- <Dense />
27
- </TestVariant>
28
- <TestVariant title="DisabledInput">
29
- <DisabledInput />
30
- </TestVariant>
31
- <TestVariant title="DisabledInputWithValue">
32
- <DisabledInputWithValue />
33
- </TestVariant>
34
- <TestVariant title="FixedWidths">
35
- <FixedWidths />
36
- </TestVariant>
37
- <TestVariant title="FluidWidths">
38
- <FluidWidths />
39
- </TestVariant>
40
- <TestVariant title="MultipleQuestions">
41
- <MultipleQuestions />
42
- </TestVariant>
43
- <TestVariant title="WithErrorMessage">
44
- <WithErrorMessage />
45
- </TestVariant>
46
- <TestVariant title="WithHint">
47
- <WithHint />
48
- </TestVariant>
49
- </div>
50
- )
17
+ <div>
18
+ <TestVariant title="AskingForNumbers">
19
+ <AskingForNumbers />
20
+ </TestVariant>
21
+ <TestVariant title="Default">
22
+ <Default />
23
+ </TestVariant>
24
+ <TestVariant title="Dense">
25
+ <Dense />
26
+ </TestVariant>
27
+ <TestVariant title="DisabledInput">
28
+ <DisabledInput />
29
+ </TestVariant>
30
+ <TestVariant title="DisabledInputWithValue">
31
+ <DisabledInputWithValue />
32
+ </TestVariant>
33
+ <TestVariant title="FixedWidths">
34
+ <FixedWidths />
35
+ </TestVariant>
36
+ <TestVariant title="FluidWidths">
37
+ <FluidWidths />
38
+ </TestVariant>
39
+ <TestVariant title="MultipleQuestions">
40
+ <MultipleQuestions />
41
+ </TestVariant>
42
+ <TestVariant title="WithErrorMessage">
43
+ <WithErrorMessage />
44
+ </TestVariant>
45
+ <TestVariant title="WithHint">
46
+ <WithHint />
47
+ </TestVariant>
48
+ </div>
49
+ );
51
50
  await page.evaluate(() => document.fonts.ready);
52
51
 
53
- const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
52
+ const screenshot = await page.screenshot({
53
+ fullPage: true,
54
+ animations: 'disabled',
55
+ });
54
56
  expect(screenshot).toMatchSnapshot();
55
57
  });
56
-
package/src/layouts/Basic/index.test.tsx CHANGED
@@ -1,32 +1,33 @@
1
1
  import React from 'react';
2
2
  import { test, expect } from '@playwright/experimental-ct-react';
3
- import TestVariant from '@digigov/ui/utils/TestVariant'
4
3
  import { Default } from '@digigov/ui/layouts/Basic/__stories__/Default';
5
4
  import { MultipleRowsLayout } from '@digigov/ui/layouts/Basic/__stories__/MultipleRowsLayout';
6
5
  import { TwoThirdsOneThirdColumns } from '@digigov/ui/layouts/Basic/__stories__/TwoThirdsOneThirdColumns';
7
6
  import { WithBasicLayout } from '@digigov/ui/layouts/Basic/__stories__/WithBasicLayout';
7
+ import TestVariant from '@digigov/ui/utils/TestVariant';
8
8
 
9
9
  test('renders the All Basic variants', async ({ mount, page }) => {
10
10
  await mount(
11
-
12
- <div>
13
- <TestVariant title="Default">
14
- <Default />
15
- </TestVariant>
16
- <TestVariant title="MultipleRowsLayout">
17
- <MultipleRowsLayout />
18
- </TestVariant>
19
- <TestVariant title="TwoThirdsOneThirdColumns">
20
- <TwoThirdsOneThirdColumns />
21
- </TestVariant>
22
- <TestVariant title="WithBasicLayout">
23
- <WithBasicLayout />
24
- </TestVariant>
25
- </div>
26
- )
11
+ <div>
12
+ <TestVariant title="Default">
13
+ <Default />
14
+ </TestVariant>
15
+ <TestVariant title="MultipleRowsLayout">
16
+ <MultipleRowsLayout />
17
+ </TestVariant>
18
+ <TestVariant title="TwoThirdsOneThirdColumns">
19
+ <TwoThirdsOneThirdColumns />
20
+ </TestVariant>
21
+ <TestVariant title="WithBasicLayout">
22
+ <WithBasicLayout />
23
+ </TestVariant>
24
+ </div>
25
+ );
27
26
  await page.evaluate(() => document.fonts.ready);
28
27
 
29
- const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
28
+ const screenshot = await page.screenshot({
29
+ fullPage: true,
30
+ animations: 'disabled',
31
+ });
30
32
  expect(screenshot).toMatchSnapshot();
31
33
  });
32
-
package/src/layouts/Grid/index.test.tsx CHANGED
@@ -1,28 +1,29 @@
1
1
  import React from 'react';
2
2
  import { test, expect } from '@playwright/experimental-ct-react';
3
- import TestVariant from '@digigov/ui/utils/TestVariant'
4
3
  import { Default } from '@digigov/ui/layouts/Grid/__stories__/Default';
5
4
  import { Inline } from '@digigov/ui/layouts/Grid/__stories__/Inline';
6
5
  import { ResponsiveSpacing } from '@digigov/ui/layouts/Grid/__stories__/ResponsiveSpacing';
6
+ import TestVariant from '@digigov/ui/utils/TestVariant';
7
7
 
8
8
  test('renders the All Grid variants', async ({ mount, page }) => {
9
9
  await mount(
10
-
11
- <div>
12
- <TestVariant title="Default">
13
- <Default />
14
- </TestVariant>
15
- <TestVariant title="Inline">
16
- <Inline />
17
- </TestVariant>
18
- <TestVariant title="ResponsiveSpacing">
19
- <ResponsiveSpacing />
20
- </TestVariant>
21
- </div>
22
- )
10
+ <div>
11
+ <TestVariant title="Default">
12
+ <Default />
13
+ </TestVariant>
14
+ <TestVariant title="Inline">
15
+ <Inline />
16
+ </TestVariant>
17
+ <TestVariant title="ResponsiveSpacing">
18
+ <ResponsiveSpacing />
19
+ </TestVariant>
20
+ </div>
21
+ );
23
22
  await page.evaluate(() => document.fonts.ready);
24
23
 
25
- const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
24
+ const screenshot = await page.screenshot({
25
+ fullPage: true,
26
+ animations: 'disabled',
27
+ });
26
28
  expect(screenshot).toMatchSnapshot();
27
29
  });
28
-
package/src/layouts/Screen/index.test.tsx CHANGED
@@ -1,32 +1,33 @@
1
1
  import React from 'react';
2
2
  import { test, expect } from '@playwright/experimental-ct-react';
3
- import TestVariant from '@digigov/ui/utils/TestVariant'
4
3
  import { Default } from '@digigov/ui/layouts/Screen/__stories__/Default';
5
4
  import { ScreenDown } from '@digigov/ui/layouts/Screen/__stories__/ScreenDown';
6
5
  import { ScreenUp } from '@digigov/ui/layouts/Screen/__stories__/ScreenUp';
7
6
  import { SpecificScreenSize } from '@digigov/ui/layouts/Screen/__stories__/SpecificScreenSize';
7
+ import TestVariant from '@digigov/ui/utils/TestVariant';
8
8
 
9
9
  test('renders the All Screen variants', async ({ mount, page }) => {
10
10
  await mount(
11
-
12
- <div>
13
- <TestVariant title="Default">
14
- <Default />
15
- </TestVariant>
16
- <TestVariant title="ScreenDown">
17
- <ScreenDown />
18
- </TestVariant>
19
- <TestVariant title="ScreenUp">
20
- <ScreenUp />
21
- </TestVariant>
22
- <TestVariant title="SpecificScreenSize">
23
- <SpecificScreenSize />
24
- </TestVariant>
25
- </div>
26
- )
11
+ <div>
12
+ <TestVariant title="Default">
13
+ <Default />
14
+ </TestVariant>
15
+ <TestVariant title="ScreenDown">
16
+ <ScreenDown />
17
+ </TestVariant>
18
+ <TestVariant title="ScreenUp">
19
+ <ScreenUp />
20
+ </TestVariant>
21
+ <TestVariant title="SpecificScreenSize">
22
+ <SpecificScreenSize />
23
+ </TestVariant>
24
+ </div>
25
+ );
27
26
  await page.evaluate(() => document.fonts.ready);
28
27
 
29
- const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
28
+ const screenshot = await page.screenshot({
29
+ fullPage: true,
30
+ animations: 'disabled',
31
+ });
30
32
  expect(screenshot).toMatchSnapshot();
31
33
  });
32
-
package/src/layouts/Stack/index.test.tsx CHANGED
@@ -1,40 +1,41 @@
1
1
  import React from 'react';
2
2
  import { test, expect } from '@playwright/experimental-ct-react';
3
- import TestVariant from '@digigov/ui/utils/TestVariant'
4
3
  import { AlignItems } from '@digigov/ui/layouts/Stack/__stories__/AlignItems';
5
4
  import { Default } from '@digigov/ui/layouts/Stack/__stories__/Default';
6
5
  import { JustifyContent } from '@digigov/ui/layouts/Stack/__stories__/JustifyContent';
7
6
  import { NoWrap } from '@digigov/ui/layouts/Stack/__stories__/NoWrap';
8
7
  import { Row } from '@digigov/ui/layouts/Stack/__stories__/Row';
9
8
  import { Spacing } from '@digigov/ui/layouts/Stack/__stories__/Spacing';
9
+ import TestVariant from '@digigov/ui/utils/TestVariant';
10
10
 
11
11
  test('renders the All Stack variants', async ({ mount, page }) => {
12
12
  await mount(
13
-
14
- <div>
15
- <TestVariant title="AlignItems">
16
- <AlignItems />
17
- </TestVariant>
18
- <TestVariant title="Default">
19
- <Default />
20
- </TestVariant>
21
- <TestVariant title="JustifyContent">
22
- <JustifyContent />
23
- </TestVariant>
24
- <TestVariant title="NoWrap">
25
- <NoWrap />
26
- </TestVariant>
27
- <TestVariant title="Row">
28
- <Row />
29
- </TestVariant>
30
- <TestVariant title="Spacing">
31
- <Spacing />
32
- </TestVariant>
33
- </div>
34
- )
13
+ <div>
14
+ <TestVariant title="AlignItems">
15
+ <AlignItems />
16
+ </TestVariant>
17
+ <TestVariant title="Default">
18
+ <Default />
19
+ </TestVariant>
20
+ <TestVariant title="JustifyContent">
21
+ <JustifyContent />
22
+ </TestVariant>
23
+ <TestVariant title="NoWrap">
24
+ <NoWrap />
25
+ </TestVariant>
26
+ <TestVariant title="Row">
27
+ <Row />
28
+ </TestVariant>
29
+ <TestVariant title="Spacing">
30
+ <Spacing />
31
+ </TestVariant>
32
+ </div>
33
+ );
35
34
  await page.evaluate(() => document.fonts.ready);
36
35
 
37
- const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
36
+ const screenshot = await page.screenshot({
37
+ fullPage: true,
38
+ animations: 'disabled',
39
+ });
38
40
  expect(screenshot).toMatchSnapshot();
39
41
  });
40
-