@simplybusiness/mobius 3.9.3 → 3.10.0
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/CHANGELOG.md +9 -0
- package/dist/esm/tsconfig.esm.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/components/NumberField/NumberField.mdx +17 -0
- package/src/components/NumberField/__snapshots__/NumberField.test.tsx.snap +7 -14
- package/dist/esm/components/Accordion/Accordion.stories.js +0 -45
- package/dist/esm/components/Accordion/Accordion.stories.js.map +0 -1
- package/dist/esm/components/Accordion/Accordion.test.js +0 -65
- package/dist/esm/components/Accordion/Accordion.test.js.map +0 -1
- package/dist/esm/components/Alert/Alert.stories.js +0 -32
- package/dist/esm/components/Alert/Alert.stories.js.map +0 -1
- package/dist/esm/components/Alert/Alert.test.js +0 -48
- package/dist/esm/components/Alert/Alert.test.js.map +0 -1
- package/dist/esm/components/Box/Box.stories.js +0 -20
- package/dist/esm/components/Box/Box.stories.js.map +0 -1
- package/dist/esm/components/Box/Box.test.js +0 -31
- package/dist/esm/components/Box/Box.test.js.map +0 -1
- package/dist/esm/components/Breadcrumbs/Breadcrumbs.stories.js +0 -17
- package/dist/esm/components/Breadcrumbs/Breadcrumbs.stories.js.map +0 -1
- package/dist/esm/components/Breadcrumbs/Breadcrumbs.test.js +0 -33
- package/dist/esm/components/Breadcrumbs/Breadcrumbs.test.js.map +0 -1
- package/dist/esm/components/Button/Button.stories.js +0 -213
- package/dist/esm/components/Button/Button.stories.js.map +0 -1
- package/dist/esm/components/Button/Button.test.js +0 -81
- package/dist/esm/components/Button/Button.test.js.map +0 -1
- package/dist/esm/components/Checkbox/Checkbox.stories.js +0 -98
- package/dist/esm/components/Checkbox/Checkbox.stories.js.map +0 -1
- package/dist/esm/components/Checkbox/Checkbox.test.js +0 -108
- package/dist/esm/components/Checkbox/Checkbox.test.js.map +0 -1
- package/dist/esm/components/Checkbox/CheckboxGroup.stories.js +0 -71
- package/dist/esm/components/Checkbox/CheckboxGroup.stories.js.map +0 -1
- package/dist/esm/components/Checkbox/CheckboxGroup.test.js +0 -44
- package/dist/esm/components/Checkbox/CheckboxGroup.test.js.map +0 -1
- package/dist/esm/components/Chopin/Actions/Actions.stories.js +0 -56
- package/dist/esm/components/Chopin/Actions/Actions.stories.js.map +0 -1
- package/dist/esm/components/Chopin/Actions/Actions.test.js +0 -95
- package/dist/esm/components/Chopin/Actions/Actions.test.js.map +0 -1
- package/dist/esm/components/Chopin/Actions/LinkOrButton.test.js +0 -33
- package/dist/esm/components/Chopin/Actions/LinkOrButton.test.js.map +0 -1
- package/dist/esm/components/Chopin/Footer/Footer.stories.js +0 -166
- package/dist/esm/components/Chopin/Footer/Footer.stories.js.map +0 -1
- package/dist/esm/components/Chopin/Footer/Footer.test.js +0 -90
- package/dist/esm/components/Chopin/Footer/Footer.test.js.map +0 -1
- package/dist/esm/components/Chopin/Header/Header.stories.js +0 -38
- package/dist/esm/components/Chopin/Header/Header.stories.js.map +0 -1
- package/dist/esm/components/Chopin/Header/Header.test.js +0 -86
- package/dist/esm/components/Chopin/Header/Header.test.js.map +0 -1
- package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.js +0 -43
- package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.js.map +0 -1
- package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.test.js +0 -108
- package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.test.js.map +0 -1
- package/dist/esm/components/Chopin/Question/Question.stories.js +0 -136
- package/dist/esm/components/Chopin/Question/Question.stories.js.map +0 -1
- package/dist/esm/components/Chopin/Question/Question.test.js +0 -116
- package/dist/esm/components/Chopin/Question/Question.test.js.map +0 -1
- package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.stories.js +0 -40
- package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.stories.js.map +0 -1
- package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.test.js +0 -62
- package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.test.js.map +0 -1
- package/dist/esm/components/Chopin/QuestionHelp/QuestionHelp.test.js +0 -41
- package/dist/esm/components/Chopin/QuestionHelp/QuestionHelp.test.js.map +0 -1
- package/dist/esm/components/Chopin/Section/Section.stories.js +0 -16
- package/dist/esm/components/Chopin/Section/Section.stories.js.map +0 -1
- package/dist/esm/components/Chopin/Section/Section.test.js +0 -35
- package/dist/esm/components/Chopin/Section/Section.test.js.map +0 -1
- package/dist/esm/components/Chopin/Steps/Steps.stories.js +0 -12
- package/dist/esm/components/Chopin/Steps/Steps.stories.js.map +0 -1
- package/dist/esm/components/Chopin/Steps/Steps.test.js +0 -93
- package/dist/esm/components/Chopin/Steps/Steps.test.js.map +0 -1
- package/dist/esm/components/Chopin/Testimonial/Testimonial.stories.js +0 -15
- package/dist/esm/components/Chopin/Testimonial/Testimonial.stories.js.map +0 -1
- package/dist/esm/components/Chopin/Testimonial/Testimonial.test.js +0 -35
- package/dist/esm/components/Chopin/Testimonial/Testimonial.test.js.map +0 -1
- package/dist/esm/components/Chopin/TradeSelector/Listing/Listing.test.js +0 -26
- package/dist/esm/components/Chopin/TradeSelector/Listing/Listing.test.js.map +0 -1
- package/dist/esm/components/Chopin/TradeSelector/Listing/ListingItem.test.js +0 -37
- package/dist/esm/components/Chopin/TradeSelector/Listing/ListingItem.test.js.map +0 -1
- package/dist/esm/components/Chopin/TradeSelector/SearchResults/SearchResults.test.js +0 -86
- package/dist/esm/components/Chopin/TradeSelector/SearchResults/SearchResults.test.js.map +0 -1
- package/dist/esm/components/Chopin/TradeSelector/TradeInput/TradeInput.test.js +0 -52
- package/dist/esm/components/Chopin/TradeSelector/TradeInput/TradeInput.test.js.map +0 -1
- package/dist/esm/components/Chopin/TradeSelector/TradeSelector.stories.js +0 -52
- package/dist/esm/components/Chopin/TradeSelector/TradeSelector.stories.js.map +0 -1
- package/dist/esm/components/Chopin/TradeSelector/TradeSelector.test.js +0 -226
- package/dist/esm/components/Chopin/TradeSelector/TradeSelector.test.js.map +0 -1
- package/dist/esm/components/Container/Container.stories.js +0 -12
- package/dist/esm/components/Container/Container.stories.js.map +0 -1
- package/dist/esm/components/Container/Container.test.js +0 -37
- package/dist/esm/components/Container/Container.test.js.map +0 -1
- package/dist/esm/components/DataTable/DataTable.stories.js +0 -174
- package/dist/esm/components/DataTable/DataTable.stories.js.map +0 -1
- package/dist/esm/components/DataTable/DataTable.test.js +0 -119
- package/dist/esm/components/DataTable/DataTable.test.js.map +0 -1
- package/dist/esm/components/DatePicker/DatePicker.stories.js +0 -25
- package/dist/esm/components/DatePicker/DatePicker.stories.js.map +0 -1
- package/dist/esm/components/Divider/Divider.stories.js +0 -12
- package/dist/esm/components/Divider/Divider.stories.js.map +0 -1
- package/dist/esm/components/DropdownMenu/DropdownMenu.stories.js +0 -58
- package/dist/esm/components/DropdownMenu/DropdownMenu.stories.js.map +0 -1
- package/dist/esm/components/DropdownMenu/DropdownMenu.test.js +0 -95
- package/dist/esm/components/DropdownMenu/DropdownMenu.test.js.map +0 -1
- package/dist/esm/components/ErrorMessage/ErrorMessage.stories.js +0 -21
- package/dist/esm/components/ErrorMessage/ErrorMessage.stories.js.map +0 -1
- package/dist/esm/components/ErrorMessage/ErrorMessage.test.js +0 -30
- package/dist/esm/components/ErrorMessage/ErrorMessage.test.js.map +0 -1
- package/dist/esm/components/Fieldset/Fieldset.stories.js +0 -22
- package/dist/esm/components/Fieldset/Fieldset.stories.js.map +0 -1
- package/dist/esm/components/Fieldset/Fieldset.test.js +0 -10
- package/dist/esm/components/Fieldset/Fieldset.test.js.map +0 -1
- package/dist/esm/components/Flex/Flex.stories.js +0 -148
- package/dist/esm/components/Flex/Flex.stories.js.map +0 -1
- package/dist/esm/components/Flex/Flex.test.js +0 -31
- package/dist/esm/components/Flex/Flex.test.js.map +0 -1
- package/dist/esm/components/Grid/Grid.stories.js +0 -227
- package/dist/esm/components/Grid/Grid.stories.js.map +0 -1
- package/dist/esm/components/Grid/Grid.test.js +0 -95
- package/dist/esm/components/Grid/Grid.test.js.map +0 -1
- package/dist/esm/components/Icon/Icon.stories.js +0 -43
- package/dist/esm/components/Icon/Icon.stories.js.map +0 -1
- package/dist/esm/components/Icon/Icon.test.js +0 -52
- package/dist/esm/components/Icon/Icon.test.js.map +0 -1
- package/dist/esm/components/Image/Image.stories.js +0 -17
- package/dist/esm/components/Image/Image.stories.js.map +0 -1
- package/dist/esm/components/Image/Image.test.js +0 -37
- package/dist/esm/components/Image/Image.test.js.map +0 -1
- package/dist/esm/components/Label/Label.stories.js +0 -15
- package/dist/esm/components/Label/Label.stories.js.map +0 -1
- package/dist/esm/components/Label/Label.test.js +0 -35
- package/dist/esm/components/Label/Label.test.js.map +0 -1
- package/dist/esm/components/Link/Link.stories.js +0 -41
- package/dist/esm/components/Link/Link.stories.js.map +0 -1
- package/dist/esm/components/Link/Link.test.js +0 -65
- package/dist/esm/components/Link/Link.test.js.map +0 -1
- package/dist/esm/components/LinkButton/LinkButton.stories.js +0 -42
- package/dist/esm/components/LinkButton/LinkButton.stories.js.map +0 -1
- package/dist/esm/components/LinkButton/LinkButton.test.js +0 -62
- package/dist/esm/components/LinkButton/LinkButton.test.js.map +0 -1
- package/dist/esm/components/List/List.stories.js +0 -77
- package/dist/esm/components/List/List.stories.js.map +0 -1
- package/dist/esm/components/List/List.test.js +0 -93
- package/dist/esm/components/List/List.test.js.map +0 -1
- package/dist/esm/components/LoadingIndicator/LoadingIndicator.stories.js +0 -50
- package/dist/esm/components/LoadingIndicator/LoadingIndicator.stories.js.map +0 -1
- package/dist/esm/components/LoadingIndicator/LoadingIndicator.test.js +0 -27
- package/dist/esm/components/LoadingIndicator/LoadingIndicator.test.js.map +0 -1
- package/dist/esm/components/MaskedField/MaskedField.stories.js +0 -22
- package/dist/esm/components/MaskedField/MaskedField.stories.js.map +0 -1
- package/dist/esm/components/MaskedField/MaskedField.test.js +0 -64
- package/dist/esm/components/MaskedField/MaskedField.test.js.map +0 -1
- package/dist/esm/components/Modal/Modal.stories.js +0 -79
- package/dist/esm/components/Modal/Modal.stories.js.map +0 -1
- package/dist/esm/components/Modal/Modal.test.js +0 -135
- package/dist/esm/components/Modal/Modal.test.js.map +0 -1
- package/dist/esm/components/NumberField/NumberField.stories.js +0 -103
- package/dist/esm/components/NumberField/NumberField.stories.js.map +0 -1
- package/dist/esm/components/NumberField/NumberField.test.js +0 -81
- package/dist/esm/components/NumberField/NumberField.test.js.map +0 -1
- package/dist/esm/components/PasswordField/PasswordField.stories.js +0 -31
- package/dist/esm/components/PasswordField/PasswordField.stories.js.map +0 -1
- package/dist/esm/components/PasswordField/PasswordField.test.js +0 -29
- package/dist/esm/components/PasswordField/PasswordField.test.js.map +0 -1
- package/dist/esm/components/Progress/Progress.stories.js +0 -89
- package/dist/esm/components/Progress/Progress.stories.js.map +0 -1
- package/dist/esm/components/Progress/Progress.test.js +0 -32
- package/dist/esm/components/Progress/Progress.test.js.map +0 -1
- package/dist/esm/components/Radio/Radio.stories.js +0 -118
- package/dist/esm/components/Radio/Radio.stories.js.map +0 -1
- package/dist/esm/components/Radio/Radio.test.js +0 -139
- package/dist/esm/components/Radio/Radio.test.js.map +0 -1
- package/dist/esm/components/Radio/RadioButton.stories.js +0 -88
- package/dist/esm/components/Radio/RadioButton.stories.js.map +0 -1
- package/dist/esm/components/Radio/RadioButton.test.js +0 -118
- package/dist/esm/components/Radio/RadioButton.test.js.map +0 -1
- package/dist/esm/components/SVG/SVG.stories.js +0 -19
- package/dist/esm/components/SVG/SVG.stories.js.map +0 -1
- package/dist/esm/components/SVG/SVG.test.js +0 -26
- package/dist/esm/components/SVG/SVG.test.js.map +0 -1
- package/dist/esm/components/Segment/Segment.stories.js +0 -112
- package/dist/esm/components/Segment/Segment.stories.js.map +0 -1
- package/dist/esm/components/Select/Select.stories.js +0 -79
- package/dist/esm/components/Select/Select.stories.js.map +0 -1
- package/dist/esm/components/Select/Select.test.js +0 -94
- package/dist/esm/components/Select/Select.test.js.map +0 -1
- package/dist/esm/components/Slider/Slider.stories.js +0 -63
- package/dist/esm/components/Slider/Slider.stories.js.map +0 -1
- package/dist/esm/components/Slider/Slider.test.js +0 -58
- package/dist/esm/components/Slider/Slider.test.js.map +0 -1
- package/dist/esm/components/Table/Table.stories.js +0 -15
- package/dist/esm/components/Table/Table.stories.js.map +0 -1
- package/dist/esm/components/Table/Table.test.js +0 -73
- package/dist/esm/components/Table/Table.test.js.map +0 -1
- package/dist/esm/components/Text/Text.stories.js +0 -31
- package/dist/esm/components/Text/Text.stories.js.map +0 -1
- package/dist/esm/components/Text/Text.test.js +0 -31
- package/dist/esm/components/Text/Text.test.js.map +0 -1
- package/dist/esm/components/TextArea/TextArea.stories.js +0 -80
- package/dist/esm/components/TextArea/TextArea.stories.js.map +0 -1
- package/dist/esm/components/TextArea/TextArea.test.js +0 -84
- package/dist/esm/components/TextArea/TextArea.test.js.map +0 -1
- package/dist/esm/components/TextAreaInput/TextAreaInput.test.js +0 -42
- package/dist/esm/components/TextAreaInput/TextAreaInput.test.js.map +0 -1
- package/dist/esm/components/TextField/TextField.stories.js +0 -103
- package/dist/esm/components/TextField/TextField.stories.js.map +0 -1
- package/dist/esm/components/TextField/TextField.test.js +0 -123
- package/dist/esm/components/TextField/TextField.test.js.map +0 -1
- package/dist/esm/components/Title/Title.stories.js +0 -16
- package/dist/esm/components/Title/Title.stories.js.map +0 -1
- package/dist/esm/components/Title/Title.test.js +0 -20
- package/dist/esm/components/Title/Title.test.js.map +0 -1
- package/dist/esm/components/VisuallyHidden/VisuallyHidden.stories.js +0 -12
- package/dist/esm/components/VisuallyHidden/VisuallyHidden.stories.js.map +0 -1
- package/dist/esm/contexts/ThemeContext/ThemeContext.test.js +0 -10
- package/dist/esm/contexts/ThemeContext/ThemeContext.test.js.map +0 -1
- package/dist/esm/hooks/useBreakpoint/useBreakpoint.stories.js +0 -40
- package/dist/esm/hooks/useBreakpoint/useBreakpoint.stories.js.map +0 -1
- package/dist/esm/hooks/useBreakpoint/useBreakpoint.test.js +0 -242
- package/dist/esm/hooks/useBreakpoint/useBreakpoint.test.js.map +0 -1
- package/dist/esm/hooks/useButton/useButton.test.js +0 -141
- package/dist/esm/hooks/useButton/useButton.test.js.map +0 -1
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { render, screen } from "@testing-library/react";
|
|
3
|
-
import { Header, LOGO_LINK } from ".";
|
|
4
|
-
const HEADER_CLASS_NAME = "chopin/Header";
|
|
5
|
-
const LOGO_CLASS_NAME = "chopin/HeaderLogo";
|
|
6
|
-
const CONTACT_CLASS_NAME = "chopin/HeaderContactLink";
|
|
7
|
-
const PHONE_NUMBER_CLASS_NAME = "chopin/HeaderPhoneNumber";
|
|
8
|
-
const props = {
|
|
9
|
-
phone: "0333 014 6683",
|
|
10
|
-
};
|
|
11
|
-
describe("Header", () => {
|
|
12
|
-
it("should render without errors", () => {
|
|
13
|
-
const component = render(_jsx(Header, Object.assign({}, props)));
|
|
14
|
-
expect(component).toBeTruthy();
|
|
15
|
-
});
|
|
16
|
-
describe("uses correct class names", () => {
|
|
17
|
-
it("uses Chopin class", () => {
|
|
18
|
-
render(_jsx(Header, Object.assign({}, props, { "data-testid": "test-id" })));
|
|
19
|
-
expect(screen.getByTestId("test-id")).toHaveClass("chopin");
|
|
20
|
-
});
|
|
21
|
-
it("uses chopin/Header class", () => {
|
|
22
|
-
render(_jsx(Header, Object.assign({}, props, { "data-testid": "test-id" })));
|
|
23
|
-
expect(screen.getByTestId("test-id")).toHaveClass(HEADER_CLASS_NAME);
|
|
24
|
-
});
|
|
25
|
-
it("includes custom class name", () => {
|
|
26
|
-
render(_jsx(Header, Object.assign({}, props, { "data-testid": "test-id", className: "my-class" })));
|
|
27
|
-
expect(screen.getByTestId("test-id")).toHaveClass("my-class");
|
|
28
|
-
expect(screen.getByTestId("test-id")).toHaveClass(HEADER_CLASS_NAME);
|
|
29
|
-
});
|
|
30
|
-
it("uses logo class name", () => {
|
|
31
|
-
render(_jsx(Header, Object.assign({}, props)));
|
|
32
|
-
const link = screen.getByRole("link", {
|
|
33
|
-
name: /simply business - insurance for your business/i,
|
|
34
|
-
});
|
|
35
|
-
expect(link).toHaveClass(LOGO_CLASS_NAME);
|
|
36
|
-
});
|
|
37
|
-
it("uses contact link class name", () => {
|
|
38
|
-
render(_jsx(Header, Object.assign({}, props)));
|
|
39
|
-
const link = screen.getByRole("link", {
|
|
40
|
-
name: /see our opening hours/i,
|
|
41
|
-
});
|
|
42
|
-
expect(link).toHaveClass(CONTACT_CLASS_NAME);
|
|
43
|
-
});
|
|
44
|
-
it("uses phone number class name", () => {
|
|
45
|
-
render(_jsx(Header, Object.assign({}, props)));
|
|
46
|
-
const phoneNumberEl = screen.getByText(props.phone);
|
|
47
|
-
expect(phoneNumberEl).toHaveClass(PHONE_NUMBER_CLASS_NAME);
|
|
48
|
-
});
|
|
49
|
-
});
|
|
50
|
-
describe("renders correct elements based on passed props", () => {
|
|
51
|
-
it("renders passed Phone prop", () => {
|
|
52
|
-
render(_jsx(Header, Object.assign({}, props)));
|
|
53
|
-
expect(screen.getByText(props.phone)).toBeInTheDocument();
|
|
54
|
-
});
|
|
55
|
-
it("renders Logo element as Link by default", () => {
|
|
56
|
-
render(_jsx(Header, Object.assign({}, props)));
|
|
57
|
-
const link = screen.getByRole("link", {
|
|
58
|
-
name: /simply business - insurance for your business/i,
|
|
59
|
-
});
|
|
60
|
-
expect(link).toHaveAttribute("href", LOGO_LINK);
|
|
61
|
-
});
|
|
62
|
-
it("doesn't render Logo as Link when whiteLabel prop is true", () => {
|
|
63
|
-
render(_jsx(Header, Object.assign({}, props, { whiteLabel: true })));
|
|
64
|
-
expect(screen.queryByRole("link", {
|
|
65
|
-
name: /simply business - insurance for your business/i,
|
|
66
|
-
})).not.toBeInTheDocument();
|
|
67
|
-
});
|
|
68
|
-
it("renders Opening Hours element as Link by default", () => {
|
|
69
|
-
render(_jsx(Header, Object.assign({}, props)));
|
|
70
|
-
const link = screen.getByRole("link", {
|
|
71
|
-
name: /see our opening hours/i,
|
|
72
|
-
});
|
|
73
|
-
expect(link).toHaveAttribute("href", "https://www.simplybusiness.co.uk/support/");
|
|
74
|
-
});
|
|
75
|
-
it("renders Opening Hours element as Button when whiteLabel prop is true", () => {
|
|
76
|
-
render(_jsx(Header, Object.assign({}, props, { whiteLabel: true })));
|
|
77
|
-
expect(screen.queryByRole("link", {
|
|
78
|
-
name: /see our opening hours/i,
|
|
79
|
-
})).not.toBeInTheDocument();
|
|
80
|
-
expect(screen.getByRole("button", {
|
|
81
|
-
name: /see our opening hours/i,
|
|
82
|
-
})).toBeInTheDocument();
|
|
83
|
-
});
|
|
84
|
-
});
|
|
85
|
-
});
|
|
86
|
-
//# sourceMappingURL=Header.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Header.test.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Header/Header.test.tsx"],"names":[],"mappings":"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"}
|
package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.js
DELETED
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useContext, useEffect } from "react";
|
|
3
|
-
import { ThemeProvider, ThemeContext, } from "../../../contexts";
|
|
4
|
-
import { PercentageTotalsQuestion, } from "./PercentageTotalsQuestion";
|
|
5
|
-
import { excludeControls } from "../../../utils/excludeControls";
|
|
6
|
-
const breakpoints = [
|
|
7
|
-
{ size: "xs", value: 320 },
|
|
8
|
-
{ size: "sm", value: 480 },
|
|
9
|
-
{ size: "md", value: 670 },
|
|
10
|
-
{ size: "lg", value: 960 },
|
|
11
|
-
{ size: "xl", value: 1200 },
|
|
12
|
-
{ size: "xxl", value: 1320 },
|
|
13
|
-
];
|
|
14
|
-
export default {
|
|
15
|
-
title: "Chopin/PercentageTotalsQuestion",
|
|
16
|
-
component: PercentageTotalsQuestion,
|
|
17
|
-
argTypes: excludeControls("className", "help", "onChange", "closeHelpOnOutsideClick"),
|
|
18
|
-
decorators: [
|
|
19
|
-
Story => (_jsx(ThemeProvider, { children: _jsx(Story, {}) })),
|
|
20
|
-
],
|
|
21
|
-
};
|
|
22
|
-
export const Normal = {
|
|
23
|
-
render: (args) => {
|
|
24
|
-
// eslint-disable-next-line
|
|
25
|
-
const { setBreakpoints } = useContext(ThemeContext);
|
|
26
|
-
// eslint-disable-next-line
|
|
27
|
-
useEffect(() => {
|
|
28
|
-
setBreakpoints(breakpoints);
|
|
29
|
-
}, [setBreakpoints]);
|
|
30
|
-
return _jsx(PercentageTotalsQuestion, Object.assign({}, args));
|
|
31
|
-
},
|
|
32
|
-
args: {
|
|
33
|
-
label: "What percentage of your work is on?",
|
|
34
|
-
alertText: "The total percentage of your work must be 100%",
|
|
35
|
-
items: [
|
|
36
|
-
"UK contracts",
|
|
37
|
-
"EU contracts",
|
|
38
|
-
"USA and Canada contracts",
|
|
39
|
-
"Rest of the world contracts",
|
|
40
|
-
],
|
|
41
|
-
},
|
|
42
|
-
};
|
|
43
|
-
//# sourceMappingURL=PercentageTotalsQuestion.stories.js.map
|
package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PercentageTotalsQuestion.stories.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EACL,aAAa,EACb,YAAY,GAEb,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,wBAAwB,GAEzB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,MAAM,WAAW,GAAG;IAClB,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE;IAC1B,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE;IAC1B,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE;IAC1B,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE;IAC1B,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE;IAC3B,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE;CACV,CAAC;AAErB,eAAe;IACb,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,wBAAwB;IACnC,QAAQ,EAAE,eAAe,CACvB,WAAW,EACX,MAAM,EACN,UAAU,EACV,yBAAyB,CAC1B;IACD,UAAU,EAAE;QACV,KAAK,CAAC,EAAE,CAAC,CACP,KAAC,aAAa,cACZ,KAAC,KAAK,KAAG,GACK,CACjB;KACF;CAC8C,CAAC;AAElD,MAAM,CAAC,MAAM,MAAM,GAA0C;IAC3D,MAAM,EAAE,CAAC,IAAmC,EAAE,EAAE;QAC9C,2BAA2B;QAC3B,MAAM,EAAE,cAAc,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;QAEpD,2BAA2B;QAC3B,SAAS,CAAC,GAAG,EAAE;YACb,cAAc,CAAC,WAAW,CAAC,CAAC;QAC9B,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;QAErB,OAAO,KAAC,wBAAwB,oBAAK,IAAI,EAAI,CAAC;IAChD,CAAC;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,qCAAqC;QAC5C,SAAS,EAAE,gDAAgD;QAC3D,KAAK,EAAE;YACL,cAAc;YACd,cAAc;YACd,0BAA0B;YAC1B,6BAA6B;SAC9B;KACF;CACF,CAAC"}
|
package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.test.js
DELETED
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { render, screen } from "@testing-library/react";
|
|
3
|
-
import userEvent from "@testing-library/user-event";
|
|
4
|
-
import { PercentageTotalsQuestion } from ".";
|
|
5
|
-
const LABEL = "How do you split your time across these items?";
|
|
6
|
-
const THREE_ITEMS = ["Item 1", "Item 2", "Item 3"];
|
|
7
|
-
const FIVE_ITEMS = ["Item 1", "Item 2", "Item 3", "Item 4", "Item 5"];
|
|
8
|
-
describe("PercentageTotalsQuestion", () => {
|
|
9
|
-
it("should render without errors", () => {
|
|
10
|
-
const label = "This is my custom label";
|
|
11
|
-
const { container } = render(_jsx(PercentageTotalsQuestion, { label: label, items: THREE_ITEMS }));
|
|
12
|
-
expect(screen.getByText(label)).toBeInTheDocument();
|
|
13
|
-
const items = container.getElementsByClassName("mobius/NumberField");
|
|
14
|
-
expect(items.length).toBe(3);
|
|
15
|
-
});
|
|
16
|
-
it("should display custom alert message", () => {
|
|
17
|
-
const alertText = "This is my alert!";
|
|
18
|
-
render(_jsx(PercentageTotalsQuestion, { label: LABEL, alertText: alertText, items: FIVE_ITEMS }));
|
|
19
|
-
expect(screen.getByText(alertText)).toBeInTheDocument();
|
|
20
|
-
});
|
|
21
|
-
it("should render a row for every item", () => {
|
|
22
|
-
const { container } = render(_jsx(PercentageTotalsQuestion, { label: LABEL, items: FIVE_ITEMS }));
|
|
23
|
-
const items = container.getElementsByClassName("mobius/NumberField");
|
|
24
|
-
expect(items.length).toBe(5);
|
|
25
|
-
});
|
|
26
|
-
describe("Calculations", () => {
|
|
27
|
-
it("should correctly total the sum of typed item values", async () => {
|
|
28
|
-
const { getByLabelText } = render(_jsx(PercentageTotalsQuestion, { label: LABEL, items: THREE_ITEMS }));
|
|
29
|
-
await userEvent.type(getByLabelText("Item 1"), "25");
|
|
30
|
-
expect(screen.getByText("Total: 25%")).toBeInTheDocument();
|
|
31
|
-
await userEvent.type(getByLabelText("Item 2"), "37");
|
|
32
|
-
expect(screen.getByText("Total: 62%")).toBeInTheDocument();
|
|
33
|
-
await userEvent.type(getByLabelText("Item 3"), "13");
|
|
34
|
-
expect(screen.getByText("Total: 75%")).toBeInTheDocument();
|
|
35
|
-
});
|
|
36
|
-
it("should prevent any typed input that exceeds a total of 100%", async () => {
|
|
37
|
-
const { getByLabelText } = render(_jsx(PercentageTotalsQuestion, { label: LABEL, items: THREE_ITEMS }));
|
|
38
|
-
const inputs = THREE_ITEMS.map(i => screen.getByLabelText(i, { selector: "input" }));
|
|
39
|
-
await userEvent.type(getByLabelText("Item 1"), "123");
|
|
40
|
-
expect(inputs[0]).toHaveValue("100%");
|
|
41
|
-
expect(screen.getByText("Total: 100%")).toBeInTheDocument();
|
|
42
|
-
await userEvent.type(getByLabelText("Item 2"), "37");
|
|
43
|
-
expect(inputs[1]).toHaveValue("0%");
|
|
44
|
-
expect(screen.getByText("Total: 100%")).toBeInTheDocument();
|
|
45
|
-
await userEvent.type(getByLabelText("Item 3"), "13");
|
|
46
|
-
expect(inputs[2]).toHaveValue("0%");
|
|
47
|
-
expect(screen.getByText("Total: 100%")).toBeInTheDocument();
|
|
48
|
-
});
|
|
49
|
-
it("supports keyboard navigation and up/down arrows to increase/decrease", async () => {
|
|
50
|
-
const { getByLabelText } = render(_jsx(PercentageTotalsQuestion, { label: LABEL, items: THREE_ITEMS }));
|
|
51
|
-
const inputs = THREE_ITEMS.map(i => screen.getByLabelText(i, { selector: "input" }));
|
|
52
|
-
await userEvent.type(getByLabelText("Item 1"), "30");
|
|
53
|
-
expect(inputs[0]).toHaveValue("30%");
|
|
54
|
-
expect(screen.getByText("Total: 30%")).toBeInTheDocument();
|
|
55
|
-
await userEvent.tab(); // Move focus to Item 2
|
|
56
|
-
await userEvent.keyboard("[ArrowUp]");
|
|
57
|
-
await userEvent.keyboard("[ArrowUp]");
|
|
58
|
-
await userEvent.keyboard("[ArrowUp]");
|
|
59
|
-
expect(inputs[1]).toHaveValue("3%");
|
|
60
|
-
expect(screen.getByText("Total: 33%")).toBeInTheDocument();
|
|
61
|
-
await userEvent.keyboard("[ArrowDown]");
|
|
62
|
-
expect(inputs[1]).toHaveValue("2%");
|
|
63
|
-
expect(screen.getByText("Total: 32%")).toBeInTheDocument();
|
|
64
|
-
});
|
|
65
|
-
it("should prevent changing any initial value above 100", async () => {
|
|
66
|
-
const { getByLabelText } = render(_jsx(PercentageTotalsQuestion, { label: LABEL, items: THREE_ITEMS }));
|
|
67
|
-
const inputs = THREE_ITEMS.map(i => screen.getByLabelText(i, { selector: "input" }));
|
|
68
|
-
await userEvent.type(getByLabelText("Item 1"), "9");
|
|
69
|
-
expect(inputs[0]).toHaveValue("9%");
|
|
70
|
-
expect(screen.getByText("Total: 9%")).toBeInTheDocument();
|
|
71
|
-
await userEvent.type(getByLabelText("Item 1"), "9");
|
|
72
|
-
expect(inputs[0]).toHaveValue("99%");
|
|
73
|
-
expect(screen.getByText("Total: 99%")).toBeInTheDocument();
|
|
74
|
-
await userEvent.type(getByLabelText("Item 1"), "9");
|
|
75
|
-
expect(inputs[0]).toHaveValue("100%");
|
|
76
|
-
expect(screen.getByText("Total: 100%")).toBeInTheDocument();
|
|
77
|
-
});
|
|
78
|
-
it("should prevent changing any subsequent value above remaining percentage", async () => {
|
|
79
|
-
const { getByLabelText } = render(_jsx(PercentageTotalsQuestion, { label: LABEL, items: THREE_ITEMS }));
|
|
80
|
-
const inputs = THREE_ITEMS.map(i => screen.getByLabelText(i, { selector: "input" }));
|
|
81
|
-
await userEvent.type(getByLabelText("Item 1"), "75");
|
|
82
|
-
expect(inputs[0]).toHaveValue("75%");
|
|
83
|
-
expect(screen.getByText("Total: 75%")).toBeInTheDocument();
|
|
84
|
-
await userEvent.type(getByLabelText("Item 2"), "40");
|
|
85
|
-
expect(inputs[1]).toHaveValue("25%");
|
|
86
|
-
expect(screen.getByText("Total: 100%")).toBeInTheDocument();
|
|
87
|
-
});
|
|
88
|
-
it("sets maxValue on each item based upon remaining percentage", async () => {
|
|
89
|
-
const { getByLabelText } = render(_jsx(PercentageTotalsQuestion, { label: LABEL, items: THREE_ITEMS }));
|
|
90
|
-
const inputs = THREE_ITEMS.map(i => screen.getByLabelText(i, { selector: "input" }));
|
|
91
|
-
await userEvent.type(getByLabelText("Item 1"), "98");
|
|
92
|
-
expect(inputs[0]).toHaveValue("98%");
|
|
93
|
-
expect(screen.getByText("Total: 98%")).toBeInTheDocument();
|
|
94
|
-
// Click increment button on second item until it is disabled
|
|
95
|
-
await userEvent.click(getByLabelText(`Increase ${THREE_ITEMS[1]}`));
|
|
96
|
-
expect(inputs[1]).toHaveValue("1%");
|
|
97
|
-
expect(screen.getByText("Total: 99%")).toBeInTheDocument();
|
|
98
|
-
await userEvent.click(getByLabelText(`Increase ${THREE_ITEMS[1]}`));
|
|
99
|
-
expect(inputs[1]).toHaveValue("2%");
|
|
100
|
-
expect(screen.getByText("Total: 100%")).toBeInTheDocument();
|
|
101
|
-
// All increase buttons should be disabled
|
|
102
|
-
expect(getByLabelText(`Increase ${THREE_ITEMS[0]}`)).toBeDisabled();
|
|
103
|
-
expect(getByLabelText(`Increase ${THREE_ITEMS[1]}`)).toBeDisabled();
|
|
104
|
-
expect(getByLabelText(`Increase ${THREE_ITEMS[2]}`)).toBeDisabled();
|
|
105
|
-
});
|
|
106
|
-
});
|
|
107
|
-
});
|
|
108
|
-
//# sourceMappingURL=PercentageTotalsQuestion.test.js.map
|
package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.test.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PercentageTotalsQuestion.test.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,136 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { ThemeContext } from "../../../contexts";
|
|
3
|
-
import { Question } from "./Question";
|
|
4
|
-
import { TextField } from "../../TextField";
|
|
5
|
-
import { excludeControls } from "../../../utils/excludeControls";
|
|
6
|
-
const breakpoints = [
|
|
7
|
-
{ size: "xs", value: 320 },
|
|
8
|
-
{ size: "sm", value: 480 },
|
|
9
|
-
{ size: "md", value: 670 },
|
|
10
|
-
{ size: "lg", value: 960 },
|
|
11
|
-
{ size: "xl", value: 1200 },
|
|
12
|
-
{ size: "xxl", value: 1320 },
|
|
13
|
-
];
|
|
14
|
-
const setBreakpoints = () => { };
|
|
15
|
-
export default {
|
|
16
|
-
title: "Chopin/Question",
|
|
17
|
-
component: Question,
|
|
18
|
-
argTypes: Object.assign({ validationState: {
|
|
19
|
-
options: ["valid", "invalid", "neither"],
|
|
20
|
-
control: { type: "radio" },
|
|
21
|
-
mapping: {
|
|
22
|
-
valid: "valid",
|
|
23
|
-
invalid: "invalid",
|
|
24
|
-
neither: "",
|
|
25
|
-
},
|
|
26
|
-
}, description: {
|
|
27
|
-
control: { type: "text" },
|
|
28
|
-
}, errorMessage: {
|
|
29
|
-
control: { type: "text" },
|
|
30
|
-
}, label: {
|
|
31
|
-
control: { type: "text" },
|
|
32
|
-
}, help: {
|
|
33
|
-
control: { type: "text" },
|
|
34
|
-
} }, excludeControls("children", "className", "onChange")),
|
|
35
|
-
decorators: [
|
|
36
|
-
Story => {
|
|
37
|
-
// eslint-disable-next-line global-require
|
|
38
|
-
require("./Question.story.styles.css");
|
|
39
|
-
return (_jsx(ThemeContext.Provider, Object.assign({ value: {
|
|
40
|
-
breakpoints,
|
|
41
|
-
setBreakpoints,
|
|
42
|
-
} }, { children: _jsx(Story, {}) })));
|
|
43
|
-
},
|
|
44
|
-
],
|
|
45
|
-
args: {
|
|
46
|
-
description: "",
|
|
47
|
-
errorMessage: "",
|
|
48
|
-
help: "",
|
|
49
|
-
},
|
|
50
|
-
};
|
|
51
|
-
export const Normal = {
|
|
52
|
-
render: (args) => _jsx(Question, Object.assign({}, args)),
|
|
53
|
-
args: {
|
|
54
|
-
label: "Question label",
|
|
55
|
-
closeHelpOnOutsideClick: false,
|
|
56
|
-
children: _jsx(TextField, {}),
|
|
57
|
-
},
|
|
58
|
-
};
|
|
59
|
-
export const WithDescription = {
|
|
60
|
-
render: (args) => _jsx(Question, Object.assign({}, args)),
|
|
61
|
-
args: {
|
|
62
|
-
label: "Question label",
|
|
63
|
-
description: "lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua",
|
|
64
|
-
closeHelpOnOutsideClick: false,
|
|
65
|
-
children: _jsx(TextField, {}),
|
|
66
|
-
},
|
|
67
|
-
};
|
|
68
|
-
export const WithRichDescription = {
|
|
69
|
-
render: (args) => _jsx(Question, Object.assign({}, args)),
|
|
70
|
-
args: {
|
|
71
|
-
label: "Question label",
|
|
72
|
-
description: (_jsxs("ul", { children: [_jsx("li", { children: "Item One" }), _jsx("li", { children: "Item Two" })] })),
|
|
73
|
-
closeHelpOnOutsideClick: false,
|
|
74
|
-
children: _jsx(TextField, {}),
|
|
75
|
-
},
|
|
76
|
-
};
|
|
77
|
-
export const WithNoInput = {
|
|
78
|
-
render: (args) => _jsx(Question, Object.assign({}, args)),
|
|
79
|
-
args: {
|
|
80
|
-
label: (_jsxs(_Fragment, { children: [_jsx("p", { children: "Based on what you\u2018ve told us:" }), _jsx("p", { children: "We\u2018ve added employers\u2018 liability cover to your quote" })] })),
|
|
81
|
-
description: "You‘re required by law to have this cover if you have people working for you.",
|
|
82
|
-
closeHelpOnOutsideClick: false,
|
|
83
|
-
},
|
|
84
|
-
};
|
|
85
|
-
export const WithHelpText = {
|
|
86
|
-
render: (args) => _jsx(Question, Object.assign({}, args)),
|
|
87
|
-
args: {
|
|
88
|
-
label: "Question label",
|
|
89
|
-
help: (_jsxs(_Fragment, { children: [_jsx("p", { children: "This is a sample help text to demonstrate what help blocks look like in questions." }), _jsx("p", { children: "This is a second paragraph to show that help texts aren\u2018t limited to simple strings." })] })),
|
|
90
|
-
closeHelpOnOutsideClick: false,
|
|
91
|
-
children: _jsx(TextField, {}),
|
|
92
|
-
},
|
|
93
|
-
};
|
|
94
|
-
export const WithHelpTextOutside = {
|
|
95
|
-
render: (args) => _jsx(Question, Object.assign({}, args)),
|
|
96
|
-
args: {
|
|
97
|
-
label: "Question label",
|
|
98
|
-
help: (_jsxs(_Fragment, { children: [_jsx("p", { children: "This is a sample help text to demonstrate what help blocks look like in questions." }), _jsx("p", { children: "This is a second paragraph to show that help texts aren\u2018t limited to simple strings." })] })),
|
|
99
|
-
closeHelpOnOutsideClick: true,
|
|
100
|
-
children: _jsx(TextField, {}),
|
|
101
|
-
className: "question-example-with-help-text-outside",
|
|
102
|
-
},
|
|
103
|
-
};
|
|
104
|
-
export const WithError = {
|
|
105
|
-
render: (args) => _jsx(Question, Object.assign({}, args)),
|
|
106
|
-
args: {
|
|
107
|
-
label: "Question label",
|
|
108
|
-
children: _jsx(TextField, {}),
|
|
109
|
-
errorMessage: "This field is required",
|
|
110
|
-
validationState: "invalid",
|
|
111
|
-
closeHelpOnOutsideClick: false,
|
|
112
|
-
},
|
|
113
|
-
};
|
|
114
|
-
export const WithRichError = {
|
|
115
|
-
render: (args) => _jsx(Question, Object.assign({}, args)),
|
|
116
|
-
args: {
|
|
117
|
-
label: "Question label",
|
|
118
|
-
children: _jsx(TextField, {}),
|
|
119
|
-
errorMessage: (_jsxs(_Fragment, { children: ["This", _jsx("em", { children: "contains" }), " ", _jsx("strong", { children: "HTML" }), " ", _jsx("u", { children: "formatting" })] })),
|
|
120
|
-
validationState: "invalid",
|
|
121
|
-
closeHelpOnOutsideClick: false,
|
|
122
|
-
},
|
|
123
|
-
};
|
|
124
|
-
export const CompleteExample = {
|
|
125
|
-
render: (args) => _jsx(Question, Object.assign({}, args)),
|
|
126
|
-
args: {
|
|
127
|
-
label: "Question label",
|
|
128
|
-
description: "lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua",
|
|
129
|
-
children: _jsx(TextField, {}),
|
|
130
|
-
help: (_jsxs(_Fragment, { children: [_jsx("p", { children: "This is a sample help text to demonstrate what help blocks look like in questions." }), _jsx("p", { children: "This is a second paragraph to show that help texts aren\u2018t limited to simple strings." })] })),
|
|
131
|
-
errorMessage: "This field is required",
|
|
132
|
-
validationState: "invalid",
|
|
133
|
-
closeHelpOnOutsideClick: false,
|
|
134
|
-
},
|
|
135
|
-
};
|
|
136
|
-
//# sourceMappingURL=Question.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Question.stories.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Question/Question.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,116 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { render, screen, fireEvent } from "@testing-library/react";
|
|
3
|
-
import userEvent from "@testing-library/user-event";
|
|
4
|
-
import { Question } from ".";
|
|
5
|
-
import { TextField } from "../../TextField";
|
|
6
|
-
const WRAPPER_CLASS_NAME = "chopin/Question";
|
|
7
|
-
const OPEN_CLASS_NAME = "--is-open";
|
|
8
|
-
const CLOSED_CLASS_NAME = "--is-closed";
|
|
9
|
-
describe("Question", () => {
|
|
10
|
-
it("should render without error", () => {
|
|
11
|
-
const component = render(_jsx(Question, Object.assign({ label: "Question" }, { children: _jsx(TextField, {}) })));
|
|
12
|
-
expect(component).toBeTruthy();
|
|
13
|
-
});
|
|
14
|
-
it("should include accessible description", () => {
|
|
15
|
-
render(_jsx(Question, Object.assign({ label: "Question", description: "Sample description" }, { children: _jsx(TextField, {}) })));
|
|
16
|
-
expect(screen.getByLabelText("Question")).toHaveAccessibleDescription("Sample description");
|
|
17
|
-
});
|
|
18
|
-
it("should include `id` that matches `for` attribute in `<label>`", () => {
|
|
19
|
-
render(_jsx(Question, Object.assign({ label: "Question", description: "Sample description" }, { children: _jsx(TextField, {}) })));
|
|
20
|
-
const label = screen.getByLabelText("Question");
|
|
21
|
-
const input = screen.getByRole("textbox");
|
|
22
|
-
expect(label.id).toEqual(input.id);
|
|
23
|
-
});
|
|
24
|
-
it("should include accessible description with error", () => {
|
|
25
|
-
render(_jsx(Question, Object.assign({ label: "Question", description: "Sample description", errorMessage: "Sample error" }, { children: _jsx(TextField, {}) })));
|
|
26
|
-
expect(screen.getByLabelText("Question")).toHaveAccessibleDescription("Sample error Sample description");
|
|
27
|
-
});
|
|
28
|
-
describe("given no input component is provided", () => {
|
|
29
|
-
it("renders label text as span element", () => {
|
|
30
|
-
render(_jsx(Question, { label: "Question label", description: "Sample description", errorMessage: "Sample error" }));
|
|
31
|
-
expect(screen.getByText("Question label").tagName).toBe("SPAN");
|
|
32
|
-
});
|
|
33
|
-
});
|
|
34
|
-
describe("uses correct Question class name", () => {
|
|
35
|
-
it("uses chopin class", () => {
|
|
36
|
-
const { container } = render(_jsx(Question, Object.assign({ label: "Question" }, { children: _jsx(TextField, {}) })));
|
|
37
|
-
expect(container.firstChild).toHaveClass(WRAPPER_CLASS_NAME);
|
|
38
|
-
});
|
|
39
|
-
it("includes valid class name", () => {
|
|
40
|
-
render(_jsx(Question, Object.assign({ label: "Question", validationState: "valid" }, { children: _jsx(TextField, {}) })));
|
|
41
|
-
expect(screen.getByLabelText("Question")).toHaveClass("--is-valid");
|
|
42
|
-
});
|
|
43
|
-
it("includes invalid class name", () => {
|
|
44
|
-
render(_jsx(Question, Object.assign({ label: "Question", validationState: "invalid", errorMessage: "There is a problem" }, { children: _jsx(TextField, {}) })));
|
|
45
|
-
expect(screen.getByLabelText("Question")).toHaveClass("--is-invalid");
|
|
46
|
-
});
|
|
47
|
-
it("includes custom class name", () => {
|
|
48
|
-
const { container } = render(_jsx(Question, Object.assign({ label: "Question", validationState: "invalid", errorMessage: "There is a problem", className: "custom-class" }, { children: _jsx(TextField, {}) })));
|
|
49
|
-
expect(container.firstChild).toHaveClass("custom-class");
|
|
50
|
-
});
|
|
51
|
-
it("includes open help class name when toggled", () => {
|
|
52
|
-
const { container } = render(_jsx(Question, Object.assign({ label: "Question", help: "Help text" }, { children: _jsx(TextField, {}) })));
|
|
53
|
-
const helpToggle = screen.getByRole("button");
|
|
54
|
-
fireEvent.click(helpToggle);
|
|
55
|
-
expect(container.firstChild).toHaveClass("--has-help-open");
|
|
56
|
-
});
|
|
57
|
-
});
|
|
58
|
-
describe("Help", () => {
|
|
59
|
-
it("should be mouse accessible", async () => {
|
|
60
|
-
const onChange = jest.fn();
|
|
61
|
-
render(_jsx(Question, Object.assign({ label: "Question", help: "This is a help message", onChange: onChange }, { children: _jsx(TextField, {}) })));
|
|
62
|
-
await userEvent.click(screen.getByRole("button", { name: "Open Help" }));
|
|
63
|
-
expect(onChange).toHaveBeenCalled();
|
|
64
|
-
expect(screen.queryByRole("tooltip")).toBeInTheDocument();
|
|
65
|
-
await userEvent.click(screen.getByRole("button", { name: "Close Help" }));
|
|
66
|
-
expect(onChange).toHaveBeenCalled();
|
|
67
|
-
expect(screen.queryByRole("tooltip")).not.toBeInTheDocument();
|
|
68
|
-
});
|
|
69
|
-
it("should be keyboard accessible", async () => {
|
|
70
|
-
const onChange = jest.fn();
|
|
71
|
-
render(_jsx(Question, Object.assign({ label: "Question", help: "This is a help message", onChange: onChange }, { children: _jsx(TextField, {}) })));
|
|
72
|
-
await userEvent.tab();
|
|
73
|
-
await userEvent.keyboard("{enter}");
|
|
74
|
-
expect(onChange).toHaveBeenCalled();
|
|
75
|
-
expect(screen.queryByRole("tooltip")).toBeInTheDocument();
|
|
76
|
-
await userEvent.keyboard("{enter}");
|
|
77
|
-
expect(onChange).toHaveBeenCalled();
|
|
78
|
-
expect(screen.queryByRole("tooltip")).not.toBeInTheDocument();
|
|
79
|
-
});
|
|
80
|
-
it("should close on escape key", async () => {
|
|
81
|
-
const onChange = jest.fn();
|
|
82
|
-
render(_jsx(Question, Object.assign({ label: "Question", help: "This is a help message", onChange: onChange }, { children: _jsx(TextField, {}) })));
|
|
83
|
-
await userEvent.tab();
|
|
84
|
-
await userEvent.keyboard("{enter}");
|
|
85
|
-
expect(onChange).toHaveBeenCalled();
|
|
86
|
-
expect(screen.queryByRole("tooltip")).toBeInTheDocument();
|
|
87
|
-
await userEvent.keyboard("{escape}");
|
|
88
|
-
expect(onChange).toHaveBeenCalled();
|
|
89
|
-
expect(screen.queryByRole("tooltip")).not.toBeInTheDocument();
|
|
90
|
-
});
|
|
91
|
-
describe("given closeHelpOnOutsideClick is set to true", () => {
|
|
92
|
-
it("should close on outside click", async () => {
|
|
93
|
-
const onChange = jest.fn();
|
|
94
|
-
const { container } = render(_jsx(Question, Object.assign({ label: "Question", help: "This is a help message", closeHelpOnOutsideClick: true, onChange: onChange }, { children: _jsx(TextField, {}) })));
|
|
95
|
-
const toggle = screen.getByRole("button");
|
|
96
|
-
await userEvent.click(toggle);
|
|
97
|
-
expect(onChange).toHaveBeenCalled();
|
|
98
|
-
expect(toggle.parentElement).toHaveClass(OPEN_CLASS_NAME);
|
|
99
|
-
await userEvent.click(container);
|
|
100
|
-
expect(onChange).toHaveBeenCalled();
|
|
101
|
-
expect(toggle.parentElement).toHaveClass(CLOSED_CLASS_NAME);
|
|
102
|
-
});
|
|
103
|
-
});
|
|
104
|
-
describe("given closeHelpOnOutsideClick is not set", () => {
|
|
105
|
-
it("should close on outside click", async () => {
|
|
106
|
-
const { container } = render(_jsx(Question, Object.assign({ label: "Question", help: "This is a help message" }, { children: _jsx(TextField, {}) })));
|
|
107
|
-
const toggle = screen.getByRole("button");
|
|
108
|
-
await userEvent.click(toggle);
|
|
109
|
-
expect(toggle.parentElement).toHaveClass(OPEN_CLASS_NAME);
|
|
110
|
-
await userEvent.click(container);
|
|
111
|
-
expect(toggle.parentElement).toHaveClass(OPEN_CLASS_NAME);
|
|
112
|
-
});
|
|
113
|
-
});
|
|
114
|
-
});
|
|
115
|
-
});
|
|
116
|
-
//# sourceMappingURL=Question.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Question.test.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Question/Question.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { useContext, useEffect } from "react";
|
|
3
|
-
import { ThemeProvider, ThemeContext, } from "../../../contexts";
|
|
4
|
-
import { QuestionGroup } from "./QuestionGroup";
|
|
5
|
-
import { Question } from "../Question";
|
|
6
|
-
import { Section } from "../Section";
|
|
7
|
-
import { RadioButton, RadioGroup } from "../../Radio";
|
|
8
|
-
import { excludeControls } from "../../../utils/excludeControls";
|
|
9
|
-
const breakpoints = [
|
|
10
|
-
{ size: "xs", value: 320 },
|
|
11
|
-
{ size: "sm", value: 480 },
|
|
12
|
-
{ size: "md", value: 670 },
|
|
13
|
-
{ size: "lg", value: 960 },
|
|
14
|
-
{ size: "xl", value: 1200 },
|
|
15
|
-
{ size: "xxl", value: 1320 },
|
|
16
|
-
];
|
|
17
|
-
export default {
|
|
18
|
-
title: "Chopin/QuestionGroup",
|
|
19
|
-
component: QuestionGroup,
|
|
20
|
-
argTypes: excludeControls("className", "elementType", "help", "onChange"),
|
|
21
|
-
decorators: [
|
|
22
|
-
Story => (_jsx(ThemeProvider, { children: _jsx(Story, {}) })),
|
|
23
|
-
],
|
|
24
|
-
};
|
|
25
|
-
export const Normal = {
|
|
26
|
-
render: (args) => {
|
|
27
|
-
// eslint-disable-next-line
|
|
28
|
-
const { setBreakpoints } = useContext(ThemeContext);
|
|
29
|
-
// eslint-disable-next-line
|
|
30
|
-
useEffect(() => {
|
|
31
|
-
setBreakpoints(breakpoints);
|
|
32
|
-
}, [setBreakpoints]);
|
|
33
|
-
return (_jsx(Section, Object.assign({ title: "About your Not For Profit organisation" }, { children: _jsxs(QuestionGroup, Object.assign({}, args, { children: [_jsx(Question, Object.assign({ label: _jsxs(_Fragment, { children: [_jsx("strong", { children: "...do work" }), "in or on an offshore installation or support vessel?"] }) }, { children: _jsxs(RadioGroup, Object.assign({ orientation: "horizontal" }, { children: [_jsx(RadioButton, { value: "yes", label: "Yes" }), _jsx(RadioButton, { value: "no", label: "No" })] })) })), _jsx(Question, Object.assign({ label: _jsxs(_Fragment, { children: [_jsx("strong", { children: "...do work" }), "that involves travelling to or from an offshore installation or support vessel?"] }) }, { children: _jsxs(RadioGroup, Object.assign({ orientation: "horizontal" }, { children: [_jsx(RadioButton, { value: "yes", label: "Yes" }), _jsx(RadioButton, { value: "no", label: "No" })] })) })), _jsx(Question, Object.assign({ label: _jsxs(_Fragment, { children: [_jsx("strong", { children: "...do work" }), "in or on aircraft, hovercrafts, airports, airfields, railways, watercraft (except where they\u2018re hand propelled), docks, harbours, piers, wharves, breakwaters or sea walls?"] }) }, { children: _jsxs(RadioGroup, Object.assign({ orientation: "horizontal" }, { children: [_jsx(RadioButton, { value: "yes", label: "Yes" }), _jsx(RadioButton, { value: "no", label: "No" })] })) })), _jsx(Question, Object.assign({ label: _jsxs(_Fragment, { children: [_jsx("strong", { children: "...do work" }), "in or on towers, steeples (except for bell ringing or guided tours), chimney shafts, blast furnaces, dams, canals, viaducts, bridges or tunnels?"] }) }, { children: _jsxs(RadioGroup, Object.assign({ orientation: "horizontal" }, { children: [_jsx(RadioButton, { value: "yes", label: "Yes" }), _jsx(RadioButton, { value: "no", label: "No" })] })) })), _jsx(Question, Object.assign({ label: _jsxs(_Fragment, { children: [_jsx("strong", { children: "...do work" }), "in or on collieries, mines, quarries, chemical works, gas works, oil refineries, bulk storage facilities for gas or oil, power stations, wind farms or nuclear installations or plants?"] }) }, { children: _jsxs(RadioGroup, Object.assign({ orientation: "horizontal" }, { children: [_jsx(RadioButton, { value: "yes", label: "Yes" }), _jsx(RadioButton, { value: "no", label: "No" })] })) })), _jsx(Question, Object.assign({ label: _jsxs(_Fragment, { children: [_jsx("strong", { children: "...do any" }), "activity away from your premises that involves the use of heat?"] }), help: _jsx("p", { children: "This could include activities such as burning debris or garden waste." }) }, { children: _jsxs(RadioGroup, Object.assign({ orientation: "horizontal" }, { children: [_jsx(RadioButton, { value: "yes", label: "Yes" }), _jsx(RadioButton, { value: "no", label: "No" })] })) })), _jsx(Question, Object.assign({ label: _jsxs(_Fragment, { children: [_jsx("strong", { children: "...handle" }), "asbestos, silica or other materials containing either of those?"] }) }, { children: _jsxs(RadioGroup, Object.assign({ orientation: "horizontal" }, { children: [_jsx(RadioButton, { value: "yes", label: "Yes" }), _jsx(RadioButton, { value: "no", label: "No" })] })) }))] })) })));
|
|
34
|
-
},
|
|
35
|
-
args: {
|
|
36
|
-
label: "Does your organisation...",
|
|
37
|
-
help: (_jsxs(_Fragment, { children: [_jsx("p", { children: "It\u2018s important to answer the following questions as accurately as possible to make sure you get the right level of cover for your organisation." }), _jsx("p", { children: _jsx("u", { children: "For the purposes of the following questions:" }) }), _jsxs("ul", { children: [_jsx("li", { children: "\u2018your organisation\u2018 includes any subsidiary companies included under this insurance" }), _jsxs("li", { children: ["a \u2018senior manager\u2018 is any person with responsibility for arranging insurance or who plays a significant role in making decisions about how activities are managed or organised", _jsx("p", {})] })] }), _jsx("p", { children: "You should answer these questions based on the knowledge of a senior manager. Please either agree or disagree with the following statements:" })] })),
|
|
38
|
-
},
|
|
39
|
-
};
|
|
40
|
-
//# sourceMappingURL=QuestionGroup.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"QuestionGroup.stories.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/QuestionGroup/QuestionGroup.stories.tsx"],"names":[],"mappings":"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"}
|