@simplybusiness/mobius 3.9.3 → 3.9.4
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 +8 -0
- package/dist/esm/tsconfig.esm.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/components/NumberField/NumberField.mdx +17 -0
- 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,93 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { render, screen } from "@testing-library/react";
|
|
3
|
-
import { Steps, StepItem } from ".";
|
|
4
|
-
const STEPS_CLASS_NAME = "chopin/Steps";
|
|
5
|
-
const STEP_ITEM_CLASS_NAME = "chopin/StepItem";
|
|
6
|
-
const STEP_ITEM_ACTIVE_CLASS_NAME = "--is-active";
|
|
7
|
-
const STEP_ITEM_COMPLETED_CLASS_NAME = "--is-completed";
|
|
8
|
-
const STEP_ITEM_UNSTARTED_CLASS_NAME = "--is-unstarted";
|
|
9
|
-
const STEP_NAME_CLASS_NAME = "chopin/StepName";
|
|
10
|
-
const STEP_LINK_CLASS_NAME = "chopin/StepLink";
|
|
11
|
-
const STEP_ICON_CLASS_NAME = "chopin/StepIcon";
|
|
12
|
-
describe("Steps", () => {
|
|
13
|
-
it("should render without errors", () => {
|
|
14
|
-
const title = "Introduction";
|
|
15
|
-
const { container } = render(_jsx(Steps, { children: _jsx(StepItem, { name: title }) }));
|
|
16
|
-
expect(screen.getByText(title)).toBeInTheDocument();
|
|
17
|
-
expect(container.getElementsByTagName("ol").length).toBe(1);
|
|
18
|
-
});
|
|
19
|
-
it("should render with default class names", () => {
|
|
20
|
-
const { container } = render(_jsx(Steps, {}));
|
|
21
|
-
expect(container.firstChild).toHaveClass(STEPS_CLASS_NAME);
|
|
22
|
-
});
|
|
23
|
-
it("should render with custom class name", () => {
|
|
24
|
-
const CUSTOM_CLASS_NAME = "my-test-steps";
|
|
25
|
-
const { container } = render(_jsx(Steps, { className: CUSTOM_CLASS_NAME }));
|
|
26
|
-
expect(container.firstChild).toHaveClass(STEPS_CLASS_NAME);
|
|
27
|
-
expect(container.firstChild).toHaveClass(CUSTOM_CLASS_NAME);
|
|
28
|
-
});
|
|
29
|
-
describe("given elementType", () => {
|
|
30
|
-
it("is not applied as element attribute", () => {
|
|
31
|
-
const { container } = render(_jsx(Steps, Object.assign({ elementType: "ul" }, { children: _jsx(StepItem, { name: "Your business", url: "#test", elementType: "li" }) })));
|
|
32
|
-
const listItem = screen.getByLabelText("Step 1, Your business");
|
|
33
|
-
expect(container.firstChild).not.toHaveAttribute("elementtype", "ul");
|
|
34
|
-
expect(listItem).not.toHaveAttribute("elementtype", "li");
|
|
35
|
-
});
|
|
36
|
-
});
|
|
37
|
-
describe("given a list of completed, active and unstarted steps", () => {
|
|
38
|
-
it("renders them with appropriate HTML elements", () => {
|
|
39
|
-
render(_jsxs(Steps, { children: [_jsx(StepItem, { name: "Your business", url: "#first", completed: true }), _jsx(StepItem, { name: "Your employees", url: "#second", completed: true }), _jsx(StepItem, { name: "Cover options", url: "#third", completed: true }), _jsx(StepItem, { name: "Business questions", url: "#fourth", active: true }), _jsx(StepItem, { name: "Agreements", url: "#fifth" }), _jsx(StepItem, { name: "Your quotes", url: "#sixth" })] }));
|
|
40
|
-
const listItems = screen.queryAllByRole("listitem");
|
|
41
|
-
const links = screen.queryAllByRole("link");
|
|
42
|
-
expect(listItems.length).toBe(6);
|
|
43
|
-
expect(links.length).toBe(3);
|
|
44
|
-
});
|
|
45
|
-
it("renders them with appropriate class names", () => {
|
|
46
|
-
const EXPECTED_LIST_ITEMS = 6;
|
|
47
|
-
const EXPECTED_ACTIVE_ITEMS = 1;
|
|
48
|
-
const EXPECTED_COMPLETED_ITEMS = 3;
|
|
49
|
-
const EXPECTED_UNSTARTED_ITEMS = 2;
|
|
50
|
-
const EXPECTED_TITLES = 6;
|
|
51
|
-
const EXPECTED_LINKS = 3;
|
|
52
|
-
const EXPECTED_ICONS = 3;
|
|
53
|
-
const { container } = render(_jsxs(Steps, { children: [_jsx(StepItem, { name: "Your business", url: "#first", completed: true }), _jsx(StepItem, { name: "Your employees", url: "#second", completed: true }), _jsx(StepItem, { name: "Cover options", url: "#third", completed: true }), _jsx(StepItem, { name: "Business questions", url: "#fourth", active: true }), _jsx(StepItem, { name: "Agreements", url: "#fifth" }), _jsx(StepItem, { name: "Your quotes", url: "#sixth" })] }));
|
|
54
|
-
const listItemClasses = container.getElementsByClassName(STEP_ITEM_CLASS_NAME);
|
|
55
|
-
const activeItemClasses = container.getElementsByClassName(STEP_ITEM_ACTIVE_CLASS_NAME);
|
|
56
|
-
const completedItemClasses = container.getElementsByClassName(STEP_ITEM_COMPLETED_CLASS_NAME);
|
|
57
|
-
const unstartedItemClasses = container.getElementsByClassName(STEP_ITEM_UNSTARTED_CLASS_NAME);
|
|
58
|
-
const nameClasses = container.getElementsByClassName(STEP_NAME_CLASS_NAME);
|
|
59
|
-
const linkClasses = container.getElementsByClassName(STEP_LINK_CLASS_NAME);
|
|
60
|
-
const iconClasses = container.getElementsByClassName(STEP_ICON_CLASS_NAME);
|
|
61
|
-
expect(listItemClasses.length).toBe(EXPECTED_LIST_ITEMS);
|
|
62
|
-
expect(activeItemClasses.length).toBe(EXPECTED_ACTIVE_ITEMS);
|
|
63
|
-
expect(completedItemClasses.length).toBe(EXPECTED_COMPLETED_ITEMS);
|
|
64
|
-
expect(unstartedItemClasses.length).toBe(EXPECTED_UNSTARTED_ITEMS);
|
|
65
|
-
expect(nameClasses.length).toBe(EXPECTED_TITLES);
|
|
66
|
-
expect(linkClasses.length).toBe(EXPECTED_LINKS);
|
|
67
|
-
expect(iconClasses.length).toBe(EXPECTED_ICONS);
|
|
68
|
-
});
|
|
69
|
-
it("renders them with appropriate labels and attributes", () => {
|
|
70
|
-
const yourBusinessText = "Your business";
|
|
71
|
-
const businessQuestionsText = "Business questions";
|
|
72
|
-
const coverOptionsText = "CoverOptions";
|
|
73
|
-
const coverOptionsLink = "#third";
|
|
74
|
-
render(_jsxs(Steps, { children: [_jsx(StepItem, { name: yourBusinessText, url: "#first", completed: true }), _jsx(StepItem, { name: "Your employees", url: "#second", completed: true }), _jsx(StepItem, { name: coverOptionsText, url: coverOptionsLink, completed: true }), _jsx(StepItem, { name: businessQuestionsText, url: "#fourth", active: true }), _jsx(StepItem, { name: "Agreements", url: "#fifth" }), _jsx(StepItem, { name: "Your quotes", url: "#sixth" })] }));
|
|
75
|
-
const activeItem = screen.getByText(businessQuestionsText).closest("li");
|
|
76
|
-
const completedItem = screen.getByText(coverOptionsText).closest("a");
|
|
77
|
-
const completedAriaLabel = screen.getByLabelText(`Step 1, ${yourBusinessText}, Complete`);
|
|
78
|
-
const activeAriaLabel = screen.getByLabelText(`Step 4, ${businessQuestionsText}`);
|
|
79
|
-
expect(completedAriaLabel).toBeInTheDocument();
|
|
80
|
-
expect(activeAriaLabel).toBeInTheDocument();
|
|
81
|
-
expect(activeItem).toHaveAttribute("aria-current", "step");
|
|
82
|
-
expect(completedItem).toHaveAttribute("href", coverOptionsLink);
|
|
83
|
-
});
|
|
84
|
-
it("renders with the correct linkElementType component", () => {
|
|
85
|
-
const CustomComponent = () => (
|
|
86
|
-
// eslint-disable-next-line jsx-a11y/anchor-is-valid
|
|
87
|
-
_jsx("a", Object.assign({ "data-testid": "custom-link", href: "#" }, { children: "Dummy" })));
|
|
88
|
-
render(_jsx(Steps, { children: _jsx(StepItem, { name: "Your business", url: "#first", completed: true, linkElementType: CustomComponent }) }));
|
|
89
|
-
expect(screen.getByTestId("custom-link")).toBeInTheDocument();
|
|
90
|
-
});
|
|
91
|
-
});
|
|
92
|
-
});
|
|
93
|
-
//# sourceMappingURL=Steps.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Steps.test.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Steps/Steps.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC;AAEpC,MAAM,gBAAgB,GAAG,cAAc,CAAC;AACxC,MAAM,oBAAoB,GAAG,iBAAiB,CAAC;AAC/C,MAAM,2BAA2B,GAAG,aAAa,CAAC;AAClD,MAAM,8BAA8B,GAAG,gBAAgB,CAAC;AACxD,MAAM,8BAA8B,GAAG,gBAAgB,CAAC;AACxD,MAAM,oBAAoB,GAAG,iBAAiB,CAAC;AAC/C,MAAM,oBAAoB,GAAG,iBAAiB,CAAC;AAC/C,MAAM,oBAAoB,GAAG,iBAAiB,CAAC;AAE/C,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IACrB,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,KAAK,GAAG,cAAc,CAAC;QAE7B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,KAAK,cACJ,KAAC,QAAQ,IAAC,IAAI,EAAE,KAAK,GAAI,GACnB,CACT,CAAC;QAEF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACpD,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAChD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,KAAK,KAAG,CAAC,CAAC;QAExC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC9C,MAAM,iBAAiB,GAAG,eAAe,CAAC;QAC1C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,KAAK,IAAC,SAAS,EAAE,iBAAiB,GAAI,CAAC,CAAC;QAEtE,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;QAC3D,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;QACjC,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;YAC7C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,KAAK,kBAAC,WAAW,EAAC,IAAI,gBACrB,KAAC,QAAQ,IAAC,IAAI,EAAC,eAAe,EAAC,GAAG,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,GAAG,IACxD,CACT,CAAC;YACF,MAAM,QAAQ,GAAG,MAAM,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;YAChE,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;YACtE,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;QAC5D,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,uDAAuD,EAAE,GAAG,EAAE;QACrE,EAAE,CAAC,6CAA6C,EAAE,GAAG,EAAE;YACrD,MAAM,CACJ,MAAC,KAAK,eACJ,KAAC,QAAQ,IAAC,IAAI,EAAC,eAAe,EAAC,GAAG,EAAC,QAAQ,EAAC,SAAS,SAAG,EACxD,KAAC,QAAQ,IAAC,IAAI,EAAC,gBAAgB,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,SAAG,EAC1D,KAAC,QAAQ,IAAC,IAAI,EAAC,eAAe,EAAC,GAAG,EAAC,QAAQ,EAAC,SAAS,SAAG,EACxD,KAAC,QAAQ,IAAC,IAAI,EAAC,oBAAoB,EAAC,GAAG,EAAC,SAAS,EAAC,MAAM,SAAG,EAC3D,KAAC,QAAQ,IAAC,IAAI,EAAC,YAAY,EAAC,GAAG,EAAC,QAAQ,GAAG,EAC3C,KAAC,QAAQ,IAAC,IAAI,EAAC,aAAa,EAAC,GAAG,EAAC,QAAQ,GAAG,IACtC,CACT,CAAC;YAEF,MAAM,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;YACpD,MAAM,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;YAE5C,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YACjC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;YACnD,MAAM,mBAAmB,GAAG,CAAC,CAAC;YAC9B,MAAM,qBAAqB,GAAG,CAAC,CAAC;YAChC,MAAM,wBAAwB,GAAG,CAAC,CAAC;YACnC,MAAM,wBAAwB,GAAG,CAAC,CAAC;YACnC,MAAM,eAAe,GAAG,CAAC,CAAC;YAC1B,MAAM,cAAc,GAAG,CAAC,CAAC;YACzB,MAAM,cAAc,GAAG,CAAC,CAAC;YAEzB,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,MAAC,KAAK,eACJ,KAAC,QAAQ,IAAC,IAAI,EAAC,eAAe,EAAC,GAAG,EAAC,QAAQ,EAAC,SAAS,SAAG,EACxD,KAAC,QAAQ,IAAC,IAAI,EAAC,gBAAgB,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,SAAG,EAC1D,KAAC,QAAQ,IAAC,IAAI,EAAC,eAAe,EAAC,GAAG,EAAC,QAAQ,EAAC,SAAS,SAAG,EACxD,KAAC,QAAQ,IAAC,IAAI,EAAC,oBAAoB,EAAC,GAAG,EAAC,SAAS,EAAC,MAAM,SAAG,EAC3D,KAAC,QAAQ,IAAC,IAAI,EAAC,YAAY,EAAC,GAAG,EAAC,QAAQ,GAAG,EAC3C,KAAC,QAAQ,IAAC,IAAI,EAAC,aAAa,EAAC,GAAG,EAAC,QAAQ,GAAG,IACtC,CACT,CAAC;YAEF,MAAM,eAAe,GACnB,SAAS,CAAC,sBAAsB,CAAC,oBAAoB,CAAC,CAAC;YACzD,MAAM,iBAAiB,GAAG,SAAS,CAAC,sBAAsB,CACxD,2BAA2B,CAC5B,CAAC;YACF,MAAM,oBAAoB,GAAG,SAAS,CAAC,sBAAsB,CAC3D,8BAA8B,CAC/B,CAAC;YACF,MAAM,oBAAoB,GAAG,SAAS,CAAC,sBAAsB,CAC3D,8BAA8B,CAC/B,CAAC;YACF,MAAM,WAAW,GACf,SAAS,CAAC,sBAAsB,CAAC,oBAAoB,CAAC,CAAC;YACzD,MAAM,WAAW,GACf,SAAS,CAAC,sBAAsB,CAAC,oBAAoB,CAAC,CAAC;YACzD,MAAM,WAAW,GACf,SAAS,CAAC,sBAAsB,CAAC,oBAAoB,CAAC,CAAC;YAEzD,MAAM,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;YACzD,MAAM,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;YAC7D,MAAM,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;YACnE,MAAM,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;YACnE,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;YACjD,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;YAChD,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAClD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,qDAAqD,EAAE,GAAG,EAAE;YAC7D,MAAM,gBAAgB,GAAG,eAAe,CAAC;YACzC,MAAM,qBAAqB,GAAG,oBAAoB,CAAC;YACnD,MAAM,gBAAgB,GAAG,cAAc,CAAC;YACxC,MAAM,gBAAgB,GAAG,QAAQ,CAAC;YAElC,MAAM,CACJ,MAAC,KAAK,eACJ,KAAC,QAAQ,IAAC,IAAI,EAAE,gBAAgB,EAAE,GAAG,EAAC,QAAQ,EAAC,SAAS,SAAG,EAC3D,KAAC,QAAQ,IAAC,IAAI,EAAC,gBAAgB,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,SAAG,EAC1D,KAAC,QAAQ,IAAC,IAAI,EAAE,gBAAgB,EAAE,GAAG,EAAE,gBAAgB,EAAE,SAAS,SAAG,EACrE,KAAC,QAAQ,IAAC,IAAI,EAAE,qBAAqB,EAAE,GAAG,EAAC,SAAS,EAAC,MAAM,SAAG,EAC9D,KAAC,QAAQ,IAAC,IAAI,EAAC,YAAY,EAAC,GAAG,EAAC,QAAQ,GAAG,EAC3C,KAAC,QAAQ,IAAC,IAAI,EAAC,aAAa,EAAC,GAAG,EAAC,QAAQ,GAAG,IACtC,CACT,CAAC;YAEF,MAAM,UAAU,GAAG,MAAM,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YACzE,MAAM,aAAa,GAAG,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;YACtE,MAAM,kBAAkB,GAAG,MAAM,CAAC,cAAc,CAC9C,WAAW,gBAAgB,YAAY,CACxC,CAAC;YACF,MAAM,eAAe,GAAG,MAAM,CAAC,cAAc,CAC3C,WAAW,qBAAqB,EAAE,CACnC,CAAC;YAEF,MAAM,CAAC,kBAAkB,CAAC,CAAC,iBAAiB,EAAE,CAAC;YAC/C,MAAM,CAAC,eAAe,CAAC,CAAC,iBAAiB,EAAE,CAAC;YAC5C,MAAM,CAAC,UAAU,CAAC,CAAC,eAAe,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;YAC3D,MAAM,CAAC,aAAa,CAAC,CAAC,eAAe,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;QAClE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,oDAAoD,EAAE,GAAG,EAAE;YAC5D,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC;YAC5B,oDAAoD;YACpD,yCAAe,aAAa,EAAC,IAAI,EAAC,GAAG,2BAEjC,CACL,CAAC;YACF,MAAM,CACJ,KAAC,KAAK,cACJ,KAAC,QAAQ,IACP,IAAI,EAAC,eAAe,EACpB,GAAG,EAAC,QAAQ,EACZ,SAAS,QACT,eAAe,EAAE,eAAe,GAChC,GACI,CACT,CAAC;YACF,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAChE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Testimonial } from "./Testimonial";
|
|
3
|
-
import { excludeControls } from "../../../utils/excludeControls";
|
|
4
|
-
export default {
|
|
5
|
-
title: "Chopin/Testimonial",
|
|
6
|
-
component: Testimonial,
|
|
7
|
-
argTypes: Object.assign({}, excludeControls("className")),
|
|
8
|
-
};
|
|
9
|
-
export const Normal = {
|
|
10
|
-
render: (args) => (_jsx(Testimonial, Object.assign({}, args, { children: "\u201CWhat\u201C ain\u2018t no country I\u2018ve ever heard of. They speak English in What?" }))),
|
|
11
|
-
args: {
|
|
12
|
-
author: "Jules Winnfield",
|
|
13
|
-
},
|
|
14
|
-
};
|
|
15
|
-
//# sourceMappingURL=Testimonial.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Testimonial.stories.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Testimonial/Testimonial.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,eAAe;IACb,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,WAAW;IACtB,QAAQ,oBACH,eAAe,CAAC,WAAW,CAAC,CAChC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAA6B;IAC9C,MAAM,EAAE,CAAC,IAAsB,EAAE,EAAE,CAAC,CAClC,KAAC,WAAW,oBAAK,IAAI,+GAGP,CACf;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,iBAAiB;KAC1B;CACF,CAAC"}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { render } from "@testing-library/react";
|
|
3
|
-
import { Testimonial } from ".";
|
|
4
|
-
describe("Testimonial", () => {
|
|
5
|
-
it("should render without errors", () => {
|
|
6
|
-
render(_jsx(Testimonial, Object.assign({ author: "Jane Doe" }, { children: "Sample text" })));
|
|
7
|
-
});
|
|
8
|
-
it("should render with children", () => {
|
|
9
|
-
const { container } = render(_jsx(Testimonial, Object.assign({ author: "Jane Doe" }, { children: "Quote" })));
|
|
10
|
-
expect(container.firstChild).toHaveTextContent("Quote");
|
|
11
|
-
});
|
|
12
|
-
describe("class names", () => {
|
|
13
|
-
it("should have chopin class", () => {
|
|
14
|
-
const { container } = render(_jsx(Testimonial, Object.assign({ author: "Jane Doe" }, { children: "Quote" })));
|
|
15
|
-
expect(container.firstChild).toHaveClass("chopin");
|
|
16
|
-
});
|
|
17
|
-
it("should have chopin/Testimonial class", () => {
|
|
18
|
-
const { container } = render(_jsx(Testimonial, Object.assign({ author: "Jane Doe" }, { children: "Quote" })));
|
|
19
|
-
expect(container.firstChild).toHaveClass("chopin/Testimonial");
|
|
20
|
-
});
|
|
21
|
-
it("should have chopin/TestimonialAuthor class", () => {
|
|
22
|
-
const { container } = render(_jsx(Testimonial, Object.assign({ author: "Jane Doe" }, { children: "Quote" })));
|
|
23
|
-
expect(container.querySelector("cite")).toHaveClass("chopin/TestimonialAuthor");
|
|
24
|
-
});
|
|
25
|
-
it("should have chopin/TestimonialQuote class", () => {
|
|
26
|
-
const { container } = render(_jsx(Testimonial, Object.assign({ author: "Jane Doe" }, { children: "Quote" })));
|
|
27
|
-
expect(container.querySelector("blockquote")).toHaveClass("chopin/TestimonialQuote");
|
|
28
|
-
});
|
|
29
|
-
it("should have custom class", () => {
|
|
30
|
-
const { container } = render(_jsx(Testimonial, Object.assign({ author: "Jane Doe", className: "custom" }, { children: "Quote" })));
|
|
31
|
-
expect(container.firstChild).toHaveClass("custom");
|
|
32
|
-
});
|
|
33
|
-
});
|
|
34
|
-
});
|
|
35
|
-
//# sourceMappingURL=Testimonial.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Testimonial.test.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Testimonial/Testimonial.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAEhC,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,CAAC,KAAC,WAAW,kBAAC,MAAM,EAAC,UAAU,iCAA0B,CAAC,CAAC;IACnE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACrC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,WAAW,kBAAC,MAAM,EAAC,UAAU,2BAAoB,CACnD,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;QAC3B,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;YAClC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,WAAW,kBAAC,MAAM,EAAC,UAAU,2BAAoB,CACnD,CAAC;YACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QACrD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;YAC9C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,WAAW,kBAAC,MAAM,EAAC,UAAU,2BAAoB,CACnD,CAAC;YACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC;QACjE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;YACpD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,WAAW,kBAAC,MAAM,EAAC,UAAU,2BAAoB,CACnD,CAAC;YACF,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CACjD,0BAA0B,CAC3B,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;YACnD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,WAAW,kBAAC,MAAM,EAAC,UAAU,2BAAoB,CACnD,CAAC;YACF,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CACvD,yBAAyB,CAC1B,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;YAClC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,WAAW,kBAAC,MAAM,EAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,2BAEnC,CACf,CAAC;YACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QACrD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import React, { useRef } from "react";
|
|
3
|
-
import { fireEvent, render, screen } from "@testing-library/react";
|
|
4
|
-
import { mockTrade } from "../mockApiResults";
|
|
5
|
-
import { Listing } from "./Listing";
|
|
6
|
-
jest.mock("react", () => (Object.assign(Object.assign({}, jest.requireActual("react")), { useRef: jest.fn() })));
|
|
7
|
-
describe("Listing", () => {
|
|
8
|
-
it("renders a list of trades", () => {
|
|
9
|
-
jest.spyOn(React, "useRef").mockReturnValue({
|
|
10
|
-
current: {},
|
|
11
|
-
});
|
|
12
|
-
const title = "Exact matches for your search";
|
|
13
|
-
const trades = [mockTrade];
|
|
14
|
-
const resultRefs = useRef([]);
|
|
15
|
-
const onClick = jest.fn();
|
|
16
|
-
const selectedId = 0;
|
|
17
|
-
render(_jsx(Listing, { title: title, trades: trades, resultRefs: resultRefs, onClick: onClick, selectedId: selectedId }));
|
|
18
|
-
const header = screen.getByText(title);
|
|
19
|
-
const trade = screen.getByText("Landlord");
|
|
20
|
-
expect(header).toBeInTheDocument();
|
|
21
|
-
expect(trade).toBeInTheDocument();
|
|
22
|
-
fireEvent.click(trade);
|
|
23
|
-
expect(onClick).toHaveBeenCalled();
|
|
24
|
-
});
|
|
25
|
-
});
|
|
26
|
-
//# sourceMappingURL=Listing.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Listing.test.js","sourceRoot":"","sources":["../../../../../../src/components/Chopin/TradeSelector/Listing/Listing.test.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,iCACpB,IAAI,CAAC,aAAa,CAAe,OAAO,CAAC,KAC5C,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE,IACjB,CAAC,CAAC;AAEJ,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACvB,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAClC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,eAAe,CAAC;YAC1C,OAAO,EAAE,EAAE;SACZ,CAAC,CAAC;QAEH,MAAM,KAAK,GAAG,+BAA+B,CAAC;QAC9C,MAAM,MAAM,GAAG,CAAC,SAAS,CAAC,CAAC;QAC3B,MAAM,UAAU,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC;QAC9B,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC1B,MAAM,UAAU,GAAG,CAAC,CAAC;QAErB,MAAM,CACJ,KAAC,OAAO,IACN,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,GACtB,CACH,CAAC;QAEF,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACvC,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAE3C,MAAM,CAAC,MAAM,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACnC,MAAM,CAAC,KAAK,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAElC,SAAS,CAAC,KAAK,CAAC,KAAM,CAAC,CAAC;QACxB,MAAM,CAAC,OAAO,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { fireEvent, render } from "@testing-library/react";
|
|
3
|
-
import userEvent from "@testing-library/user-event";
|
|
4
|
-
import { mockTrade } from "../mockApiResults";
|
|
5
|
-
import { ListingItem } from "./ListingItem";
|
|
6
|
-
describe("ListingItem", () => {
|
|
7
|
-
it("renders trade", () => {
|
|
8
|
-
const onClick = jest.fn();
|
|
9
|
-
const { container } = render(_jsx(ListingItem, { trade: mockTrade, onClick: onClick, selected: false }));
|
|
10
|
-
const button = container.querySelector("button");
|
|
11
|
-
expect(button).toHaveAttribute("data-key", "Landlord");
|
|
12
|
-
expect(button).toHaveTextContent("Landlord");
|
|
13
|
-
});
|
|
14
|
-
it("sets classes for interaction states", async () => {
|
|
15
|
-
const onClick = jest.fn();
|
|
16
|
-
const { container } = render(_jsx(ListingItem, { trade: mockTrade, onClick: onClick, selected: false }));
|
|
17
|
-
const button = container.querySelector("button");
|
|
18
|
-
fireEvent.mouseEnter(button);
|
|
19
|
-
expect(button).toHaveClass("--is-hovered");
|
|
20
|
-
await userEvent.tab();
|
|
21
|
-
expect(button).toHaveClass("--is-focused");
|
|
22
|
-
});
|
|
23
|
-
it("sets interaction class when selected prop is true", () => {
|
|
24
|
-
const onClick = jest.fn();
|
|
25
|
-
const { container } = render(_jsx(ListingItem, { trade: mockTrade, onClick: onClick, selected: true }));
|
|
26
|
-
const button = container.querySelector("button");
|
|
27
|
-
expect(button).toHaveClass("--is-focused");
|
|
28
|
-
});
|
|
29
|
-
it("calls onClick", () => {
|
|
30
|
-
const onClick = jest.fn();
|
|
31
|
-
const { container } = render(_jsx(ListingItem, { trade: mockTrade, onClick: onClick, selected: false }));
|
|
32
|
-
const button = container.querySelector("button");
|
|
33
|
-
fireEvent.click(button);
|
|
34
|
-
expect(onClick).toHaveBeenCalled();
|
|
35
|
-
});
|
|
36
|
-
});
|
|
37
|
-
//# sourceMappingURL=ListingItem.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ListingItem.test.js","sourceRoot":"","sources":["../../../../../../src/components/Chopin/TradeSelector/Listing/ListingItem.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,eAAe,EAAE,GAAG,EAAE;QACvB,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC1B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,WAAW,IAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,GAAI,CACrE,CAAC;QAEF,MAAM,MAAM,GAAG,SAAS,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAEjD,MAAM,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;QACvD,MAAM,CAAC,MAAM,CAAC,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACnD,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC1B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,WAAW,IAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,GAAI,CACrE,CAAC;QAEF,MAAM,MAAM,GAAG,SAAS,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAEjD,SAAS,CAAC,UAAU,CAAC,MAAO,CAAC,CAAC;QAC9B,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;QAE3C,MAAM,SAAS,CAAC,GAAG,EAAE,CAAC;QACtB,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mDAAmD,EAAE,GAAG,EAAE;QAC3D,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC1B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,WAAW,IAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,SAAG,CAC7D,CAAC;QAEF,MAAM,MAAM,GAAG,SAAS,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACjD,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,eAAe,EAAE,GAAG,EAAE;QACvB,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC1B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,WAAW,IAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,GAAI,CACrE,CAAC;QAEF,MAAM,MAAM,GAAG,SAAS,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACjD,SAAS,CAAC,KAAK,CAAC,MAAO,CAAC,CAAC;QACzB,MAAM,CAAC,OAAO,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import React, { useRef } from "react";
|
|
3
|
-
import { fireEvent, render, screen } from "@testing-library/react";
|
|
4
|
-
import { jestHTMLDialogPolyfill } from "../jestHTMLDialogPolyfill";
|
|
5
|
-
import { SearchResults } from "./SearchResults";
|
|
6
|
-
import { mockTrade } from "../mockApiResults";
|
|
7
|
-
import { getConfig } from "../config";
|
|
8
|
-
jestHTMLDialogPolyfill();
|
|
9
|
-
jest.mock("react", () => (Object.assign(Object.assign({}, jest.requireActual("react")), { useRef: jest.fn() })));
|
|
10
|
-
jest.mock("@react-aria/focus", () => ({
|
|
11
|
-
useFocusRing: () => ({
|
|
12
|
-
isFocusVisible: () => { },
|
|
13
|
-
focusProps: () => { },
|
|
14
|
-
}),
|
|
15
|
-
}));
|
|
16
|
-
jest.mock("@react-aria/interactions", () => ({
|
|
17
|
-
useHover: () => ({
|
|
18
|
-
hoverProps: () => { },
|
|
19
|
-
isHovered: () => { },
|
|
20
|
-
}),
|
|
21
|
-
}));
|
|
22
|
-
const SearchResultsComponent = (props) => {
|
|
23
|
-
const { defaultLabels } = getConfig();
|
|
24
|
-
const defaultProps = {
|
|
25
|
-
isOpen: true,
|
|
26
|
-
inputRef: useRef(null),
|
|
27
|
-
results: [mockTrade],
|
|
28
|
-
fallbackUrl: "https://www.example.com",
|
|
29
|
-
labels: Object.assign({}, defaultLabels),
|
|
30
|
-
isLoading: false,
|
|
31
|
-
onClick: jest.fn(),
|
|
32
|
-
onClose: jest.fn(),
|
|
33
|
-
};
|
|
34
|
-
return _jsx(SearchResults, Object.assign({}, defaultProps, props));
|
|
35
|
-
};
|
|
36
|
-
describe("SearchResults", () => {
|
|
37
|
-
beforeEach(() => {
|
|
38
|
-
jest.spyOn(React, "useRef").mockReturnValue({
|
|
39
|
-
current: [],
|
|
40
|
-
});
|
|
41
|
-
});
|
|
42
|
-
const loadingText = "Loading...";
|
|
43
|
-
const tradeText = "Landlord";
|
|
44
|
-
const noResultsText = "View all trades";
|
|
45
|
-
it("renders loading state", () => {
|
|
46
|
-
render(_jsx(SearchResultsComponent, { isLoading: true }));
|
|
47
|
-
const loading = screen.queryByText(loadingText);
|
|
48
|
-
const trade = screen.queryByText(tradeText);
|
|
49
|
-
const noResultsLink = screen.queryByText(noResultsText);
|
|
50
|
-
expect(loading).toBeInTheDocument();
|
|
51
|
-
expect(noResultsLink).not.toBeInTheDocument();
|
|
52
|
-
expect(trade).not.toBeInTheDocument();
|
|
53
|
-
});
|
|
54
|
-
it("renders no results state", () => {
|
|
55
|
-
render(_jsx(SearchResultsComponent, { results: [] }));
|
|
56
|
-
const loading = screen.queryByText(loadingText);
|
|
57
|
-
const trade = screen.queryByText(tradeText);
|
|
58
|
-
const noResultsLink = screen.queryByText(noResultsText);
|
|
59
|
-
expect(loading).not.toBeInTheDocument();
|
|
60
|
-
expect(noResultsLink).toBeInTheDocument();
|
|
61
|
-
expect(trade).not.toBeInTheDocument();
|
|
62
|
-
});
|
|
63
|
-
it("renders trades list", () => {
|
|
64
|
-
render(_jsx(SearchResultsComponent, {}));
|
|
65
|
-
const loading = screen.queryByText(loadingText);
|
|
66
|
-
const trade = screen.queryByText(tradeText);
|
|
67
|
-
const noResultsLink = screen.queryByText(noResultsText);
|
|
68
|
-
expect(loading).not.toBeInTheDocument();
|
|
69
|
-
expect(noResultsLink).not.toBeInTheDocument();
|
|
70
|
-
expect(trade).toBeInTheDocument();
|
|
71
|
-
});
|
|
72
|
-
describe("pressing Enter key", () => {
|
|
73
|
-
it("selects the first trade from the list", () => {
|
|
74
|
-
const onClick = jest.fn();
|
|
75
|
-
const { container } = render(_jsx(SearchResultsComponent, { onClick: onClick }));
|
|
76
|
-
const button = container.querySelector("button");
|
|
77
|
-
expect(button).toHaveClass("--is-focused");
|
|
78
|
-
fireEvent.keyDown(container, {
|
|
79
|
-
key: "Enter",
|
|
80
|
-
code: "Enter",
|
|
81
|
-
});
|
|
82
|
-
expect(onClick).toHaveBeenCalled();
|
|
83
|
-
});
|
|
84
|
-
});
|
|
85
|
-
});
|
|
86
|
-
//# sourceMappingURL=SearchResults.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SearchResults.test.js","sourceRoot":"","sources":["../../../../../../src/components/Chopin/TradeSelector/SearchResults/SearchResults.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { render, fireEvent, screen } from "@testing-library/react";
|
|
3
|
-
import userEvent from "@testing-library/user-event";
|
|
4
|
-
import { useRef } from "react";
|
|
5
|
-
import { TradeInput } from "./TradeInput";
|
|
6
|
-
const TradeInputComponent = (props) => {
|
|
7
|
-
const defaultProps = {
|
|
8
|
-
onChange: jest.fn(),
|
|
9
|
-
inputRef: useRef(null),
|
|
10
|
-
value: "",
|
|
11
|
-
placeholder: "e.g. Cleaner, builder, consultant",
|
|
12
|
-
onEdit: jest.fn(),
|
|
13
|
-
isEditable: false,
|
|
14
|
-
};
|
|
15
|
-
return _jsx(TradeInput, Object.assign({}, defaultProps, props));
|
|
16
|
-
};
|
|
17
|
-
describe("TradeInput", () => {
|
|
18
|
-
it("renders selected trade", () => {
|
|
19
|
-
var _a;
|
|
20
|
-
const initialTrade = "Landlord";
|
|
21
|
-
const onEdit = jest.fn();
|
|
22
|
-
render(_jsx(TradeInputComponent, { initialTrade: initialTrade, onEdit: onEdit }));
|
|
23
|
-
const initialTradeText = screen.queryByText(initialTrade);
|
|
24
|
-
const changeButton = screen.queryByRole("button");
|
|
25
|
-
expect((_a = initialTradeText === null || initialTradeText === void 0 ? void 0 : initialTradeText.parentNode) === null || _a === void 0 ? void 0 : _a.textContent).toEqual(`You have selected ‘${initialTrade}’ as your trade/profession. Change`);
|
|
26
|
-
fireEvent.click(changeButton);
|
|
27
|
-
expect(onEdit).toHaveBeenCalled();
|
|
28
|
-
});
|
|
29
|
-
it("renders input field", async () => {
|
|
30
|
-
const onChange = jest.fn();
|
|
31
|
-
render(_jsx(TradeInputComponent, { onChange: onChange }));
|
|
32
|
-
const inputField = screen.queryByRole("textbox");
|
|
33
|
-
expect(inputField).toBeInTheDocument();
|
|
34
|
-
await userEvent.tab();
|
|
35
|
-
await userEvent.keyboard("[Space]");
|
|
36
|
-
expect(onChange).toHaveBeenCalled();
|
|
37
|
-
});
|
|
38
|
-
it("sets classes for interaction states", async () => {
|
|
39
|
-
render(_jsx(TradeInputComponent, {}));
|
|
40
|
-
const inputField = screen.queryByRole("textbox");
|
|
41
|
-
await userEvent.tab();
|
|
42
|
-
expect(inputField).toHaveClass("--is-focused");
|
|
43
|
-
fireEvent.mouseEnter(inputField);
|
|
44
|
-
expect(inputField).toHaveClass("--is-hovered");
|
|
45
|
-
});
|
|
46
|
-
it("allows user to edit trade", () => {
|
|
47
|
-
render(_jsx(TradeInputComponent, { isEditable: true }));
|
|
48
|
-
const cancelText = screen.queryByText("Cancel");
|
|
49
|
-
expect(cancelText).toBeInTheDocument();
|
|
50
|
-
});
|
|
51
|
-
});
|
|
52
|
-
//# sourceMappingURL=TradeInput.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TradeInput.test.js","sourceRoot":"","sources":["../../../../../../src/components/Chopin/TradeSelector/TradeInput/TradeInput.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { TradeSelector } from ".";
|
|
3
|
-
import { excludeControls } from "../../../utils/excludeControls";
|
|
4
|
-
export default {
|
|
5
|
-
title: "Chopin/TradeSelector",
|
|
6
|
-
component: TradeSelector,
|
|
7
|
-
argTypes: Object.assign({ onTradeSelected: {
|
|
8
|
-
action: "onTradeSelected",
|
|
9
|
-
} }, excludeControls("className", "labels", "urls", "onTradeSelected", "elementType", "aria-describedby", "data-cy")),
|
|
10
|
-
};
|
|
11
|
-
export const Normal = {
|
|
12
|
-
render: (args) => _jsx(TradeSelector, Object.assign({}, args)),
|
|
13
|
-
args: {
|
|
14
|
-
minInput: 3,
|
|
15
|
-
apiRequestDebounceInMs: 250,
|
|
16
|
-
initialTrade: "",
|
|
17
|
-
hideLabel: false,
|
|
18
|
-
vertical: "",
|
|
19
|
-
},
|
|
20
|
-
};
|
|
21
|
-
export const WithoutLabel = {
|
|
22
|
-
render: (args) => _jsx(TradeSelector, Object.assign({}, args)),
|
|
23
|
-
args: {
|
|
24
|
-
minInput: 3,
|
|
25
|
-
apiRequestDebounceInMs: 250,
|
|
26
|
-
initialTrade: "",
|
|
27
|
-
hideLabel: true,
|
|
28
|
-
vertical: "",
|
|
29
|
-
},
|
|
30
|
-
};
|
|
31
|
-
export const WithTrade = {
|
|
32
|
-
render: (args) => _jsx(TradeSelector, Object.assign({}, args)),
|
|
33
|
-
args: {
|
|
34
|
-
minInput: 3,
|
|
35
|
-
apiRequestDebounceInMs: 250,
|
|
36
|
-
initialTrade: "Landlord",
|
|
37
|
-
hideLabel: false,
|
|
38
|
-
vertical: "",
|
|
39
|
-
},
|
|
40
|
-
};
|
|
41
|
-
export const WithSearchScope = {
|
|
42
|
-
render: (args) => _jsx(TradeSelector, Object.assign({}, args)),
|
|
43
|
-
args: {
|
|
44
|
-
minInput: 3,
|
|
45
|
-
apiRequestDebounceInMs: 250,
|
|
46
|
-
initialTrade: "",
|
|
47
|
-
hideLabel: false,
|
|
48
|
-
vertical: "business",
|
|
49
|
-
searchScope: "current_vertical",
|
|
50
|
-
},
|
|
51
|
-
};
|
|
52
|
-
//# sourceMappingURL=TradeSelector.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TradeSelector.stories.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/TradeSelector/TradeSelector.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAsB,MAAM,GAAG,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,eAAe;IACb,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,aAAa;IACxB,QAAQ,kBACN,eAAe,EAAE;YACf,MAAM,EAAE,iBAAiB;SAC1B,IACE,eAAe,CAChB,WAAW,EACX,QAAQ,EACR,MAAM,EACN,iBAAiB,EACjB,aAAa,EACb,kBAAkB,EAClB,SAAS,CACV,CACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAA+B;IAChD,MAAM,EAAE,CAAC,IAAwB,EAAE,EAAE,CAAC,KAAC,aAAa,oBAAK,IAAI,EAAI;IACjE,IAAI,EAAE;QACJ,QAAQ,EAAE,CAAC;QACX,sBAAsB,EAAE,GAAG;QAC3B,YAAY,EAAE,EAAE;QAChB,SAAS,EAAE,KAAK;QAChB,QAAQ,EAAE,EAAE;KACb;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAA+B;IACtD,MAAM,EAAE,CAAC,IAAwB,EAAE,EAAE,CAAC,KAAC,aAAa,oBAAK,IAAI,EAAI;IACjE,IAAI,EAAE;QACJ,QAAQ,EAAE,CAAC;QACX,sBAAsB,EAAE,GAAG;QAC3B,YAAY,EAAE,EAAE;QAChB,SAAS,EAAE,IAAI;QACf,QAAQ,EAAE,EAAE;KACb;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAA+B;IACnD,MAAM,EAAE,CAAC,IAAwB,EAAE,EAAE,CAAC,KAAC,aAAa,oBAAK,IAAI,EAAI;IACjE,IAAI,EAAE;QACJ,QAAQ,EAAE,CAAC;QACX,sBAAsB,EAAE,GAAG;QAC3B,YAAY,EAAE,UAAU;QACxB,SAAS,EAAE,KAAK;QAChB,QAAQ,EAAE,EAAE;KACb;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAA+B;IACzD,MAAM,EAAE,CAAC,IAAwB,EAAE,EAAE,CAAC,KAAC,aAAa,oBAAK,IAAI,EAAI;IACjE,IAAI,EAAE;QACJ,QAAQ,EAAE,CAAC;QACX,sBAAsB,EAAE,GAAG;QAC3B,YAAY,EAAE,EAAE;QAChB,SAAS,EAAE,KAAK;QAChB,QAAQ,EAAE,UAAU;QACpB,WAAW,EAAE,kBAAkB;KAChC;CACF,CAAC"}
|