@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.
- package/cjs/feedback/ErrorSummary/ErrorSummary.stories/index.js +0 -3
- package/cjs/feedback/ErrorSummary/ErrorSummary.stories.js.map +2 -2
- package/cjs/registry/index.js +62 -64
- package/cjs/registry.js.map +2 -2
- package/cjs/utils/hooks/useScreen/index.js +1 -1
- package/cjs/utils/hooks/useScreen.js.map +2 -2
- package/feedback/ErrorSummary/ErrorSummary.stories/index.js +0 -2
- package/feedback/ErrorSummary/ErrorSummary.stories.d.ts +0 -1
- package/feedback/ErrorSummary/ErrorSummary.stories.js.map +2 -2
- package/index.js +1 -1
- package/package.json +5 -5
- package/registry/index.js +62 -64
- package/src/app/BannerContainer/index.test.tsx +11 -10
- package/src/app/Footer/index.test.tsx +32 -31
- package/src/app/Header/index.test.tsx +23 -22
- package/src/app/Loader/index.test.tsx +14 -13
- package/src/app/Masthead/index.test.tsx +20 -19
- package/src/app/Modal/index.test.tsx +26 -25
- package/src/app/NotFound/index.test.tsx +11 -10
- package/src/app/Panel/index.test.tsx +11 -10
- package/src/app/PhaseBannerHeader/index.test.tsx +11 -10
- package/src/app/QrCodeViewer/index.test.tsx +14 -13
- package/src/app/Skeleton/index.test.tsx +35 -34
- package/src/content/Accordion/index.test.tsx +20 -19
- package/src/content/Blockquote/index.test.tsx +14 -13
- package/src/content/Card/index.test.tsx +41 -40
- package/src/content/Chip/index.test.tsx +23 -22
- package/src/content/Details/index.test.tsx +11 -10
- package/src/content/List/index.test.tsx +26 -25
- package/src/content/Markdown/index.test.tsx +11 -10
- package/src/content/SafeHTML/index.test.tsx +11 -10
- package/src/content/StepNav/index.test.tsx +23 -22
- package/src/content/SummaryList/index.test.tsx +32 -31
- package/src/content/Table/index.test.tsx +63 -62
- package/src/content/TaskList/index.test.tsx +14 -13
- package/src/content/Timeline/index.test.tsx +14 -13
- package/src/feedback/CopyToClipboard/index.test.tsx +17 -16
- package/src/feedback/ErrorSummary/ErrorSummary.stories.js +0 -1
- package/src/feedback/ErrorSummary/index.test.tsx +26 -29
- package/src/feedback/NotificationBanner/index.test.tsx +17 -16
- package/src/feedback/PhaseBanner/index.test.tsx +14 -13
- package/src/feedback/WarningText/index.test.tsx +17 -16
- package/src/form/AutoComplete/index.test.tsx +38 -37
- package/src/form/Button/index.test.tsx +44 -43
- package/src/form/Checkbox/index.test.tsx +38 -37
- package/src/form/DateInputContainer/index.test.tsx +23 -22
- package/src/form/ErrorMessage/index.test.tsx +17 -16
- package/src/form/FileUpload/index.test.tsx +14 -13
- package/src/form/RadioContainer/index.test.tsx +38 -37
- package/src/form/SearchContainer/index.test.tsx +11 -10
- package/src/form/SelectContainer/index.test.tsx +20 -19
- package/src/form/SingleCharacterInputs/index.test.tsx +24 -20
- package/src/form/TextArea/index.test.tsx +32 -31
- package/src/form/TextInput/index.test.tsx +38 -37
- package/src/layouts/Basic/index.test.tsx +20 -19
- package/src/layouts/Grid/index.test.tsx +17 -16
- package/src/layouts/Screen/index.test.tsx +20 -19
- package/src/layouts/Stack/index.test.tsx +26 -25
- package/src/navigation/BackLink/index.test.tsx +11 -10
- package/src/navigation/BackToTopLink/index.test.tsx +14 -13
- package/src/navigation/Breadcrumbs/index.test.tsx +23 -22
- package/src/navigation/Drawer/index.test.tsx +17 -16
- package/src/navigation/Dropdown/index.test.tsx +41 -40
- package/src/navigation/Link/index.test.tsx +29 -28
- package/src/navigation/NavList/index.test.tsx +35 -34
- package/src/navigation/Pagination/index.test.tsx +29 -28
- package/src/navigation/SkipLink/index.test.tsx +11 -10
- package/src/navigation/Tabs/index.test.tsx +20 -19
- package/src/registry.js +62 -64
- package/src/typography/CodeBlock/index.test.tsx +20 -19
- package/src/typography/Heading/index.test.tsx +11 -10
- package/src/typography/HeadingCaption/index.test.tsx +14 -13
- package/src/typography/Hint/index.test.tsx +14 -13
- package/src/typography/NormalText/index.test.tsx +20 -19
- package/src/typography/Paragraph/index.test.tsx +23 -22
- package/src/utils/VisuallyHidden/index.test.tsx +11 -10
- package/src/utils/hooks/useScreen.ts +3 -2
- package/utils/hooks/useScreen/index.js +1 -1
- package/utils/hooks/useScreen.js.map +2 -2
- package/cjs/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput/index.js +0 -49
- package/cjs/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput.js.map +0 -7
- package/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput/index.js +0 -16
- package/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput/package.json +0 -6
- package/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput.d.ts +0 -3
- package/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput.js.map +0 -7
- package/src/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput.tsx +0 -47
|
@@ -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/feedback/NotificationBanner/__stories__/Default';
|
|
5
4
|
import { Dense } from '@digigov/ui/feedback/NotificationBanner/__stories__/Dense';
|
|
6
5
|
import { Success } from '@digigov/ui/feedback/NotificationBanner/__stories__/Success';
|
|
6
|
+
import TestVariant from '@digigov/ui/utils/TestVariant';
|
|
7
7
|
|
|
8
8
|
test('renders the All NotificationBanner variants', async ({ mount, page }) => {
|
|
9
9
|
await mount(
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
</
|
|
21
|
-
|
|
22
|
-
)
|
|
10
|
+
<div>
|
|
11
|
+
<TestVariant title="Default">
|
|
12
|
+
<Default />
|
|
13
|
+
</TestVariant>
|
|
14
|
+
<TestVariant title="Dense">
|
|
15
|
+
<Dense />
|
|
16
|
+
</TestVariant>
|
|
17
|
+
<TestVariant title="Success">
|
|
18
|
+
<Success />
|
|
19
|
+
</TestVariant>
|
|
20
|
+
</div>
|
|
21
|
+
);
|
|
23
22
|
await page.evaluate(() => document.fonts.ready);
|
|
24
23
|
|
|
25
|
-
const screenshot = await page.screenshot({
|
|
24
|
+
const screenshot = await page.screenshot({
|
|
25
|
+
fullPage: true,
|
|
26
|
+
animations: 'disabled',
|
|
27
|
+
});
|
|
26
28
|
expect(screenshot).toMatchSnapshot();
|
|
27
29
|
});
|
|
28
|
-
|
|
@@ -1,24 +1,25 @@
|
|
|
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/feedback/PhaseBanner/__stories__/Default';
|
|
5
4
|
import { Underlined } from '@digigov/ui/feedback/PhaseBanner/__stories__/Underlined';
|
|
5
|
+
import TestVariant from '@digigov/ui/utils/TestVariant';
|
|
6
6
|
|
|
7
7
|
test('renders the All PhaseBanner variants', async ({ mount, page }) => {
|
|
8
8
|
await mount(
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
</
|
|
17
|
-
|
|
18
|
-
)
|
|
9
|
+
<div>
|
|
10
|
+
<TestVariant title="Default">
|
|
11
|
+
<Default />
|
|
12
|
+
</TestVariant>
|
|
13
|
+
<TestVariant title="Underlined">
|
|
14
|
+
<Underlined />
|
|
15
|
+
</TestVariant>
|
|
16
|
+
</div>
|
|
17
|
+
);
|
|
19
18
|
await page.evaluate(() => document.fonts.ready);
|
|
20
19
|
|
|
21
|
-
const screenshot = await page.screenshot({
|
|
20
|
+
const screenshot = await page.screenshot({
|
|
21
|
+
fullPage: true,
|
|
22
|
+
animations: 'disabled',
|
|
23
|
+
});
|
|
22
24
|
expect(screenshot).toMatchSnapshot();
|
|
23
25
|
});
|
|
24
|
-
|
|
@@ -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 { AssistiveText } from '@digigov/ui/feedback/WarningText/__stories__/AssistiveText';
|
|
5
4
|
import { Default } from '@digigov/ui/feedback/WarningText/__stories__/Default';
|
|
6
5
|
import { Dense } from '@digigov/ui/feedback/WarningText/__stories__/Dense';
|
|
6
|
+
import TestVariant from '@digigov/ui/utils/TestVariant';
|
|
7
7
|
|
|
8
8
|
test('renders the All WarningText variants', async ({ mount, page }) => {
|
|
9
9
|
await mount(
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
</
|
|
21
|
-
|
|
22
|
-
)
|
|
10
|
+
<div>
|
|
11
|
+
<TestVariant title="AssistiveText">
|
|
12
|
+
<AssistiveText />
|
|
13
|
+
</TestVariant>
|
|
14
|
+
<TestVariant title="Default">
|
|
15
|
+
<Default />
|
|
16
|
+
</TestVariant>
|
|
17
|
+
<TestVariant title="Dense">
|
|
18
|
+
<Dense />
|
|
19
|
+
</TestVariant>
|
|
20
|
+
</div>
|
|
21
|
+
);
|
|
23
22
|
await page.evaluate(() => document.fonts.ready);
|
|
24
23
|
|
|
25
|
-
const screenshot = await page.screenshot({
|
|
24
|
+
const screenshot = await page.screenshot({
|
|
25
|
+
fullPage: true,
|
|
26
|
+
animations: 'disabled',
|
|
27
|
+
});
|
|
26
28
|
expect(screenshot).toMatchSnapshot();
|
|
27
29
|
});
|
|
28
|
-
|
|
@@ -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/AutoComplete/__stories__/Default';
|
|
5
4
|
import { Multiple } from '@digigov/ui/form/AutoComplete/__stories__/Multiple';
|
|
6
5
|
import { MultipleShowingTwoSelected } from '@digigov/ui/form/AutoComplete/__stories__/MultipleShowingTwoSelected';
|
|
@@ -11,46 +10,48 @@ import { WithDefaultValue } from '@digigov/ui/form/AutoComplete/__stories__/With
|
|
|
11
10
|
import { WithMinLength } from '@digigov/ui/form/AutoComplete/__stories__/WithMinLength';
|
|
12
11
|
import { WithPlaceHolder } from '@digigov/ui/form/AutoComplete/__stories__/WithPlaceHolder';
|
|
13
12
|
import { WithShowAllValues } from '@digigov/ui/form/AutoComplete/__stories__/WithShowAllValues';
|
|
13
|
+
import TestVariant from '@digigov/ui/utils/TestVariant';
|
|
14
14
|
|
|
15
15
|
test('renders the All AutoComplete variants', async ({ mount, page }) => {
|
|
16
16
|
await mount(
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
</
|
|
49
|
-
|
|
50
|
-
)
|
|
17
|
+
<div>
|
|
18
|
+
<TestVariant title="Default">
|
|
19
|
+
<Default />
|
|
20
|
+
</TestVariant>
|
|
21
|
+
<TestVariant title="Multiple">
|
|
22
|
+
<Multiple />
|
|
23
|
+
</TestVariant>
|
|
24
|
+
<TestVariant title="MultipleShowingTwoSelected">
|
|
25
|
+
<MultipleShowingTwoSelected />
|
|
26
|
+
</TestVariant>
|
|
27
|
+
<TestVariant title="MultipleWithDefaultValues">
|
|
28
|
+
<MultipleWithDefaultValues />
|
|
29
|
+
</TestVariant>
|
|
30
|
+
<TestVariant title="MultipleWithMinLength">
|
|
31
|
+
<MultipleWithMinLength />
|
|
32
|
+
</TestVariant>
|
|
33
|
+
<TestVariant title="WithAutoSelect">
|
|
34
|
+
<WithAutoSelect />
|
|
35
|
+
</TestVariant>
|
|
36
|
+
<TestVariant title="WithDefaultValue">
|
|
37
|
+
<WithDefaultValue />
|
|
38
|
+
</TestVariant>
|
|
39
|
+
<TestVariant title="WithMinLength">
|
|
40
|
+
<WithMinLength />
|
|
41
|
+
</TestVariant>
|
|
42
|
+
<TestVariant title="WithPlaceHolder">
|
|
43
|
+
<WithPlaceHolder />
|
|
44
|
+
</TestVariant>
|
|
45
|
+
<TestVariant title="WithShowAllValues">
|
|
46
|
+
<WithShowAllValues />
|
|
47
|
+
</TestVariant>
|
|
48
|
+
</div>
|
|
49
|
+
);
|
|
51
50
|
await page.evaluate(() => document.fonts.ready);
|
|
52
51
|
|
|
53
|
-
const screenshot = await page.screenshot({
|
|
52
|
+
const screenshot = await page.screenshot({
|
|
53
|
+
fullPage: true,
|
|
54
|
+
animations: 'disabled',
|
|
55
|
+
});
|
|
54
56
|
expect(screenshot).toMatchSnapshot();
|
|
55
57
|
});
|
|
56
|
-
|
|
@@ -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 { Back } from '@digigov/ui/form/Button/__stories__/Back';
|
|
5
4
|
import { ButtonLinkButton } from '@digigov/ui/form/Button/__stories__/ButtonLinkButton';
|
|
6
5
|
import { CallToActionButton } from '@digigov/ui/form/Button/__stories__/CallToActionButton';
|
|
@@ -13,52 +12,54 @@ import { Secondary } from '@digigov/ui/form/Button/__stories__/Secondary';
|
|
|
13
12
|
import { ThemeToggle } from '@digigov/ui/form/Button/__stories__/ThemeToggle';
|
|
14
13
|
import { Warning } from '@digigov/ui/form/Button/__stories__/Warning';
|
|
15
14
|
import { WithVariantLink } from '@digigov/ui/form/Button/__stories__/WithVariantLink';
|
|
15
|
+
import TestVariant from '@digigov/ui/utils/TestVariant';
|
|
16
16
|
|
|
17
17
|
test('renders the All Button variants', async ({ mount, page }) => {
|
|
18
18
|
await mount(
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
</
|
|
57
|
-
|
|
58
|
-
)
|
|
19
|
+
<div>
|
|
20
|
+
<TestVariant title="Back">
|
|
21
|
+
<Back />
|
|
22
|
+
</TestVariant>
|
|
23
|
+
<TestVariant title="ButtonLinkButton">
|
|
24
|
+
<ButtonLinkButton />
|
|
25
|
+
</TestVariant>
|
|
26
|
+
<TestVariant title="CallToActionButton">
|
|
27
|
+
<CallToActionButton />
|
|
28
|
+
</TestVariant>
|
|
29
|
+
<TestVariant title="Dense">
|
|
30
|
+
<Dense />
|
|
31
|
+
</TestVariant>
|
|
32
|
+
<TestVariant title="Disabled">
|
|
33
|
+
<Disabled />
|
|
34
|
+
</TestVariant>
|
|
35
|
+
<TestVariant title="GroupingButtons">
|
|
36
|
+
<GroupingButtons />
|
|
37
|
+
</TestVariant>
|
|
38
|
+
<TestVariant title="GroupingButtonsAndLinks">
|
|
39
|
+
<GroupingButtonsAndLinks />
|
|
40
|
+
</TestVariant>
|
|
41
|
+
<TestVariant title="Primary">
|
|
42
|
+
<Primary />
|
|
43
|
+
</TestVariant>
|
|
44
|
+
<TestVariant title="Secondary">
|
|
45
|
+
<Secondary />
|
|
46
|
+
</TestVariant>
|
|
47
|
+
<TestVariant title="ThemeToggle">
|
|
48
|
+
<ThemeToggle />
|
|
49
|
+
</TestVariant>
|
|
50
|
+
<TestVariant title="Warning">
|
|
51
|
+
<Warning />
|
|
52
|
+
</TestVariant>
|
|
53
|
+
<TestVariant title="WithVariantLink">
|
|
54
|
+
<WithVariantLink />
|
|
55
|
+
</TestVariant>
|
|
56
|
+
</div>
|
|
57
|
+
);
|
|
59
58
|
await page.evaluate(() => document.fonts.ready);
|
|
60
59
|
|
|
61
|
-
const screenshot = await page.screenshot({
|
|
60
|
+
const screenshot = await page.screenshot({
|
|
61
|
+
fullPage: true,
|
|
62
|
+
animations: 'disabled',
|
|
63
|
+
});
|
|
62
64
|
expect(screenshot).toMatchSnapshot();
|
|
63
65
|
});
|
|
64
|
-
|
|
@@ -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/Checkbox/__stories__/ConditionalReveal';
|
|
5
4
|
import { Default } from '@digigov/ui/form/Checkbox/__stories__/Default';
|
|
6
5
|
import { Dense } from '@digigov/ui/form/Checkbox/__stories__/Dense';
|
|
@@ -11,46 +10,48 @@ import { NoneAnswer } from '@digigov/ui/form/Checkbox/__stories__/NoneAnswer';
|
|
|
11
10
|
import { NoneAnswerWithError } from '@digigov/ui/form/Checkbox/__stories__/NoneAnswerWithError';
|
|
12
11
|
import { WithErrorMessage } from '@digigov/ui/form/Checkbox/__stories__/WithErrorMessage';
|
|
13
12
|
import { WithHint } from '@digigov/ui/form/Checkbox/__stories__/WithHint';
|
|
13
|
+
import TestVariant from '@digigov/ui/utils/TestVariant';
|
|
14
14
|
|
|
15
15
|
test('renders the All Checkbox variants', async ({ mount, page }) => {
|
|
16
16
|
await mount(
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
</
|
|
49
|
-
|
|
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="NoneAnswerWithError">
|
|
40
|
+
<NoneAnswerWithError />
|
|
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({
|
|
52
|
+
const screenshot = await page.screenshot({
|
|
53
|
+
fullPage: true,
|
|
54
|
+
animations: 'disabled',
|
|
55
|
+
});
|
|
54
56
|
expect(screenshot).toMatchSnapshot();
|
|
55
57
|
});
|
|
56
|
-
|
|
@@ -1,36 +1,37 @@
|
|
|
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/DateInputContainer/__stories__/Default';
|
|
5
4
|
import { Dense } from '@digigov/ui/form/DateInputContainer/__stories__/Dense';
|
|
6
5
|
import { MultipleQuestions } from '@digigov/ui/form/DateInputContainer/__stories__/MultipleQuestions';
|
|
7
6
|
import { WithErrorMessage } from '@digigov/ui/form/DateInputContainer/__stories__/WithErrorMessage';
|
|
8
7
|
import { WithErrorMessageForSingleField } from '@digigov/ui/form/DateInputContainer/__stories__/WithErrorMessageForSingleField';
|
|
8
|
+
import TestVariant from '@digigov/ui/utils/TestVariant';
|
|
9
9
|
|
|
10
10
|
test('renders the All DateInputContainer variants', async ({ mount, page }) => {
|
|
11
11
|
await mount(
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
</
|
|
29
|
-
|
|
30
|
-
)
|
|
12
|
+
<div>
|
|
13
|
+
<TestVariant title="Default">
|
|
14
|
+
<Default />
|
|
15
|
+
</TestVariant>
|
|
16
|
+
<TestVariant title="Dense">
|
|
17
|
+
<Dense />
|
|
18
|
+
</TestVariant>
|
|
19
|
+
<TestVariant title="MultipleQuestions">
|
|
20
|
+
<MultipleQuestions />
|
|
21
|
+
</TestVariant>
|
|
22
|
+
<TestVariant title="WithErrorMessage">
|
|
23
|
+
<WithErrorMessage />
|
|
24
|
+
</TestVariant>
|
|
25
|
+
<TestVariant title="WithErrorMessageForSingleField">
|
|
26
|
+
<WithErrorMessageForSingleField />
|
|
27
|
+
</TestVariant>
|
|
28
|
+
</div>
|
|
29
|
+
);
|
|
31
30
|
await page.evaluate(() => document.fonts.ready);
|
|
32
31
|
|
|
33
|
-
const screenshot = await page.screenshot({
|
|
32
|
+
const screenshot = await page.screenshot({
|
|
33
|
+
fullPage: true,
|
|
34
|
+
animations: 'disabled',
|
|
35
|
+
});
|
|
34
36
|
expect(screenshot).toMatchSnapshot();
|
|
35
37
|
});
|
|
36
|
-
|
|
@@ -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 { DateInputError } from '@digigov/ui/form/ErrorMessage/__stories__/DateInputError';
|
|
5
4
|
import { Default } from '@digigov/ui/form/ErrorMessage/__stories__/Default';
|
|
6
5
|
import { ErrorMessageOnly } from '@digigov/ui/form/ErrorMessage/__stories__/ErrorMessageOnly';
|
|
6
|
+
import TestVariant from '@digigov/ui/utils/TestVariant';
|
|
7
7
|
|
|
8
8
|
test('renders the All ErrorMessage variants', async ({ mount, page }) => {
|
|
9
9
|
await mount(
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
</
|
|
21
|
-
|
|
22
|
-
)
|
|
10
|
+
<div>
|
|
11
|
+
<TestVariant title="DateInputError">
|
|
12
|
+
<DateInputError />
|
|
13
|
+
</TestVariant>
|
|
14
|
+
<TestVariant title="Default">
|
|
15
|
+
<Default />
|
|
16
|
+
</TestVariant>
|
|
17
|
+
<TestVariant title="ErrorMessageOnly">
|
|
18
|
+
<ErrorMessageOnly />
|
|
19
|
+
</TestVariant>
|
|
20
|
+
</div>
|
|
21
|
+
);
|
|
23
22
|
await page.evaluate(() => document.fonts.ready);
|
|
24
23
|
|
|
25
|
-
const screenshot = await page.screenshot({
|
|
24
|
+
const screenshot = await page.screenshot({
|
|
25
|
+
fullPage: true,
|
|
26
|
+
animations: 'disabled',
|
|
27
|
+
});
|
|
26
28
|
expect(screenshot).toMatchSnapshot();
|
|
27
29
|
});
|
|
28
|
-
|
|
@@ -1,24 +1,25 @@
|
|
|
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/FileUpload/__stories__/Default';
|
|
5
4
|
import { WithErrorMessage } from '@digigov/ui/form/FileUpload/__stories__/WithErrorMessage';
|
|
5
|
+
import TestVariant from '@digigov/ui/utils/TestVariant';
|
|
6
6
|
|
|
7
7
|
test('renders the All FileUpload variants', async ({ mount, page }) => {
|
|
8
8
|
await mount(
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
</
|
|
17
|
-
|
|
18
|
-
)
|
|
9
|
+
<div>
|
|
10
|
+
<TestVariant title="Default">
|
|
11
|
+
<Default />
|
|
12
|
+
</TestVariant>
|
|
13
|
+
<TestVariant title="WithErrorMessage">
|
|
14
|
+
<WithErrorMessage />
|
|
15
|
+
</TestVariant>
|
|
16
|
+
</div>
|
|
17
|
+
);
|
|
19
18
|
await page.evaluate(() => document.fonts.ready);
|
|
20
19
|
|
|
21
|
-
const screenshot = await page.screenshot({
|
|
20
|
+
const screenshot = await page.screenshot({
|
|
21
|
+
fullPage: true,
|
|
22
|
+
animations: 'disabled',
|
|
23
|
+
});
|
|
22
24
|
expect(screenshot).toMatchSnapshot();
|
|
23
25
|
});
|
|
24
|
-
|