@finsemble/finsemble-ui 6.1.4 → 6.3.0-beta.20211008

package/react/components/common/stories/FontSizeSelector.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"FontSizeSelector.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/FontSizeSelector.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAiB,MAAM,qBAAqB,CAAC;AAC9D,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAG3B,eAAe;IACd,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,QAAQ;CACnB,CAAC;AAEF,MAAM,QAAQ,GAAyB,CAAC,IAAmB,EAAE,EAAE,CAAC,oBAAC,QAAQ,OAAK,IAAI,GAAI,CAAC;AAEvF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IACjB,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,CAAC,OAAO,EAAE,EAAE;QACvB,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACtB,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACZ,SAAS,EAAE,OAAO;IAClB,UAAU,EAAE,CAAC,OAAO,EAAE,EAAE;QACvB,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACtB,CAAC;CACD,CAAC","sourcesContent":["import React from \"react\";\r\nimport { FontSize, FontSizeProps } from \"../FontSizeSelector\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\n\r\nexport default {\r\n\ttitle: \"Common/FontSize\",\r\n\tcomponent: FontSize,\r\n};\r\n\r\nconst Template: Story<FontSizeProps> = (args: FontSizeProps) => <FontSize {...args} />;\r\n\r\nexport const EmptyField = Template.bind({});\r\nEmptyField.args = {\r\n\tstartSize: \"\",\r\n\tupdateSize: (newSize) => {\r\n\t\tconsole.log(newSize);\r\n\t},\r\n};\r\n\r\nexport const Large = Template.bind({});\r\nLarge.args = {\r\n\tstartSize: \"large\",\r\n\tupdateSize: (newSize) => {\r\n\t\tconsole.log(newSize);\r\n\t},\r\n};\r\n"]}
+{"version":3,"file":"FontSizeSelector.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/FontSizeSelector.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAiB,MAAM,qBAAqB,CAAC;AAC9D,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAG3B,eAAe;IACd,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,QAAQ;CACnB,CAAC;AAEF,MAAM,QAAQ,GAAyB,CAAC,IAAmB,EAAE,EAAE,CAAC,oBAAC,QAAQ,oBAAK,IAAI,EAAI,CAAC;AAEvF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IACjB,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,CAAC,OAAO,EAAE,EAAE;QACvB,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACtB,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACZ,SAAS,EAAE,OAAO;IAClB,UAAU,EAAE,CAAC,OAAO,EAAE,EAAE;QACvB,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACtB,CAAC;CACD,CAAC","sourcesContent":["import React from \"react\";\r\nimport { FontSize, FontSizeProps } from \"../FontSizeSelector\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\n\r\nexport default {\r\n\ttitle: \"Common/FontSize\",\r\n\tcomponent: FontSize,\r\n};\r\n\r\nconst Template: Story<FontSizeProps> = (args: FontSizeProps) => <FontSize {...args} />;\r\n\r\nexport const EmptyField = Template.bind({});\r\nEmptyField.args = {\r\n\tstartSize: \"\",\r\n\tupdateSize: (newSize) => {\r\n\t\tconsole.log(newSize);\r\n\t},\r\n};\r\n\r\nexport const Large = Template.bind({});\r\nLarge.args = {\r\n\tstartSize: \"large\",\r\n\tupdateSize: (newSize) => {\r\n\t\tconsole.log(newSize);\r\n\t},\r\n};\r\n"]}

package/react/components/common/stories/Header.stories.js

@@ -6,7 +6,7 @@ export default {
     title: "Common/Header",
     component: Header,
 };
-const Template = (args) => React.createElement(Header, { ...args });
+const Template = (args) => React.createElement(Header, Object.assign({}, args));
 export const BasicHeader = Template.bind({});
 BasicHeader.args = {
     children: "This is a Header",

package/react/components/common/stories/Header.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/Header.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAe,MAAM,WAAW,CAAC;AAChD,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAG3B,eAAe;IACd,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,MAAM;CACjB,CAAC;AAEF,MAAM,QAAQ,GAAuB,CAAC,IAAiB,EAAE,EAAE,CAAC,oBAAC,MAAM,OAAK,IAAI,GAAI,CAAC;AAEjF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IAClB,QAAQ,EAAE,kBAAkB;CAC5B,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACtD,oBAAoB,CAAC,IAAI,GAAG;IAC3B,QAAQ,EAAE,WAAW;IACrB,YAAY,EAAE,GAAG,EAAE;QAClB,KAAK,CAAC,yBAAyB,CAAC,CAAC;IAClC,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,cAAc,CAAC,IAAI,GAAG;IACrB,QAAQ,EAAE,WAAW;IACrB,YAAY,EAAE,GAAG,EAAE;QAClB,KAAK,CAAC,yBAAyB,CAAC,CAAC;IAClC,CAAC;CACD,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IAClB,QAAQ,EAAE,WAAW;IACrB,YAAY,EAAE,GAAG,EAAE;QAClB,KAAK,CAAC,yBAAyB,CAAC,CAAC;IAClC,CAAC;IACD,YAAY,EAAE,GAAG,EAAE;QAClB,KAAK,CAAC,yBAAyB,CAAC,CAAC;IAClC,CAAC;CACD,CAAC","sourcesContent":["import React from \"react\";\r\nimport { Header, HeaderProps } from \"../Header\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\n\r\nexport default {\r\n\ttitle: \"Common/Header\",\r\n\tcomponent: Header,\r\n};\r\n\r\nconst Template: Story<HeaderProps> = (args: HeaderProps) => <Header {...args} />;\r\n\r\nexport const BasicHeader = Template.bind({});\r\nBasicHeader.args = {\r\n\tchildren: \"This is a Header\",\r\n};\r\n\r\nexport const HeaderWithBackButton = Template.bind({});\r\nHeaderWithBackButton.args = {\r\n\tchildren: \"My Header\",\r\n\tbackFunction: () => {\r\n\t\talert(\"Clicked the back button\");\r\n\t},\r\n};\r\n\r\nexport const HeaderWithHelp = Template.bind({});\r\nHeaderWithHelp.args = {\r\n\tchildren: \"My Header\",\r\n\thelpFunction: () => {\r\n\t\talert(\"Clicked the help button\");\r\n\t},\r\n};\r\nexport const KitchenSink = Template.bind({});\r\nKitchenSink.args = {\r\n\tchildren: \"My Header\",\r\n\tbackFunction: () => {\r\n\t\talert(\"Clicked the back button\");\r\n\t},\r\n\thelpFunction: () => {\r\n\t\talert(\"Clicked the help button\");\r\n\t},\r\n};\r\n"]}
+{"version":3,"file":"Header.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/Header.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAe,MAAM,WAAW,CAAC;AAChD,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAG3B,eAAe;IACd,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,MAAM;CACjB,CAAC;AAEF,MAAM,QAAQ,GAAuB,CAAC,IAAiB,EAAE,EAAE,CAAC,oBAAC,MAAM,oBAAK,IAAI,EAAI,CAAC;AAEjF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IAClB,QAAQ,EAAE,kBAAkB;CAC5B,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACtD,oBAAoB,CAAC,IAAI,GAAG;IAC3B,QAAQ,EAAE,WAAW;IACrB,YAAY,EAAE,GAAG,EAAE;QAClB,KAAK,CAAC,yBAAyB,CAAC,CAAC;IAClC,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,cAAc,CAAC,IAAI,GAAG;IACrB,QAAQ,EAAE,WAAW;IACrB,YAAY,EAAE,GAAG,EAAE;QAClB,KAAK,CAAC,yBAAyB,CAAC,CAAC;IAClC,CAAC;CACD,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IAClB,QAAQ,EAAE,WAAW;IACrB,YAAY,EAAE,GAAG,EAAE;QAClB,KAAK,CAAC,yBAAyB,CAAC,CAAC;IAClC,CAAC;IACD,YAAY,EAAE,GAAG,EAAE;QAClB,KAAK,CAAC,yBAAyB,CAAC,CAAC;IAClC,CAAC;CACD,CAAC","sourcesContent":["import React from \"react\";\r\nimport { Header, HeaderProps } from \"../Header\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\n\r\nexport default {\r\n\ttitle: \"Common/Header\",\r\n\tcomponent: Header,\r\n};\r\n\r\nconst Template: Story<HeaderProps> = (args: HeaderProps) => <Header {...args} />;\r\n\r\nexport const BasicHeader = Template.bind({});\r\nBasicHeader.args = {\r\n\tchildren: \"This is a Header\",\r\n};\r\n\r\nexport const HeaderWithBackButton = Template.bind({});\r\nHeaderWithBackButton.args = {\r\n\tchildren: \"My Header\",\r\n\tbackFunction: () => {\r\n\t\talert(\"Clicked the back button\");\r\n\t},\r\n};\r\n\r\nexport const HeaderWithHelp = Template.bind({});\r\nHeaderWithHelp.args = {\r\n\tchildren: \"My Header\",\r\n\thelpFunction: () => {\r\n\t\talert(\"Clicked the help button\");\r\n\t},\r\n};\r\nexport const KitchenSink = Template.bind({});\r\nKitchenSink.args = {\r\n\tchildren: \"My Header\",\r\n\tbackFunction: () => {\r\n\t\talert(\"Clicked the back button\");\r\n\t},\r\n\thelpFunction: () => {\r\n\t\talert(\"Clicked the help button\");\r\n\t},\r\n};\r\n"]}

package/react/components/common/stories/Tooltip.stories.d.ts

@@ -5,7 +5,7 @@ import "../css/styles.css";
 import "../css/tooltip.css";
 declare const _default: {
     title: string;
-    component: ({ type, position, children, altClassName }: TooltipProps) => JSX.Element;
+    component: ({ type, position, children, altClassName, onClick, }: TooltipProps) => JSX.Element;
     argTypes: {
         type: {
             type: string;

package/react/components/common/tests/ButtonRow.spec.js

@@ -0,0 +1,25 @@
+import * as React from "react";
+import { mount } from "enzyme";
+import { describe, it } from "mocha";
+import { expect } from "chai";
+import ButtonRow from "../ButtonRow";
+describe("<ButtonRow/>", () => {
+    it("should display the correct label", () => {
+        const wrapper = mount(React.createElement(ButtonRow, { onClick: () => { }, label: "Hello World" }));
+        expect(wrapper.find("span.row__lbl").text()).to.equal("Hello World");
+    });
+    it("should display the Finsemble Icon if showDefaultIcon is true even if there is an image", () => {
+        const wrapper = mount(React.createElement(ButtonRow, { onClick: () => { }, showDefaultIcon: true, img: "https://cosaic.io/wp-content/uploads/2020/07/cosiac-blog.png" }));
+        expect(wrapper.find(".ff-finsemble")).to.have.lengthOf(1);
+    });
+    it("should not display the Finsemble Icon if showDefaultIcon is false", () => {
+        const wrapper = mount(React.createElement(ButtonRow, { onClick: () => { }, showDefaultIcon: false }));
+        expect(wrapper.find(".ff-finsemble")).to.have.lengthOf(0);
+    });
+    it("should display given image and not display the Finsemble Icon if image url given does not result in error", () => {
+        const wrapper = mount(React.createElement(ButtonRow, { onClick: () => { }, showDefaultIcon: false, img: "https://cosaic.io/wp-content/uploads/2020/07/cosiac-blog.png" }));
+        expect(wrapper.find(".ff-finsemble")).to.have.lengthOf(0);
+        expect(wrapper.find("img")).to.have.lengthOf(1);
+    });
+});
+//# sourceMappingURL=ButtonRow.spec.js.map

package/react/components/common/tests/ButtonRow.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonRow.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/ButtonRow.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC3C,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,SAAS,IAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,KAAK,EAAE,aAAa,GAAI,CAAC,CAAC;QAC9E,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IACtE,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,wFAAwF,EAAE,GAAG,EAAE;QACjG,MAAM,OAAO,GAAG,KAAK,CACpB,oBAAC,SAAS,IACT,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EACjB,eAAe,EAAE,IAAI,EACrB,GAAG,EAAE,8DAA8D,GAClE,CACF,CAAC;QACF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,mEAAmE,EAAE,GAAG,EAAE;QAC5E,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,SAAS,IAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,eAAe,EAAE,KAAK,GAAI,CAAC,CAAC;QAChF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,2GAA2G,EAAE,GAAG,EAAE;QACpH,MAAM,OAAO,GAAG,KAAK,CACpB,oBAAC,SAAS,IACT,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EACjB,eAAe,EAAE,KAAK,EACtB,GAAG,EAAE,8DAA8D,GAClE,CACF,CAAC;QACF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QAC1D,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport ButtonRow from \"../ButtonRow\";\r\n\r\ndescribe(\"<ButtonRow/>\", () => {\r\n\tit(\"should display the correct label\", () => {\r\n\t\tconst wrapper = mount(<ButtonRow onClick={() => {}} label={\"Hello World\"} />);\r\n\t\texpect(wrapper.find(\"span.row__lbl\").text()).to.equal(\"Hello World\");\r\n\t});\r\n\tit(\"should display the Finsemble Icon if showDefaultIcon is true even if there is an image\", () => {\r\n\t\tconst wrapper = mount(\r\n\t\t\t<ButtonRow\r\n\t\t\t\tonClick={() => {}}\r\n\t\t\t\tshowDefaultIcon={true}\r\n\t\t\t\timg={\"https://cosaic.io/wp-content/uploads/2020/07/cosiac-blog.png\"}\r\n\t\t\t/>\r\n\t\t);\r\n\t\texpect(wrapper.find(\".ff-finsemble\")).to.have.lengthOf(1);\r\n\t});\r\n\tit(\"should not display the Finsemble Icon if showDefaultIcon is false\", () => {\r\n\t\tconst wrapper = mount(<ButtonRow onClick={() => {}} showDefaultIcon={false} />);\r\n\t\texpect(wrapper.find(\".ff-finsemble\")).to.have.lengthOf(0);\r\n\t});\r\n\tit(\"should display given image and not display the Finsemble Icon if image url given does not result in error\", () => {\r\n\t\tconst wrapper = mount(\r\n\t\t\t<ButtonRow\r\n\t\t\t\tonClick={() => {}}\r\n\t\t\t\tshowDefaultIcon={false}\r\n\t\t\t\timg={\"https://cosaic.io/wp-content/uploads/2020/07/cosiac-blog.png\"}\r\n\t\t\t/>\r\n\t\t);\r\n\t\texpect(wrapper.find(\".ff-finsemble\")).to.have.lengthOf(0);\r\n\t\texpect(wrapper.find(\"img\")).to.have.lengthOf(1);\r\n\t});\r\n});\r\n"]}

package/react/components/common/tests/Checkbox.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/react/components/common/tests/Checkbox.spec.js

@@ -0,0 +1,33 @@
+import * as React from "react";
+import { mount } from "enzyme";
+import { describe, it } from "mocha";
+import { expect } from "chai";
+import sinon from "sinon";
+import { Checked, Unchecked, Disabled } from "../stories/Checkbox.stories";
+import addons, { mockChannel } from "@storybook/addons";
+addons.setChannel(mockChannel());
+describe("<Checkbox/>", () => {
+    afterEach(() => {
+        sinon.restore();
+    });
+    it("should be checked items if checked prop is updated after initial render", async () => {
+        const wrapper = mount(React.createElement(Unchecked, Object.assign({}, Unchecked.args)));
+        wrapper.find(".complex-menu-checkbox-wrapper").at(0).simulate("click");
+        expect(wrapper.find(".ff-check-mark")).to.be.length(1);
+    });
+    it("should be unchecked items if checked prop is updated after initial render", async () => {
+        const wrapper = mount(React.createElement(Checked, Object.assign({}, Checked.args)));
+        wrapper.find(".complex-menu-checkbox-wrapper").at(0).simulate("click");
+        expect(wrapper.find(".ff-check-mark")).to.be.length(0);
+    });
+    it("shouldn't be clickable when disabled", async () => {
+        const wrapper = mount(React.createElement(Disabled, Object.assign({}, Disabled.args)));
+        wrapper.find(".complex-menu-checkbox-wrapper").at(0).simulate("click");
+        expect(wrapper.find(".ff-check-mark")).to.be.length(0);
+    });
+    it("should display a label", async () => {
+        const wrapper = mount(React.createElement(Checked, Object.assign({}, Checked.args)));
+        expect(wrapper.find(".complex-menu-checkbox-label").at(0).text()).to.equal("Label");
+    });
+});
+//# sourceMappingURL=Checkbox.spec.js.map

package/react/components/common/tests/Checkbox.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/Checkbox.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAG3E,OAAO,MAAM,EAAE,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAExD,MAAM,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,CAAC;AAEjC,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC5B,SAAS,CAAC,GAAG,EAAE;QACd,KAAK,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yEAAyE,EAAE,KAAK,IAAI,EAAE;QACxF,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,SAAS,oBAAM,SAAS,CAAC,IAAsB,EAAI,CAAC,CAAC;QAE5E,OAAO,CAAC,IAAI,CAAC,gCAAgC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAEvE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2EAA2E,EAAE,KAAK,IAAI,EAAE;QAC1F,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,OAAO,oBAAM,OAAO,CAAC,IAAsB,EAAI,CAAC,CAAC;QAExE,OAAO,CAAC,IAAI,CAAC,gCAAgC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAEvE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,QAAQ,oBAAM,QAAQ,CAAC,IAAsB,EAAI,CAAC,CAAC;QAE1E,OAAO,CAAC,IAAI,CAAC,gCAAgC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAEvE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wBAAwB,EAAE,KAAK,IAAI,EAAE;QACvC,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,OAAO,oBAAM,OAAO,CAAC,IAAsB,EAAI,CAAC,CAAC;QAExE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,8BAA8B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACrF,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport sinon from \"sinon\";\r\nimport { CheckboxProps } from \"../Checkbox\";\r\nimport { Checked, Unchecked, Disabled } from \"../stories/Checkbox.stories\";\r\n\r\n// Necessary to allow sinon to work with mocked actions (which are shown in the Actions panel in Storybook)\r\nimport addons, { mockChannel } from \"@storybook/addons\";\r\n\r\naddons.setChannel(mockChannel());\r\n\r\ndescribe(\"<Checkbox/>\", () => {\r\n\tafterEach(() => {\r\n\t\tsinon.restore();\r\n\t});\r\n\r\n\tit(\"should be checked items if checked prop is updated after initial render\", async () => {\r\n\t\tconst wrapper = mount(<Unchecked {...(Unchecked.args as CheckboxProps)} />);\r\n\r\n\t\twrapper.find(\".complex-menu-checkbox-wrapper\").at(0).simulate(\"click\");\r\n\r\n\t\texpect(wrapper.find(\".ff-check-mark\")).to.be.length(1);\r\n\t});\r\n\r\n\tit(\"should be unchecked items if checked prop is updated after initial render\", async () => {\r\n\t\tconst wrapper = mount(<Checked {...(Checked.args as CheckboxProps)} />);\r\n\r\n\t\twrapper.find(\".complex-menu-checkbox-wrapper\").at(0).simulate(\"click\");\r\n\r\n\t\texpect(wrapper.find(\".ff-check-mark\")).to.be.length(0);\r\n\t});\r\n\r\n\tit(\"shouldn't be clickable when disabled\", async () => {\r\n\t\tconst wrapper = mount(<Disabled {...(Disabled.args as CheckboxProps)} />);\r\n\r\n\t\twrapper.find(\".complex-menu-checkbox-wrapper\").at(0).simulate(\"click\");\r\n\r\n\t\texpect(wrapper.find(\".ff-check-mark\")).to.be.length(0);\r\n\t});\r\n\r\n\tit(\"should display a label\", async () => {\r\n\t\tconst wrapper = mount(<Checked {...(Checked.args as CheckboxProps)} />);\r\n\r\n\t\texpect(wrapper.find(\".complex-menu-checkbox-label\").at(0).text()).to.equal(\"Label\");\r\n\t});\r\n});\r\n"]}

package/react/components/common/tests/ColorPicker.spec.js

@@ -31,38 +31,38 @@ function changeTextInput(wrapper, newColor) {
 }
 describe("<ColorPicker/>", () => {
     it("should display matching color values for both the color and text inputs", () => {
-        const wrapper = mount(React.createElement(ValidColor, { ...ValidColor.args }));
+        const wrapper = mount(React.createElement(ValidColor, Object.assign({}, ValidColor.args)));
         expect(getColorInputValue(wrapper)).to.equal(getTextInputValue(wrapper));
     });
     it("should default to black when no color is provided", () => {
         const BLACK = "#000000";
-        const wrapper = mount(React.createElement(EmptyField, { ...EmptyField.args }));
+        const wrapper = mount(React.createElement(EmptyField, Object.assign({}, EmptyField.args)));
         expect(getColorInputValue(wrapper)).to.equal(BLACK);
         expect(getTextInputValue(wrapper)).to.equal(BLACK);
     });
     it("should update the text field when the color picker is changed", () => {
         const NEW_COLOR = "#00aa00";
-        const wrapper = mount(React.createElement(EmptyField, { ...EmptyField.args }));
+        const wrapper = mount(React.createElement(EmptyField, Object.assign({}, EmptyField.args)));
         changeColorInput(wrapper, NEW_COLOR);
         expect(getColorInputValue(wrapper)).to.equal(NEW_COLOR);
         expect(getTextInputValue(wrapper)).to.equal(NEW_COLOR);
     });
     it("should update the color picker when the text field is changed", () => {
         const NEW_COLOR = "#0000cc";
-        const wrapper = mount(React.createElement(EmptyField, { ...EmptyField.args }));
+        const wrapper = mount(React.createElement(EmptyField, Object.assign({}, EmptyField.args)));
         changeTextInput(wrapper, NEW_COLOR);
         expect(getColorInputValue(wrapper)).to.equal(NEW_COLOR);
         expect(getTextInputValue(wrapper)).to.equal(NEW_COLOR);
     });
     it("should display an error when an invalid color is selected", () => {
         const NEW_COLOR = "#ZZZZZZ";
-        const wrapper = mount(React.createElement(ValidColor, { ...ValidColor.args }));
+        const wrapper = mount(React.createElement(ValidColor, Object.assign({}, ValidColor.args)));
         changeTextInput(wrapper, NEW_COLOR);
         expect(getTextInputElement(wrapper).prop("aria-invalid")).to.be.true;
     });
     it("should display no error when a valid color is selected", () => {
         const NEW_COLOR = "#abc123";
-        const wrapper = mount(React.createElement(ValidColor, { ...ValidColor.args }));
+        const wrapper = mount(React.createElement(ValidColor, Object.assign({}, ValidColor.args)));
         changeTextInput(wrapper, NEW_COLOR);
         expect(getTextInputElement(wrapper).prop("aria-invalid")).to.be.false;
     });

package/react/components/common/tests/ColorPicker.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/ColorPicker.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport { ReactWrapper, mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport { ColorPickerProps } from \"../ColorPicker\";\r\nimport { EmptyField, ValidColor } from \"../stories/ColorPicker.stories\";\r\n\r\nfunction getColorInputElement(wrapper: ReactWrapper): ReactWrapper {\r\n\t// Return the color picker control DOM element.\r\n\treturn wrapper.find(\"input[type='color']\").at(0);\r\n}\r\n\r\nfunction getColorInputValue(wrapper: ReactWrapper): ReactWrapper {\r\n\t// Return the current value of the color picker control.\r\n\treturn getColorInputElement(wrapper).prop(\"value\");\r\n}\r\n\r\nfunction changeColorInput(wrapper: ReactWrapper, newColor: string) {\r\n\t// Simulate changing the color picker control.\r\n\tgetColorInputElement(wrapper).simulate(\"change\", {\r\n\t\ttarget: {\r\n\t\t\tvalue: newColor,\r\n\t\t},\r\n\t});\r\n}\r\n\r\nfunction getTextInputElement(wrapper: ReactWrapper | ReactWrapper): ReactWrapper | ReactWrapper {\r\n\t// Return the text input field DOM element.\r\n\treturn wrapper.find(\"input[type='text']\");\r\n}\r\n\r\nfunction getTextInputValue(wrapper: ReactWrapper): ReactWrapper {\r\n\t// Return the current value of the text input field.\r\n\treturn getTextInputElement(wrapper).prop(\"value\");\r\n}\r\n\r\nfunction changeTextInput(wrapper: ReactWrapper | ReactWrapper, newColor: string) {\r\n\t// Simulate changing the text input field.\r\n\tgetTextInputElement(wrapper).simulate(\"change\", {\r\n\t\ttarget: {\r\n\t\t\tvalue: newColor,\r\n\t\t},\r\n\t});\r\n}\r\n\r\ndescribe(\"<ColorPicker/>\", () => {\r\n\tit(\"should display matching color values for both the color and text inputs\", () => {\r\n\t\tconst wrapper = mount(<ValidColor {...(ValidColor.args as ColorPickerProps)} />);\r\n\r\n\t\texpect(getColorInputValue(wrapper)).to.equal(getTextInputValue(wrapper));\r\n\t});\r\n\r\n\tit(\"should default to black when no color is provided\", () => {\r\n\t\tconst BLACK = \"#000000\";\r\n\r\n\t\tconst wrapper = mount(<EmptyField {...(EmptyField.args as ColorPickerProps)} />);\r\n\r\n\t\texpect(getColorInputValue(wrapper)).to.equal(BLACK);\r\n\t\texpect(getTextInputValue(wrapper)).to.equal(BLACK);\r\n\t});\r\n\r\n\tit(\"should update the text field when the color picker is changed\", () => {\r\n\t\tconst NEW_COLOR = \"#00aa00\";\r\n\r\n\t\tconst wrapper = mount(<EmptyField {...(EmptyField.args as ColorPickerProps)} />);\r\n\t\tchangeColorInput(wrapper, NEW_COLOR);\r\n\r\n\t\texpect(getColorInputValue(wrapper)).to.equal(NEW_COLOR);\r\n\t\texpect(getTextInputValue(wrapper)).to.equal(NEW_COLOR);\r\n\t});\r\n\r\n\tit(\"should update the color picker when the text field is changed\", () => {\r\n\t\tconst NEW_COLOR = \"#0000cc\";\r\n\r\n\t\tconst wrapper = mount(<EmptyField {...(EmptyField.args as ColorPickerProps)} />);\r\n\t\tchangeTextInput(wrapper, NEW_COLOR);\r\n\r\n\t\texpect(getColorInputValue(wrapper)).to.equal(NEW_COLOR);\r\n\t\texpect(getTextInputValue(wrapper)).to.equal(NEW_COLOR);\r\n\t});\r\n\r\n\tit(\"should display an error when an invalid color is selected\", () => {\r\n\t\tconst NEW_COLOR = \"#ZZZZZZ\";\r\n\r\n\t\tconst wrapper = mount(<ValidColor {...(ValidColor.args as ColorPickerProps)} />);\r\n\t\tchangeTextInput(wrapper, NEW_COLOR);\r\n\r\n\t\texpect(getTextInputElement(wrapper).prop(\"aria-invalid\")).to.be.true;\r\n\t});\r\n\r\n\tit(\"should display no error when a valid color is selected\", () => {\r\n\t\tconst NEW_COLOR = \"#abc123\";\r\n\r\n\t\tconst wrapper = mount(<ValidColor {...(ValidColor.args as ColorPickerProps)} />);\r\n\t\tchangeTextInput(wrapper, NEW_COLOR);\r\n\r\n\t\texpect(getTextInputElement(wrapper).prop(\"aria-invalid\")).to.be.false;\r\n\t});\r\n\r\n\tit(\"should trigger an event when a valid color is selected\", () => {\r\n\t\tconst ORIGINAL_COLOR = \"#123456\";\r\n\t\tconst NEW_COLOR = \"#abc123\";\r\n\t\tvar currentColorState = ORIGINAL_COLOR;\r\n\r\n\t\tconst wrapper = mount(\r\n\t\t\t<EmptyField\r\n\t\t\t\tstartColor={ORIGINAL_COLOR}\r\n\t\t\t\tupdateColor={(newColor) => {\r\n\t\t\t\t\tcurrentColorState = newColor;\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\t\tchangeTextInput(wrapper, NEW_COLOR);\r\n\r\n\t\texpect(currentColorState).to.equal(NEW_COLOR);\r\n\t});\r\n\r\n\tit(\"should not trigger any event when an invalid color is selected\", () => {\r\n\t\tconst ORIGINAL_COLOR = \"#123456\";\r\n\t\tconst NEW_COLOR = \"foobar\";\r\n\t\tvar currentColorState = ORIGINAL_COLOR;\r\n\r\n\t\tconst wrapper = mount(\r\n\t\t\t<EmptyField\r\n\t\t\t\tstartColor={ORIGINAL_COLOR}\r\n\t\t\t\tupdateColor={(newColor) => {\r\n\t\t\t\t\tcurrentColorState = newColor;\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\t\tchangeTextInput(wrapper, NEW_COLOR);\r\n\r\n\t\texpect(currentColorState).to.equal(ORIGINAL_COLOR);\r\n\t});\r\n});\r\n"]}
+{"version":3,"file":"ColorPicker.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/ColorPicker.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport { ReactWrapper, mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport { ColorPickerProps } from \"../ColorPicker\";\r\nimport { EmptyField, ValidColor } from \"../stories/ColorPicker.stories\";\r\n\r\nfunction getColorInputElement(wrapper: ReactWrapper): ReactWrapper {\r\n\t// Return the color picker control DOM element.\r\n\treturn wrapper.find(\"input[type='color']\").at(0);\r\n}\r\n\r\nfunction getColorInputValue(wrapper: ReactWrapper): ReactWrapper {\r\n\t// Return the current value of the color picker control.\r\n\treturn getColorInputElement(wrapper).prop(\"value\");\r\n}\r\n\r\nfunction changeColorInput(wrapper: ReactWrapper, newColor: string) {\r\n\t// Simulate changing the color picker control.\r\n\tgetColorInputElement(wrapper).simulate(\"change\", {\r\n\t\ttarget: {\r\n\t\t\tvalue: newColor,\r\n\t\t},\r\n\t});\r\n}\r\n\r\nfunction getTextInputElement(wrapper: ReactWrapper | ReactWrapper): ReactWrapper | ReactWrapper {\r\n\t// Return the text input field DOM element.\r\n\treturn wrapper.find(\"input[type='text']\");\r\n}\r\n\r\nfunction getTextInputValue(wrapper: ReactWrapper): ReactWrapper {\r\n\t// Return the current value of the text input field.\r\n\treturn getTextInputElement(wrapper).prop(\"value\");\r\n}\r\n\r\nfunction changeTextInput(wrapper: ReactWrapper | ReactWrapper, newColor: string) {\r\n\t// Simulate changing the text input field.\r\n\tgetTextInputElement(wrapper).simulate(\"change\", {\r\n\t\ttarget: {\r\n\t\t\tvalue: newColor,\r\n\t\t},\r\n\t});\r\n}\r\n\r\ndescribe(\"<ColorPicker/>\", () => {\r\n\tit(\"should display matching color values for both the color and text inputs\", () => {\r\n\t\tconst wrapper = mount(<ValidColor {...(ValidColor.args as ColorPickerProps)} />);\r\n\r\n\t\texpect(getColorInputValue(wrapper)).to.equal(getTextInputValue(wrapper));\r\n\t});\r\n\r\n\tit(\"should default to black when no color is provided\", () => {\r\n\t\tconst BLACK = \"#000000\";\r\n\r\n\t\tconst wrapper = mount(<EmptyField {...(EmptyField.args as ColorPickerProps)} />);\r\n\r\n\t\texpect(getColorInputValue(wrapper)).to.equal(BLACK);\r\n\t\texpect(getTextInputValue(wrapper)).to.equal(BLACK);\r\n\t});\r\n\r\n\tit(\"should update the text field when the color picker is changed\", () => {\r\n\t\tconst NEW_COLOR = \"#00aa00\";\r\n\r\n\t\tconst wrapper = mount(<EmptyField {...(EmptyField.args as ColorPickerProps)} />);\r\n\t\tchangeColorInput(wrapper, NEW_COLOR);\r\n\r\n\t\texpect(getColorInputValue(wrapper)).to.equal(NEW_COLOR);\r\n\t\texpect(getTextInputValue(wrapper)).to.equal(NEW_COLOR);\r\n\t});\r\n\r\n\tit(\"should update the color picker when the text field is changed\", () => {\r\n\t\tconst NEW_COLOR = \"#0000cc\";\r\n\r\n\t\tconst wrapper = mount(<EmptyField {...(EmptyField.args as ColorPickerProps)} />);\r\n\t\tchangeTextInput(wrapper, NEW_COLOR);\r\n\r\n\t\texpect(getColorInputValue(wrapper)).to.equal(NEW_COLOR);\r\n\t\texpect(getTextInputValue(wrapper)).to.equal(NEW_COLOR);\r\n\t});\r\n\r\n\tit(\"should display an error when an invalid color is selected\", () => {\r\n\t\tconst NEW_COLOR = \"#ZZZZZZ\";\r\n\r\n\t\tconst wrapper = mount(<ValidColor {...(ValidColor.args as ColorPickerProps)} />);\r\n\t\tchangeTextInput(wrapper, NEW_COLOR);\r\n\r\n\t\texpect(getTextInputElement(wrapper).prop(\"aria-invalid\")).to.be.true;\r\n\t});\r\n\r\n\tit(\"should display no error when a valid color is selected\", () => {\r\n\t\tconst NEW_COLOR = \"#abc123\";\r\n\r\n\t\tconst wrapper = mount(<ValidColor {...(ValidColor.args as ColorPickerProps)} />);\r\n\t\tchangeTextInput(wrapper, NEW_COLOR);\r\n\r\n\t\texpect(getTextInputElement(wrapper).prop(\"aria-invalid\")).to.be.false;\r\n\t});\r\n\r\n\tit(\"should trigger an event when a valid color is selected\", () => {\r\n\t\tconst ORIGINAL_COLOR = \"#123456\";\r\n\t\tconst NEW_COLOR = \"#abc123\";\r\n\t\tvar currentColorState = ORIGINAL_COLOR;\r\n\r\n\t\tconst wrapper = mount(\r\n\t\t\t<EmptyField\r\n\t\t\t\tstartColor={ORIGINAL_COLOR}\r\n\t\t\t\tupdateColor={(newColor) => {\r\n\t\t\t\t\tcurrentColorState = newColor;\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\t\tchangeTextInput(wrapper, NEW_COLOR);\r\n\r\n\t\texpect(currentColorState).to.equal(NEW_COLOR);\r\n\t});\r\n\r\n\tit(\"should not trigger any event when an invalid color is selected\", () => {\r\n\t\tconst ORIGINAL_COLOR = \"#123456\";\r\n\t\tconst NEW_COLOR = \"foobar\";\r\n\t\tvar currentColorState = ORIGINAL_COLOR;\r\n\r\n\t\tconst wrapper = mount(\r\n\t\t\t<EmptyField\r\n\t\t\t\tstartColor={ORIGINAL_COLOR}\r\n\t\t\t\tupdateColor={(newColor) => {\r\n\t\t\t\t\tcurrentColorState = newColor;\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\t\tchangeTextInput(wrapper, NEW_COLOR);\r\n\r\n\t\texpect(currentColorState).to.equal(ORIGINAL_COLOR);\r\n\t});\r\n});\r\n"]}

package/react/components/common/tests/DropZone.spec.js

@@ -12,7 +12,7 @@ describe("<DropZone />", () => {
     });
     it("should process 1 file", () => {
         const buttonSpy = sinon.spy(Default.args, "processFile");
-        const wrapper = mount(React.createElement(Default, { ...Default.args }));
+        const wrapper = mount(React.createElement(Default, Object.assign({}, Default.args)));
         wrapper.find(".dropZone").simulate("drop", {
             dataTransfer: {
                 files: [{}],
@@ -22,7 +22,7 @@ describe("<DropZone />", () => {
     });
     it("should process 2 files", () => {
         const buttonSpy = sinon.spy(Default.args, "processFile");
-        const wrapper = mount(React.createElement(Default, { ...Default.args }));
+        const wrapper = mount(React.createElement(Default, Object.assign({}, Default.args)));
         wrapper.find(".dropZone").simulate("drop", {
             dataTransfer: {
                 files: [{}, {}],
@@ -32,7 +32,7 @@ describe("<DropZone />", () => {
     });
     it("should process 0 files", () => {
         const buttonSpy = sinon.spy(Default.args, "processFile");
-        const wrapper = mount(React.createElement(Default, { ...Default.args }));
+        const wrapper = mount(React.createElement(Default, Object.assign({}, Default.args)));
         wrapper.find(".dropZone").simulate("drop", {
             dataTransfer: {
                 files: [],
@@ -42,7 +42,7 @@ describe("<DropZone />", () => {
     });
     it("should process 2 mixed files", () => {
         const buttonSpy = sinon.spy(Default.args, "processFile");
-        const wrapper = mount(React.createElement(Default, { ...Default.args }));
+        const wrapper = mount(React.createElement(Default, Object.assign({}, Default.args)));
         wrapper.find(".dropZone").simulate("drop", {
             dataTransfer: {
                 files: [null, {}],

package/react/components/common/tests/DropZone.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropZone.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/DropZone.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport sinon from \"sinon\";\r\nimport { DropZoneProps } from \"../DropZone\";\r\nimport { Default } from \"../stories/DropZone.stories\";\r\n\r\n// Necessary to allow sinon to work with mocked actions (which are shown in the Actions panel in Storybook)\r\nimport addons, { mockChannel } from \"@storybook/addons\";\r\naddons.setChannel(mockChannel());\r\n\r\ndescribe(\"<DropZone />\", () => {\r\n\tafterEach(() => {\r\n\t\tsinon.restore();\r\n\t});\r\n\r\n\tit(\"should process 1 file\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Default.args as DropZoneProps, \"processFile\");\r\n\t\tconst wrapper = mount(<Default {...(Default.args as DropZoneProps)} />);\r\n\t\twrapper.find(\".dropZone\").simulate(\"drop\", {\r\n\t\t\tdataTransfer: {\r\n\t\t\t\tfiles: [{}],\r\n\t\t\t},\r\n\t\t});\r\n\t\texpect(buttonSpy.calledOnce).to.be.true;\r\n\t});\r\n\r\n\tit(\"should process 2 files\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Default.args as DropZoneProps, \"processFile\");\r\n\t\tconst wrapper = mount(<Default {...(Default.args as DropZoneProps)} />);\r\n\t\twrapper.find(\".dropZone\").simulate(\"drop\", {\r\n\t\t\tdataTransfer: {\r\n\t\t\t\tfiles: [{}, {}],\r\n\t\t\t},\r\n\t\t});\r\n\t\texpect(buttonSpy.getCall(1)).to.not.be.null;\r\n\t});\r\n\r\n\tit(\"should process 0 files\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Default.args as DropZoneProps, \"processFile\");\r\n\t\tconst wrapper = mount(<Default {...(Default.args as DropZoneProps)} />);\r\n\t\twrapper.find(\".dropZone\").simulate(\"drop\", {\r\n\t\t\tdataTransfer: {\r\n\t\t\t\tfiles: [],\r\n\t\t\t},\r\n\t\t});\r\n\t\texpect(buttonSpy.calledOnce).to.be.false;\r\n\t});\r\n\r\n\tit(\"should process 2 mixed files\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Default.args as DropZoneProps, \"processFile\");\r\n\t\tconst wrapper = mount(<Default {...(Default.args as DropZoneProps)} />);\r\n\t\twrapper.find(\".dropZone\").simulate(\"drop\", {\r\n\t\t\tdataTransfer: {\r\n\t\t\t\tfiles: [null, {}],\r\n\t\t\t},\r\n\t\t});\r\n\t\texpect(buttonSpy.calledOnce).to.not.be.null;\r\n\t});\r\n});\r\n"]}
+{"version":3,"file":"DropZone.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/DropZone.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport sinon from \"sinon\";\r\nimport { DropZoneProps } from \"../DropZone\";\r\nimport { Default } from \"../stories/DropZone.stories\";\r\n\r\n// Necessary to allow sinon to work with mocked actions (which are shown in the Actions panel in Storybook)\r\nimport addons, { mockChannel } from \"@storybook/addons\";\r\naddons.setChannel(mockChannel());\r\n\r\ndescribe(\"<DropZone />\", () => {\r\n\tafterEach(() => {\r\n\t\tsinon.restore();\r\n\t});\r\n\r\n\tit(\"should process 1 file\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Default.args as DropZoneProps, \"processFile\");\r\n\t\tconst wrapper = mount(<Default {...(Default.args as DropZoneProps)} />);\r\n\t\twrapper.find(\".dropZone\").simulate(\"drop\", {\r\n\t\t\tdataTransfer: {\r\n\t\t\t\tfiles: [{}],\r\n\t\t\t},\r\n\t\t});\r\n\t\texpect(buttonSpy.calledOnce).to.be.true;\r\n\t});\r\n\r\n\tit(\"should process 2 files\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Default.args as DropZoneProps, \"processFile\");\r\n\t\tconst wrapper = mount(<Default {...(Default.args as DropZoneProps)} />);\r\n\t\twrapper.find(\".dropZone\").simulate(\"drop\", {\r\n\t\t\tdataTransfer: {\r\n\t\t\t\tfiles: [{}, {}],\r\n\t\t\t},\r\n\t\t});\r\n\t\texpect(buttonSpy.getCall(1)).to.not.be.null;\r\n\t});\r\n\r\n\tit(\"should process 0 files\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Default.args as DropZoneProps, \"processFile\");\r\n\t\tconst wrapper = mount(<Default {...(Default.args as DropZoneProps)} />);\r\n\t\twrapper.find(\".dropZone\").simulate(\"drop\", {\r\n\t\t\tdataTransfer: {\r\n\t\t\t\tfiles: [],\r\n\t\t\t},\r\n\t\t});\r\n\t\texpect(buttonSpy.calledOnce).to.be.false;\r\n\t});\r\n\r\n\tit(\"should process 2 mixed files\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Default.args as DropZoneProps, \"processFile\");\r\n\t\tconst wrapper = mount(<Default {...(Default.args as DropZoneProps)} />);\r\n\t\twrapper.find(\".dropZone\").simulate(\"drop\", {\r\n\t\t\tdataTransfer: {\r\n\t\t\t\tfiles: [null, {}],\r\n\t\t\t},\r\n\t\t});\r\n\t\texpect(buttonSpy.calledOnce).to.not.be.null;\r\n\t});\r\n});\r\n"]}

package/react/components/common/tests/FileInput.spec.js

@@ -5,23 +5,23 @@ import { expect } from "chai";
 import { EmptyField, PreFilledField, PreFilledInvalidField } from "../stories/FileInput.stories";
 describe("<FileInput/>", () => {
     it("should display an empty string in its default state", () => {
-        const wrapper = mount(React.createElement(EmptyField, { ...EmptyField.args }));
+        const wrapper = mount(React.createElement(EmptyField, Object.assign({}, EmptyField.args)));
         expect(wrapper.find("input[type='text']").prop("value")).to.equal("");
     });
     it("should display the chosen file name", () => {
-        const wrapper = mount(React.createElement(PreFilledField, { ...PreFilledField.args }));
+        const wrapper = mount(React.createElement(PreFilledField, Object.assign({}, PreFilledField.args)));
         expect(wrapper.find("input[type='text']").prop("value")).to.equal("ThisIsATest.png");
     });
     it("should display an error for invalid file types", () => {
-        const wrapper = mount(React.createElement(PreFilledInvalidField, { ...PreFilledInvalidField.args }));
+        const wrapper = mount(React.createElement(PreFilledInvalidField, Object.assign({}, PreFilledInvalidField.args)));
         expect(wrapper.find("input[type='text']").prop("aria-invalid")).to.be.true;
     });
     it("should display no error for valid file types", () => {
-        const wrapper = mount(React.createElement(PreFilledField, { ...PreFilledField.args }));
+        const wrapper = mount(React.createElement(PreFilledField, Object.assign({}, PreFilledField.args)));
         expect(wrapper.find("input[type='text']").prop("aria-invalid")).to.be.false;
     });
     it("should display no error when no file is chosen", () => {
-        const wrapper = mount(React.createElement(EmptyField, { ...EmptyField.args }));
+        const wrapper = mount(React.createElement(EmptyField, Object.assign({}, EmptyField.args)));
         expect(wrapper.find("input[type='text']").prop("aria-invalid")).to.be.false;
     });
 });

package/react/components/common/tests/FileInput.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileInput.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/FileInput.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAa,MAAM,QAAQ,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAEjG,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,qDAAqD,EAAE,GAAG,EAAE;QAC9D,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,UAAU,OAAM,UAAU,CAAC,IAAuB,GAAI,CAAC,CAAC;QAC/E,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACvE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC9C,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,cAAc,OAAM,cAAc,CAAC,IAAuB,GAAI,CAAC,CAAC;QACvF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACtF,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,qBAAqB,OAAM,qBAAqB,CAAC,IAAuB,GAAI,CAAC,CAAC;QACrG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IAC5E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE,GAAG,EAAE;QACvD,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,cAAc,OAAM,cAAc,CAAC,IAAuB,GAAI,CAAC,CAAC;QACvF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IAC7E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,UAAU,OAAM,UAAU,CAAC,IAAuB,GAAI,CAAC,CAAC;QAC/E,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IAC7E,CAAC,CAAC,CAAC;AAyBJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { mount, configure } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport { FileInput, FileInputProps } from \"../FileInput\";\r\nimport { EmptyField, PreFilledField, PreFilledInvalidField } from \"../stories/FileInput.stories\";\r\n\r\ndescribe(\"<FileInput/>\", () => {\r\n\tit(\"should display an empty string in its default state\", () => {\r\n\t\tconst wrapper = mount(<EmptyField {...(EmptyField.args as FileInputProps)} />);\r\n\t\texpect(wrapper.find(\"input[type='text']\").prop(\"value\")).to.equal(\"\");\r\n\t});\r\n\r\n\tit(\"should display the chosen file name\", () => {\r\n\t\tconst wrapper = mount(<PreFilledField {...(PreFilledField.args as FileInputProps)} />);\r\n\t\texpect(wrapper.find(\"input[type='text']\").prop(\"value\")).to.equal(\"ThisIsATest.png\");\r\n\t});\r\n\r\n\tit(\"should display an error for invalid file types\", () => {\r\n\t\tconst wrapper = mount(<PreFilledInvalidField {...(PreFilledInvalidField.args as FileInputProps)} />);\r\n\t\texpect(wrapper.find(\"input[type='text']\").prop(\"aria-invalid\")).to.be.true;\r\n\t});\r\n\r\n\tit(\"should display no error for valid file types\", () => {\r\n\t\tconst wrapper = mount(<PreFilledField {...(PreFilledField.args as FileInputProps)} />);\r\n\t\texpect(wrapper.find(\"input[type='text']\").prop(\"aria-invalid\")).to.be.false;\r\n\t});\r\n\r\n\tit(\"should display no error when no file is chosen\", () => {\r\n\t\tconst wrapper = mount(<EmptyField {...(EmptyField.args as FileInputProps)} />);\r\n\t\texpect(wrapper.find(\"input[type='text']\").prop(\"aria-invalid\")).to.be.false;\r\n\t});\r\n\r\n\t// it(\"should update the display when the file is changed\", () => {\r\n\t// \tconst oldFileName = \"old.txt\";\r\n\t// \tconst newFileName = \"newimage/png\";\r\n\r\n\t// \tconst uploadFunction = (fileObject: File) =>\r\n\t// \t\tnew Promise((resolve) => {\r\n\t// \t\t\tresolve({\r\n\t// \t\t\t\terr: \"\",\r\n\t// \t\t\t\tpath: fileObject.name,\r\n\t// \t\t\t});\r\n\t// \t\t});\r\n\r\n\t// \tconst wrapper = mount(<FileInput uploadFunction value={oldFileName} acceptTypes={[\"image/png\", \"image/jpg\", \"image/ico\"]} />);\r\n\t// \twrapper.find(\"input[type='file']\").simulate('change', {\r\n\t// \t\ttarget: {\r\n\t// \t\t\tfiles: [\r\n\t// \t\t\t\tnewFileName\r\n\t// \t\t\t]\r\n\t// \t\t}\r\n\t// \t});\r\n\r\n\t// \texpect(wrapper.find(\"input[type='text']\").prop(\"value\")).to.equal(newFileName);\r\n\t// });\r\n});\r\n"]}
+{"version":3,"file":"FileInput.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/FileInput.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAEjG,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,qDAAqD,EAAE,GAAG,EAAE;QAC9D,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,UAAU,oBAAM,UAAU,CAAC,IAAuB,EAAI,CAAC,CAAC;QAC/E,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACvE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC9C,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,cAAc,oBAAM,cAAc,CAAC,IAAuB,EAAI,CAAC,CAAC;QACvF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACtF,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,qBAAqB,oBAAM,qBAAqB,CAAC,IAAuB,EAAI,CAAC,CAAC;QACrG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IAC5E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE,GAAG,EAAE;QACvD,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,cAAc,oBAAM,cAAc,CAAC,IAAuB,EAAI,CAAC,CAAC;QACvF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IAC7E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,UAAU,oBAAM,UAAU,CAAC,IAAuB,EAAI,CAAC,CAAC;QAC/E,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IAC7E,CAAC,CAAC,CAAC;AAyBJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport { FileInputProps } from \"../FileInput\";\r\nimport { EmptyField, PreFilledField, PreFilledInvalidField } from \"../stories/FileInput.stories\";\r\n\r\ndescribe(\"<FileInput/>\", () => {\r\n\tit(\"should display an empty string in its default state\", () => {\r\n\t\tconst wrapper = mount(<EmptyField {...(EmptyField.args as FileInputProps)} />);\r\n\t\texpect(wrapper.find(\"input[type='text']\").prop(\"value\")).to.equal(\"\");\r\n\t});\r\n\r\n\tit(\"should display the chosen file name\", () => {\r\n\t\tconst wrapper = mount(<PreFilledField {...(PreFilledField.args as FileInputProps)} />);\r\n\t\texpect(wrapper.find(\"input[type='text']\").prop(\"value\")).to.equal(\"ThisIsATest.png\");\r\n\t});\r\n\r\n\tit(\"should display an error for invalid file types\", () => {\r\n\t\tconst wrapper = mount(<PreFilledInvalidField {...(PreFilledInvalidField.args as FileInputProps)} />);\r\n\t\texpect(wrapper.find(\"input[type='text']\").prop(\"aria-invalid\")).to.be.true;\r\n\t});\r\n\r\n\tit(\"should display no error for valid file types\", () => {\r\n\t\tconst wrapper = mount(<PreFilledField {...(PreFilledField.args as FileInputProps)} />);\r\n\t\texpect(wrapper.find(\"input[type='text']\").prop(\"aria-invalid\")).to.be.false;\r\n\t});\r\n\r\n\tit(\"should display no error when no file is chosen\", () => {\r\n\t\tconst wrapper = mount(<EmptyField {...(EmptyField.args as FileInputProps)} />);\r\n\t\texpect(wrapper.find(\"input[type='text']\").prop(\"aria-invalid\")).to.be.false;\r\n\t});\r\n\r\n\t// it(\"should update the display when the file is changed\", () => {\r\n\t// \tconst oldFileName = \"old.txt\";\r\n\t// \tconst newFileName = \"newimage/png\";\r\n\r\n\t// \tconst uploadFunction = (fileObject: File) =>\r\n\t// \t\tnew Promise((resolve) => {\r\n\t// \t\t\tresolve({\r\n\t// \t\t\t\terr: \"\",\r\n\t// \t\t\t\tpath: fileObject.name,\r\n\t// \t\t\t});\r\n\t// \t\t});\r\n\r\n\t// \tconst wrapper = mount(<FileInput uploadFunction value={oldFileName} acceptTypes={[\"image/png\", \"image/jpg\", \"image/ico\"]} />);\r\n\t// \twrapper.find(\"input[type='file']\").simulate('change', {\r\n\t// \t\ttarget: {\r\n\t// \t\t\tfiles: [\r\n\t// \t\t\t\tnewFileName\r\n\t// \t\t\t]\r\n\t// \t\t}\r\n\t// \t});\r\n\r\n\t// \texpect(wrapper.find(\"input[type='text']\").prop(\"value\")).to.equal(newFileName);\r\n\t// });\r\n});\r\n"]}

package/react/components/common/tests/FinsembleSelect.spec.js

@@ -12,26 +12,26 @@ describe("<FinsembleSelect/>", () => {
         sinon.restore();
     });
     it("should display text and a checkbox", () => {
-        const wrapper = mount(React.createElement(Sample, { ...Sample.args }));
+        const wrapper = mount(React.createElement(Sample, Object.assign({}, Sample.args)));
         expect(wrapper.find(".emperorOption span").exists(), "Options have text").to.be.true;
         expect(wrapper.find(".emperorOption input[type='checkbox']").exists(), "Options have checkboxes").to.be.true;
     });
     it("should call a function when checkbox is checked", () => {
         const buttonSpy = sinon.spy(Sample.args, "updateCallback");
-        const wrapper = mount(React.createElement(Sample, { ...Sample.args }));
+        const wrapper = mount(React.createElement(Sample, Object.assign({}, Sample.args)));
         wrapper.find(".emperorOption input[type='checkbox']").at(1).simulate("change");
         expect(buttonSpy.getCall(0)).to.not.be.null;
     });
     it("should return all items checked when multiple items have been checked", () => {
         const buttonSpy = sinon.spy(Sample.args, "updateCallback");
-        const wrapper = mount(React.createElement(Sample, { ...Sample.args }));
+        const wrapper = mount(React.createElement(Sample, Object.assign({}, Sample.args)));
         wrapper.find(".emperorOption input[type='checkbox']").at(0).simulate("change");
         wrapper.find(".emperorOption input[type='checkbox']").at(2).simulate("change");
         expect(buttonSpy.getCall(1).args[0]).lengthOf(2);
     });
     it("should limit checked selection", () => {
         const buttonSpy = sinon.spy(Sample.args, "updateCallback");
-        const wrapper = mount(React.createElement(Sample, { ...{ ...Sample.args, limit: 2 } }));
+        const wrapper = mount(React.createElement(Sample, Object.assign({}, Object.assign(Object.assign({}, Sample.args), { limit: 2 }))));
         wrapper.find(".emperorOption input[type='checkbox']").at(0).simulate("change");
         wrapper.find(".emperorOption input[type='checkbox']").at(1).simulate("change");
         wrapper.find(".emperorOption input[type='checkbox']").at(2).simulate("change");
@@ -39,30 +39,31 @@ describe("<FinsembleSelect/>", () => {
     });
     it("should return values, not display text, if values are provided", () => {
         const buttonSpy = sinon.spy(SeperateValuesFromText.args, "updateCallback");
-        const wrapper = mount(React.createElement(SeperateValuesFromText, { ...SeperateValuesFromText.args }));
+        const wrapper = mount(React.createElement(SeperateValuesFromText, Object.assign({}, SeperateValuesFromText.args)));
         wrapper.find(".emperorOption input[type='checkbox']").at(0).simulate("change");
         expect(buttonSpy.getCall(0).args[0]).to.deep.equal(["1"]);
     });
     it("should start with selected items if pre-selected items are provided", () => {
-        const wrapper = mount(React.createElement(PreSelected, { ...PreSelected.args }));
+        const wrapper = mount(React.createElement(PreSelected, Object.assign({}, PreSelected.args)));
         expect(wrapper.find(".emperorOption input[type='checkbox']").at(1).prop("checked")).to.be.true;
     });
     it("should show selected items if pre-selected items are provided after initial render", async () => {
-        const wrapper = mount(React.createElement(PreSelected, { ...Sample.args }));
+        var _a;
+        const wrapper = mount(React.createElement(PreSelected, Object.assign({}, Sample.args)));
         await waitTime(10);
-        wrapper.setProps({ selected: PreSelected.args?.selected });
+        wrapper.setProps({ selected: (_a = PreSelected.args) === null || _a === void 0 ? void 0 : _a.selected });
         wrapper.update();
         expect(wrapper.find(".emperorOption input[type='checkbox']").at(1).prop("checked")).to.be.true;
     });
     it("should start with selected values if both values and pre-selected values are provided", () => {
-        const wrapper = mount(React.createElement(PreSelectedValues, { ...PreSelectedValues.args }));
+        const wrapper = mount(React.createElement(PreSelectedValues, Object.assign({}, PreSelectedValues.args)));
         expect(wrapper.find(".emperorOption input[type='checkbox']").at(0).prop("checked")).to.be.false;
         expect(wrapper.find(".emperorOption input[type='checkbox']").at(1).prop("checked")).to.be.true;
         expect(wrapper.find(".emperorOption input[type='checkbox']").at(2).prop("checked")).to.be.true;
         expect(wrapper.find(".emperorOption input[type='checkbox']").at(3).prop("checked")).to.be.false;
     });
     it("should ignore invalid pre-selected items", () => {
-        const wrapper = mount(React.createElement(InvalidPreSelected, { ...InvalidPreSelected.args }));
+        const wrapper = mount(React.createElement(InvalidPreSelected, Object.assign({}, InvalidPreSelected.args)));
         expect(wrapper.find(".emperorOption input[type='checkbox']").at(0).prop("checked")).to.be.false;
         expect(wrapper.find(".emperorOption input[type='checkbox']").at(1).prop("checked")).to.be.false;
         expect(wrapper.find(".emperorOption input[type='checkbox']").at(2).prop("checked")).to.be.false;
@@ -70,7 +71,7 @@ describe("<FinsembleSelect/>", () => {
     });
     it("should filter list on input (case-insensitive)", () => {
         const buttonSpy = sinon.spy(Searchable.args, "updateCallback");
-        const wrapper = mount(React.createElement(Searchable, { ...Searchable.args }));
+        const wrapper = mount(React.createElement(Searchable, Object.assign({}, Searchable.args)));
         wrapper
             .find("input.search")
             .at(0)

package/react/components/common/tests/FinsembleSelect.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"FinsembleSelect.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/FinsembleSelect.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport sinon from \"sinon\";\r\nimport { FinsembleSelectProps } from \"../FinsembleSelect\";\r\nimport {\r\n\tSample,\r\n\tSeperateValuesFromText,\r\n\tPreSelected,\r\n\tPreSelectedValues,\r\n\tInvalidPreSelected,\r\n\tSearchable,\r\n} from \"../stories/FinsembleSelect.stories\";\r\n\r\n// Necessary to allow sinon to work with mocked actions (which are shown in the Actions panel in Storybook)\r\nimport addons, { mockChannel } from \"@storybook/addons\";\r\nimport { waitTime } from \"../../smartDesktopDesigner/sdd_helpers\";\r\naddons.setChannel(mockChannel());\r\n\r\ndescribe(\"<FinsembleSelect/>\", () => {\r\n\tafterEach(() => {\r\n\t\tsinon.restore();\r\n\t});\r\n\r\n\tit(\"should display text and a checkbox\", () => {\r\n\t\tconst wrapper = mount(<Sample {...(Sample.args as FinsembleSelectProps)} />);\r\n\r\n\t\texpect(wrapper.find(\".emperorOption span\").exists(), \"Options have text\").to.be.true;\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").exists(), \"Options have checkboxes\").to.be.true;\r\n\t});\r\n\tit(\"should call a function when checkbox is checked\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Sample.args as FinsembleSelectProps, \"updateCallback\");\r\n\t\tconst wrapper = mount(<Sample {...(Sample.args as FinsembleSelectProps)} />);\r\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(1).simulate(\"change\");\r\n\t\texpect(buttonSpy.getCall(0)).to.not.be.null;\r\n\t});\r\n\tit(\"should return all items checked when multiple items have been checked\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Sample.args as FinsembleSelectProps, \"updateCallback\");\r\n\t\tconst wrapper = mount(<Sample {...(Sample.args as FinsembleSelectProps)} />);\r\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(0).simulate(\"change\");\r\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(2).simulate(\"change\");\r\n\t\texpect(buttonSpy.getCall(1).args[0]).lengthOf(2);\r\n\t});\r\n\tit(\"should limit checked selection\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Sample.args as FinsembleSelectProps, \"updateCallback\");\r\n\t\tconst wrapper = mount(<Sample {...{ ...(Sample.args as FinsembleSelectProps), limit: 2 }} />);\r\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(0).simulate(\"change\");\r\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(1).simulate(\"change\");\r\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(2).simulate(\"change\");\r\n\t\texpect(buttonSpy.getCall(1).args[0]).lengthOf(2);\r\n\t});\r\n\tit(\"should return values, not display text, if values are provided\", () => {\r\n\t\tconst buttonSpy = sinon.spy(SeperateValuesFromText.args as FinsembleSelectProps, \"updateCallback\");\r\n\t\tconst wrapper = mount(<SeperateValuesFromText {...(SeperateValuesFromText.args as FinsembleSelectProps)} />);\r\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(0).simulate(\"change\");\r\n\t\texpect(buttonSpy.getCall(0).args[0]).to.deep.equal([\"1\"]);\r\n\t});\r\n\tit(\"should start with selected items if pre-selected items are provided\", () => {\r\n\t\tconst wrapper = mount(<PreSelected {...(PreSelected.args as FinsembleSelectProps)} />);\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(1).prop(\"checked\")).to.be.true;\r\n\t});\r\n\tit(\"should show selected items if pre-selected items are provided after initial render\", async () => {\r\n\t\tconst wrapper = mount(<PreSelected {...(Sample.args as FinsembleSelectProps)} />);\r\n\r\n\t\tawait waitTime(10);\r\n\r\n\t\twrapper.setProps({ selected: PreSelected.args?.selected });\r\n\r\n\t\twrapper.update();\r\n\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(1).prop(\"checked\")).to.be.true;\r\n\t});\r\n\tit(\"should start with selected values if both values and pre-selected values are provided\", () => {\r\n\t\tconst wrapper = mount(<PreSelectedValues {...(PreSelectedValues.args as FinsembleSelectProps)} />);\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(0).prop(\"checked\")).to.be.false;\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(1).prop(\"checked\")).to.be.true;\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(2).prop(\"checked\")).to.be.true;\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(3).prop(\"checked\")).to.be.false;\r\n\t});\r\n\tit(\"should ignore invalid pre-selected items\", () => {\r\n\t\tconst wrapper = mount(<InvalidPreSelected {...(InvalidPreSelected.args as FinsembleSelectProps)} />);\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(0).prop(\"checked\")).to.be.false;\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(1).prop(\"checked\")).to.be.false;\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(2).prop(\"checked\")).to.be.false;\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(3).prop(\"checked\")).to.be.false;\r\n\t});\r\n\tit(\"should filter list on input (case-insensitive)\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Searchable.args as FinsembleSelectProps, \"updateCallback\");\r\n\t\tconst wrapper = mount(<Searchable {...(Searchable.args as FinsembleSelectProps)} />);\r\n\t\twrapper\r\n\t\t\t.find(\"input.search\")\r\n\t\t\t.at(0)\r\n\t\t\t.simulate(\"input\", {\r\n\t\t\t\ttarget: {\r\n\t\t\t\t\tvalue: \"north\",\r\n\t\t\t\t},\r\n\t\t\t});\r\n\t\texpect(wrapper.find(\".emperorOption\")).lengthOf(2);\r\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(0).simulate(\"change\");\r\n\t\texpect(buttonSpy.getCall(0).args[0]).to.deep.equal([\"NC\"]);\r\n\t});\r\n});\r\n"]}
+{"version":3,"file":"FinsembleSelect.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/FinsembleSelect.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport sinon from \"sinon\";\r\nimport { FinsembleSelectProps } from \"../FinsembleSelect\";\r\nimport {\r\n\tSample,\r\n\tSeperateValuesFromText,\r\n\tPreSelected,\r\n\tPreSelectedValues,\r\n\tInvalidPreSelected,\r\n\tSearchable,\r\n} from \"../stories/FinsembleSelect.stories\";\r\n\r\n// Necessary to allow sinon to work with mocked actions (which are shown in the Actions panel in Storybook)\r\nimport addons, { mockChannel } from \"@storybook/addons\";\r\nimport { waitTime } from \"../../smartDesktopDesigner/sdd_helpers\";\r\naddons.setChannel(mockChannel());\r\n\r\ndescribe(\"<FinsembleSelect/>\", () => {\r\n\tafterEach(() => {\r\n\t\tsinon.restore();\r\n\t});\r\n\r\n\tit(\"should display text and a checkbox\", () => {\r\n\t\tconst wrapper = mount(<Sample {...(Sample.args as FinsembleSelectProps)} />);\r\n\r\n\t\texpect(wrapper.find(\".emperorOption span\").exists(), \"Options have text\").to.be.true;\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").exists(), \"Options have checkboxes\").to.be.true;\r\n\t});\r\n\tit(\"should call a function when checkbox is checked\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Sample.args as FinsembleSelectProps, \"updateCallback\");\r\n\t\tconst wrapper = mount(<Sample {...(Sample.args as FinsembleSelectProps)} />);\r\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(1).simulate(\"change\");\r\n\t\texpect(buttonSpy.getCall(0)).to.not.be.null;\r\n\t});\r\n\tit(\"should return all items checked when multiple items have been checked\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Sample.args as FinsembleSelectProps, \"updateCallback\");\r\n\t\tconst wrapper = mount(<Sample {...(Sample.args as FinsembleSelectProps)} />);\r\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(0).simulate(\"change\");\r\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(2).simulate(\"change\");\r\n\t\texpect(buttonSpy.getCall(1).args[0]).lengthOf(2);\r\n\t});\r\n\tit(\"should limit checked selection\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Sample.args as FinsembleSelectProps, \"updateCallback\");\r\n\t\tconst wrapper = mount(<Sample {...{ ...(Sample.args as FinsembleSelectProps), limit: 2 }} />);\r\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(0).simulate(\"change\");\r\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(1).simulate(\"change\");\r\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(2).simulate(\"change\");\r\n\t\texpect(buttonSpy.getCall(1).args[0]).lengthOf(2);\r\n\t});\r\n\tit(\"should return values, not display text, if values are provided\", () => {\r\n\t\tconst buttonSpy = sinon.spy(SeperateValuesFromText.args as FinsembleSelectProps, \"updateCallback\");\r\n\t\tconst wrapper = mount(<SeperateValuesFromText {...(SeperateValuesFromText.args as FinsembleSelectProps)} />);\r\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(0).simulate(\"change\");\r\n\t\texpect(buttonSpy.getCall(0).args[0]).to.deep.equal([\"1\"]);\r\n\t});\r\n\tit(\"should start with selected items if pre-selected items are provided\", () => {\r\n\t\tconst wrapper = mount(<PreSelected {...(PreSelected.args as FinsembleSelectProps)} />);\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(1).prop(\"checked\")).to.be.true;\r\n\t});\r\n\tit(\"should show selected items if pre-selected items are provided after initial render\", async () => {\r\n\t\tconst wrapper = mount(<PreSelected {...(Sample.args as FinsembleSelectProps)} />);\r\n\r\n\t\tawait waitTime(10);\r\n\r\n\t\twrapper.setProps({ selected: PreSelected.args?.selected });\r\n\r\n\t\twrapper.update();\r\n\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(1).prop(\"checked\")).to.be.true;\r\n\t});\r\n\tit(\"should start with selected values if both values and pre-selected values are provided\", () => {\r\n\t\tconst wrapper = mount(<PreSelectedValues {...(PreSelectedValues.args as FinsembleSelectProps)} />);\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(0).prop(\"checked\")).to.be.false;\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(1).prop(\"checked\")).to.be.true;\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(2).prop(\"checked\")).to.be.true;\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(3).prop(\"checked\")).to.be.false;\r\n\t});\r\n\tit(\"should ignore invalid pre-selected items\", () => {\r\n\t\tconst wrapper = mount(<InvalidPreSelected {...(InvalidPreSelected.args as FinsembleSelectProps)} />);\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(0).prop(\"checked\")).to.be.false;\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(1).prop(\"checked\")).to.be.false;\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(2).prop(\"checked\")).to.be.false;\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(3).prop(\"checked\")).to.be.false;\r\n\t});\r\n\tit(\"should filter list on input (case-insensitive)\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Searchable.args as FinsembleSelectProps, \"updateCallback\");\r\n\t\tconst wrapper = mount(<Searchable {...(Searchable.args as FinsembleSelectProps)} />);\r\n\t\twrapper\r\n\t\t\t.find(\"input.search\")\r\n\t\t\t.at(0)\r\n\t\t\t.simulate(\"input\", {\r\n\t\t\t\ttarget: {\r\n\t\t\t\t\tvalue: \"north\",\r\n\t\t\t\t},\r\n\t\t\t});\r\n\t\texpect(wrapper.find(\".emperorOption\")).lengthOf(2);\r\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(0).simulate(\"change\");\r\n\t\texpect(buttonSpy.getCall(0).args[0]).to.deep.equal([\"NC\"]);\r\n\t});\r\n});\r\n"]}

package/react/components/common/tests/FinsembleToggle.spec.js

@@ -4,6 +4,7 @@ import { describe, it } from "mocha";
 import { expect } from "chai";
 import sinon from "sinon";
 import { Checked, Unchecked } from "../stories/FinsembleToggle.stories";
+import { accessibilityAssessor } from "../../smartDesktopDesigner/tests/a11y_helper";
 import addons, { mockChannel } from "@storybook/addons";
 import { waitTime } from "../../smartDesktopDesigner/sdd_helpers";
 addons.setChannel(mockChannel());
@@ -11,10 +12,15 @@ describe("<FinsembleToggle/>", () => {
     afterEach(() => {
         sinon.restore();
     });
+    it("should pass accessibility scans", async () => {
+        const wrapper = mount(React.createElement(Unchecked, Object.assign({}, Unchecked.args)));
+        expect(await accessibilityAssessor(wrapper)).to.be.true;
+    });
     it("should be checked items if checked prop is updated after initial render", async () => {
-        const wrapper = mount(React.createElement(Unchecked, { ...Unchecked.args }));
+        var _a;
+        const wrapper = mount(React.createElement(Unchecked, Object.assign({}, Unchecked.args)));
         await waitTime(10);
-        wrapper.setProps({ checked: Checked.args?.checked });
+        wrapper.setProps({ checked: (_a = Checked.args) === null || _a === void 0 ? void 0 : _a.checked });
         wrapper.update();
         expect(wrapper.find("input[type='checkbox']").at(0).prop("checked")).to.be.true;
     });

package/react/components/common/tests/FinsembleToggle.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"FinsembleToggle.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/FinsembleToggle.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAGxE,OAAO,MAAM,EAAE,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAClE,MAAM,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,CAAC;AAEjC,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IACnC,SAAS,CAAC,GAAG,EAAE;QACd,KAAK,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yEAAyE,EAAE,KAAK,IAAI,EAAE;QACxF,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,SAAS,OAAM,SAAS,CAAC,IAA6B,GAAI,CAAC,CAAC;QAEnF,MAAM,QAAQ,CAAC,EAAE,CAAC,CAAC;QAEnB,OAAO,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;QAErD,OAAO,CAAC,MAAM,EAAE,CAAC;QAEjB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IACjF,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport sinon from \"sinon\";\r\nimport { FinsembleToggleProps } from \"../FinsembleToggle\";\r\nimport { Checked, Unchecked } from \"../stories/FinsembleToggle.stories\";\r\n\r\n// Necessary to allow sinon to work with mocked actions (which are shown in the Actions panel in Storybook)\r\nimport addons, { mockChannel } from \"@storybook/addons\";\r\nimport { waitTime } from \"../../smartDesktopDesigner/sdd_helpers\";\r\naddons.setChannel(mockChannel());\r\n\r\ndescribe(\"<FinsembleToggle/>\", () => {\r\n\tafterEach(() => {\r\n\t\tsinon.restore();\r\n\t});\r\n\r\n\tit(\"should be checked items if checked prop is updated after initial render\", async () => {\r\n\t\tconst wrapper = mount(<Unchecked {...(Unchecked.args as FinsembleToggleProps)} />);\r\n\r\n\t\tawait waitTime(10);\r\n\r\n\t\twrapper.setProps({ checked: Checked.args?.checked });\r\n\r\n\t\twrapper.update();\r\n\r\n\t\texpect(wrapper.find(\"input[type='checkbox']\").at(0).prop(\"checked\")).to.be.true;\r\n\t});\r\n});\r\n"]}
+{"version":3,"file":"FinsembleToggle.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/FinsembleToggle.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAE,MAAM,8CAA8C,CAAC;AAGrF,OAAO,MAAM,EAAE,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAClE,MAAM,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,CAAC;AAEjC,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IACnC,SAAS,CAAC,GAAG,EAAE;QACd,KAAK,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,SAAS,oBAAM,SAAS,CAAC,IAA6B,EAAI,CAAC,CAAC;QAEnF,MAAM,CAAC,MAAM,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yEAAyE,EAAE,KAAK,IAAI,EAAE;;QACxF,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,SAAS,oBAAM,SAAS,CAAC,IAA6B,EAAI,CAAC,CAAC;QAEnF,MAAM,QAAQ,CAAC,EAAE,CAAC,CAAC;QAEnB,OAAO,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,MAAA,OAAO,CAAC,IAAI,0CAAE,OAAO,EAAE,CAAC,CAAC;QAErD,OAAO,CAAC,MAAM,EAAE,CAAC;QAEjB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IACjF,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport sinon from \"sinon\";\r\nimport { FinsembleToggleProps } from \"../FinsembleToggle\";\r\nimport { Checked, Unchecked } from \"../stories/FinsembleToggle.stories\";\r\nimport { accessibilityAssessor } from \"../../smartDesktopDesigner/tests/a11y_helper\";\r\n\r\n// Necessary to allow sinon to work with mocked actions (which are shown in the Actions panel in Storybook)\r\nimport addons, { mockChannel } from \"@storybook/addons\";\r\nimport { waitTime } from \"../../smartDesktopDesigner/sdd_helpers\";\r\naddons.setChannel(mockChannel());\r\n\r\ndescribe(\"<FinsembleToggle/>\", () => {\r\n\tafterEach(() => {\r\n\t\tsinon.restore();\r\n\t});\r\n\r\n\tit(\"should pass accessibility scans\", async () => {\r\n\t\tconst wrapper = mount(<Unchecked {...(Unchecked.args as FinsembleToggleProps)} />);\r\n\r\n\t\texpect(await accessibilityAssessor(wrapper)).to.be.true;\r\n\t});\r\n\r\n\tit(\"should be checked items if checked prop is updated after initial render\", async () => {\r\n\t\tconst wrapper = mount(<Unchecked {...(Unchecked.args as FinsembleToggleProps)} />);\r\n\r\n\t\tawait waitTime(10);\r\n\r\n\t\twrapper.setProps({ checked: Checked.args?.checked });\r\n\r\n\t\twrapper.update();\r\n\r\n\t\texpect(wrapper.find(\"input[type='checkbox']\").at(0).prop(\"checked\")).to.be.true;\r\n\t});\r\n});\r\n"]}

package/react/components/common/tests/Header.spec.js

@@ -5,15 +5,15 @@ import { expect } from "chai";
 import { BasicHeader, HeaderWithBackButton } from "../stories/Header.stories";
 describe("<Header/>", () => {
     it("should display text", () => {
-        const wrapper = mount(React.createElement(BasicHeader, { ...BasicHeader.args }));
+        const wrapper = mount(React.createElement(BasicHeader, Object.assign({}, BasicHeader.args)));
         expect(wrapper.find(".view-title").first().text()).to.contain("This is a Header");
     });
     it("should contain a button when a back function is provided", () => {
-        const wrapper = mount(React.createElement(HeaderWithBackButton, { ...HeaderWithBackButton.args }));
+        const wrapper = mount(React.createElement(HeaderWithBackButton, Object.assign({}, HeaderWithBackButton.args)));
         expect(wrapper.find("button").text()).to.contain("Back");
     });
     it("should not contain a button when no back function is provided", () => {
-        const wrapper = mount(React.createElement(BasicHeader, { ...BasicHeader.args }));
+        const wrapper = mount(React.createElement(BasicHeader, Object.assign({}, BasicHeader.args)));
         expect(wrapper.find("button")).to.have.lengthOf(0);
     });
 });

package/react/components/common/tests/Header.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/Header.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAG9E,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IAC1B,EAAE,CAAC,qBAAqB,EAAE,GAAG,EAAE;QAC9B,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,WAAW,OAAM,WAAW,CAAC,IAAoB,GAAI,CAAC,CAAC;QAC9E,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACnF,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,0DAA0D,EAAE,GAAG,EAAE;QACnE,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,oBAAoB,OAAM,oBAAoB,CAAC,IAAoB,GAAI,CAAC,CAAC;QAChG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,+DAA+D,EAAE,GAAG,EAAE;QACxE,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,WAAW,OAAM,WAAW,CAAC,IAAoB,GAAI,CAAC,CAAC;QAC9E,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport { BasicHeader, HeaderWithBackButton } from \"../stories/Header.stories\";\r\nimport { HeaderProps } from \"../Header\";\r\n\r\ndescribe(\"<Header/>\", () => {\r\n\tit(\"should display text\", () => {\r\n\t\tconst wrapper = mount(<BasicHeader {...(BasicHeader.args as HeaderProps)} />);\r\n\t\texpect(wrapper.find(\".view-title\").first().text()).to.contain(\"This is a Header\");\r\n\t});\r\n\tit(\"should contain a button when a back function is provided\", () => {\r\n\t\tconst wrapper = mount(<HeaderWithBackButton {...(HeaderWithBackButton.args as HeaderProps)} />);\r\n\t\texpect(wrapper.find(\"button\").text()).to.contain(\"Back\");\r\n\t});\r\n\tit(\"should not contain a button when no back function is provided\", () => {\r\n\t\tconst wrapper = mount(<BasicHeader {...(BasicHeader.args as HeaderProps)} />);\r\n\t\texpect(wrapper.find(\"button\")).to.have.lengthOf(0);\r\n\t});\r\n});\r\n"]}
+{"version":3,"file":"Header.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/Header.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAG9E,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IAC1B,EAAE,CAAC,qBAAqB,EAAE,GAAG,EAAE;QAC9B,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,WAAW,oBAAM,WAAW,CAAC,IAAoB,EAAI,CAAC,CAAC;QAC9E,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACnF,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,0DAA0D,EAAE,GAAG,EAAE;QACnE,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,oBAAoB,oBAAM,oBAAoB,CAAC,IAAoB,EAAI,CAAC,CAAC;QAChG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,+DAA+D,EAAE,GAAG,EAAE;QACxE,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,WAAW,oBAAM,WAAW,CAAC,IAAoB,EAAI,CAAC,CAAC;QAC9E,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport { BasicHeader, HeaderWithBackButton } from \"../stories/Header.stories\";\r\nimport { HeaderProps } from \"../Header\";\r\n\r\ndescribe(\"<Header/>\", () => {\r\n\tit(\"should display text\", () => {\r\n\t\tconst wrapper = mount(<BasicHeader {...(BasicHeader.args as HeaderProps)} />);\r\n\t\texpect(wrapper.find(\".view-title\").first().text()).to.contain(\"This is a Header\");\r\n\t});\r\n\tit(\"should contain a button when a back function is provided\", () => {\r\n\t\tconst wrapper = mount(<HeaderWithBackButton {...(HeaderWithBackButton.args as HeaderProps)} />);\r\n\t\texpect(wrapper.find(\"button\").text()).to.contain(\"Back\");\r\n\t});\r\n\tit(\"should not contain a button when no back function is provided\", () => {\r\n\t\tconst wrapper = mount(<BasicHeader {...(BasicHeader.args as HeaderProps)} />);\r\n\t\texpect(wrapper.find(\"button\")).to.have.lengthOf(0);\r\n\t});\r\n});\r\n"]}