@finsemble/finsemble-ui 7.3.10 → 7.3.11

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

@@ -0,0 +1,29 @@
+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 } from "../stories/FinsembleToggle.stories";
+import { accessibilityAssessor } from "../../sdd/tests/a11y_helper";
+// Necessary to allow sinon to work with mocked actions (which are shown in the Actions panel in Storybook)
+import addons, { mockChannel } from "@storybook/addons";
+import { waitTime } from "../../sdd/sdd_helpers";
+addons.setChannel(mockChannel());
+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 () => {
+        var _a;
+        const wrapper = mount(React.createElement(Unchecked, Object.assign({}, Unchecked.args)));
+        await waitTime(10);
+        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;
+    });
+});
+//# sourceMappingURL=FinsembleToggle.spec.js.map

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

@@ -0,0 +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;AACxE,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEpE,2GAA2G;AAC3G,OAAO,MAAM,EAAE,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,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\";\nimport { mount } from \"enzyme\";\nimport { describe, it } from \"mocha\";\nimport { expect } from \"chai\";\nimport sinon from \"sinon\";\nimport { FinsembleToggleProps } from \"../FinsembleToggle\";\nimport { Checked, Unchecked } from \"../stories/FinsembleToggle.stories\";\nimport { accessibilityAssessor } from \"../../sdd/tests/a11y_helper\";\n\n// Necessary to allow sinon to work with mocked actions (which are shown in the Actions panel in Storybook)\nimport addons, { mockChannel } from \"@storybook/addons\";\nimport { waitTime } from \"../../sdd/sdd_helpers\";\naddons.setChannel(mockChannel());\n\ndescribe(\"<FinsembleToggle/>\", () => {\n\tafterEach(() => {\n\t\tsinon.restore();\n\t});\n\n\tit(\"should pass accessibility scans\", async () => {\n\t\tconst wrapper = mount(<Unchecked {...(Unchecked.args as FinsembleToggleProps)} />);\n\n\t\texpect(await accessibilityAssessor(wrapper)).to.be.true;\n\t});\n\n\tit(\"should be checked items if checked prop is updated after initial render\", async () => {\n\t\tconst wrapper = mount(<Unchecked {...(Unchecked.args as FinsembleToggleProps)} />);\n\n\t\tawait waitTime(10);\n\n\t\twrapper.setProps({ checked: Checked.args?.checked });\n\n\t\twrapper.update();\n\n\t\texpect(wrapper.find(\"input[type='checkbox']\").at(0).prop(\"checked\")).to.be.true;\n\t});\n});\n"]}

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

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

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

@@ -0,0 +1,41 @@
+import * as React from "react";
+import { mount } from "enzyme";
+import { describe, it } from "mocha";
+import { expect } from "chai";
+import sinon from "sinon";
+import { TextLabels, MoreThanTwo, LabelsWithChildren } from "../stories/FinsembleToggleButtonBar.stories";
+import { accessibilityAssessor } from "../../sdd/tests/a11y_helper";
+// Necessary to allow sinon to work with mocked actions (which are shown in the Actions panel in Storybook)
+import addons, { mockChannel } from "@storybook/addons";
+addons.setChannel(mockChannel());
+describe("<FinsembleToggleButtonBar/>", () => {
+    afterEach(() => {
+        sinon.restore();
+    });
+    it("should pass accessibility scans", async () => {
+        const wrapper = mount(React.createElement(TextLabels, Object.assign({}, TextLabels.args)));
+        expect(await accessibilityAssessor(wrapper)).to.be.true;
+    });
+    it("Initial item should display checked initially", async () => {
+        const wrapper = mount(React.createElement(TextLabels, Object.assign({}, TextLabels.args)));
+        expect(wrapper.find(".toggle-text-label").at(0).prop("aria-checked"), "The first toggle is checked").to.be.true;
+        expect(wrapper.find(".toggle-text-label").at(1).prop("aria-checked"), "The second toggle is not checked").to.be
+            .false;
+    });
+    it("Clicking an item returns the value presented", async () => {
+        const buttonSpy = sinon.spy(TextLabels.args, "onChange");
+        const wrapper = mount(React.createElement(TextLabels, Object.assign({}, TextLabels.args)));
+        wrapper.find(".toggle-text-label").at(1).simulate("click");
+        expect(buttonSpy.calledOnce, "The onChange callback was called").to.be.true;
+        expect(buttonSpy.args[0][0], "The value assigned to button #2 is the value returned when it's clicked").to.be.false;
+    });
+    it("More than 2 items should display", async () => {
+        const wrapper = mount(React.createElement(MoreThanTwo, Object.assign({}, MoreThanTwo.args)));
+        expect(wrapper.find(".toggle-text-label").length, "There are 4 toggle buttons").to.equal(4);
+    });
+    it("LabelsWithChildren should include icons in their display", async () => {
+        const wrapper = mount(React.createElement(LabelsWithChildren, Object.assign({}, LabelsWithChildren.args)));
+        expect(wrapper.find(".toggle-text-label").at(0).find(".finsemble-icon").exists(), "There's an icon in the first button").to.be.true;
+    });
+});
+//# sourceMappingURL=FinsembleToggleButtonBar.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FinsembleToggleButtonBar.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/FinsembleToggleButtonBar.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { mount } from \"enzyme\";\nimport { describe, it } from \"mocha\";\nimport { expect } from \"chai\";\nimport sinon from \"sinon\";\nimport { FinsembleToggleButtonBarProps } from \"../FinsembleToggleButtonBar\";\nimport { TextLabels, MoreThanTwo, LabelsWithChildren } from \"../stories/FinsembleToggleButtonBar.stories\";\nimport { accessibilityAssessor } from \"../../sdd/tests/a11y_helper\";\n\n// Necessary to allow sinon to work with mocked actions (which are shown in the Actions panel in Storybook)\nimport addons, { mockChannel } from \"@storybook/addons\";\naddons.setChannel(mockChannel());\n\ndescribe(\"<FinsembleToggleButtonBar/>\", () => {\n\tafterEach(() => {\n\t\tsinon.restore();\n\t});\n\n\tit(\"should pass accessibility scans\", async () => {\n\t\tconst wrapper = mount(<TextLabels {...(TextLabels.args as FinsembleToggleButtonBarProps)} />);\n\n\t\texpect(await accessibilityAssessor(wrapper)).to.be.true;\n\t});\n\n\tit(\"Initial item should display checked initially\", async () => {\n\t\tconst wrapper = mount(<TextLabels {...(TextLabels.args as FinsembleToggleButtonBarProps)} />);\n\n\t\texpect(wrapper.find(\".toggle-text-label\").at(0).prop(\"aria-checked\"), \"The first toggle is checked\").to.be.true;\n\t\texpect(wrapper.find(\".toggle-text-label\").at(1).prop(\"aria-checked\"), \"The second toggle is not checked\").to.be\n\t\t\t.false;\n\t});\n\tit(\"Clicking an item returns the value presented\", async () => {\n\t\tconst buttonSpy = sinon.spy(TextLabels.args as FinsembleToggleButtonBarProps, \"onChange\");\n\t\tconst wrapper = mount(<TextLabels {...(TextLabels.args as FinsembleToggleButtonBarProps)} />);\n\n\t\twrapper.find(\".toggle-text-label\").at(1).simulate(\"click\");\n\t\texpect(buttonSpy.calledOnce, \"The onChange callback was called\").to.be.true;\n\t\texpect(buttonSpy.args[0][0], \"The value assigned to button #2 is the value returned when it's clicked\").to.be.false;\n\t});\n\tit(\"More than 2 items should display\", async () => {\n\t\tconst wrapper = mount(<MoreThanTwo {...(MoreThanTwo.args as FinsembleToggleButtonBarProps)} />);\n\n\t\texpect(wrapper.find(\".toggle-text-label\").length, \"There are 4 toggle buttons\").to.equal(4);\n\t});\n\tit(\"LabelsWithChildren should include icons in their display\", async () => {\n\t\tconst wrapper = mount(<LabelsWithChildren {...(LabelsWithChildren.args as FinsembleToggleButtonBarProps)} />);\n\n\t\texpect(\n\t\t\twrapper.find(\".toggle-text-label\").at(0).find(\".finsemble-icon\").exists(),\n\t\t\t\"There's an icon in the first button\"\n\t\t).to.be.true;\n\t});\n});\n"]}

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

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

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

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { mount } from "enzyme";
+import { describe, it } from "mocha";
+import { expect } from "chai";
+import { BasicHeader, HeaderWithBackButton, HeaderWithHelp } from "../stories/Header.stories";
+describe("<Header/>", () => {
+    it("should display text", () => {
+        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, Object.assign({}, HeaderWithBackButton.args)));
+        expect(wrapper.find("button").text()).to.contain("Back");
+    });
+    it("should contain a button when a help function is provided", () => {
+        const wrapper = mount(React.createElement(HeaderWithHelp, Object.assign({}, HeaderWithHelp.args)));
+        expect(wrapper.find("button")).to.have.lengthOf(1);
+    });
+    it("should not contain a button when no back or help function is provided", () => {
+        const wrapper = mount(React.createElement(BasicHeader, Object.assign({}, BasicHeader.args)));
+        expect(wrapper.find("button")).to.have.lengthOf(0);
+    });
+});
+//# sourceMappingURL=Header.spec.js.map

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

@@ -0,0 +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,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAG9F,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,0DAA0D,EAAE,GAAG,EAAE;QACnE,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,cAAc,oBAAM,cAAc,CAAC,IAAoB,EAAI,CAAC,CAAC;QACpF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,uEAAuE,EAAE,GAAG,EAAE;QAChF,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\";\nimport { mount } from \"enzyme\";\nimport { describe, it } from \"mocha\";\nimport { expect } from \"chai\";\nimport { BasicHeader, HeaderWithBackButton, HeaderWithHelp } from \"../stories/Header.stories\";\nimport { HeaderProps } from \"../Header\";\n\ndescribe(\"<Header/>\", () => {\n\tit(\"should display text\", () => {\n\t\tconst wrapper = mount(<BasicHeader {...(BasicHeader.args as HeaderProps)} />);\n\t\texpect(wrapper.find(\".view-title\").first().text()).to.contain(\"This is a Header\");\n\t});\n\tit(\"should contain a button when a back function is provided\", () => {\n\t\tconst wrapper = mount(<HeaderWithBackButton {...(HeaderWithBackButton.args as HeaderProps)} />);\n\t\texpect(wrapper.find(\"button\").text()).to.contain(\"Back\");\n\t});\n\tit(\"should contain a button when a help function is provided\", () => {\n\t\tconst wrapper = mount(<HeaderWithHelp {...(HeaderWithHelp.args as HeaderProps)} />);\n\t\texpect(wrapper.find(\"button\")).to.have.lengthOf(1);\n\t});\n\tit(\"should not contain a button when no back or help function is provided\", () => {\n\t\tconst wrapper = mount(<BasicHeader {...(BasicHeader.args as HeaderProps)} />);\n\t\texpect(wrapper.find(\"button\")).to.have.lengthOf(0);\n\t});\n});\n"]}

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

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

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

@@ -0,0 +1,46 @@
+import * as React from "react";
+import { mount } from "enzyme";
+import { describe, it } from "mocha";
+import { expect } from "chai";
+import { SmallEmptyField, SmallPreFilledField, SmallPreFilledFieldFullURL, LargeEmptyField, LargePreFilledField, } from "../stories/ImagePreview.stories";
+describe("<ImagePreview/>", () => {
+    it("should display no preview image in its default state", () => {
+        const wrapper = mount(React.createElement(SmallEmptyField, Object.assign({}, SmallEmptyField.args)));
+        expect(wrapper.exists("img")).to.be.false;
+        expect(wrapper.exists(".empty-preview")).to.be.true;
+    });
+    it("should display a preview image when a path is provided", () => {
+        const wrapper = mount(React.createElement(SmallPreFilledField, Object.assign({}, SmallPreFilledField.args)));
+        expect(wrapper.exists("img")).to.be.true;
+        expect(wrapper.exists(".empty-preview")).to.be.false;
+    });
+    it("should display with a small preview container", () => {
+        const wrapper = mount(React.createElement(SmallEmptyField, Object.assign({}, SmallEmptyField.args)));
+        expect(wrapper.find(".image-preview-container").hasClass("image-preview-size-small")).to.be.true;
+    });
+    it("should display with a large preview container", () => {
+        const wrapper = mount(React.createElement(LargeEmptyField, Object.assign({}, LargeEmptyField.args)));
+        expect(wrapper.find(".image-preview-container").hasClass("image-preview-size-large")).to.be.true;
+    });
+    it("should display a preview image when given a partial path", () => {
+        const wrapper = mount(React.createElement(SmallPreFilledField, Object.assign({}, SmallPreFilledField.args)));
+        expect(wrapper.find("img").prop("src")).to.have.string("https://cosaic.io/wp-content/uploads/2020/07//cosiac-blog.png");
+    });
+    it("should display a preview image when given a full path", () => {
+        const wrapper = mount(React.createElement(SmallPreFilledFieldFullURL, Object.assign({}, SmallPreFilledFieldFullURL.args)));
+        expect(wrapper.find("img").prop("src")).to.have.string("https://cosaic.io/wp-content/uploads/2020/07//cosiac-blog.png");
+    });
+    it("globally increment the cache index for every valid image", () => {
+        const wrapper1 = mount(React.createElement(LargePreFilledField, Object.assign({}, LargePreFilledField.args)));
+        const wrapper2 = mount(React.createElement(LargePreFilledField, Object.assign({}, LargePreFilledField.args)));
+        const imgSrc1 = wrapper1.find("img").prop("src");
+        const imgSrc2 = wrapper2.find("img").prop("src");
+        if (!imgSrc1 || !imgSrc2) {
+            throw new Error("Image source not found!");
+        }
+        const cacheIndex1 = parseInt(imgSrc1.split("?")[1]);
+        const cacheIndex2 = parseInt(imgSrc2.split("?")[1]);
+        expect(cacheIndex2).to.equal(cacheIndex1 + 1);
+    });
+});
+//# sourceMappingURL=ImagePreview.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImagePreview.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/ImagePreview.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { mount } from \"enzyme\";\nimport { describe, it } from \"mocha\";\nimport { expect } from \"chai\";\nimport {\n\tSmallEmptyField,\n\tSmallPreFilledField,\n\tSmallPreFilledFieldFullURL,\n\tLargeEmptyField,\n\tLargePreFilledField,\n} from \"../stories/ImagePreview.stories\";\nimport { ImagePreviewProps } from \"../ImagePreview\";\n\ndescribe(\"<ImagePreview/>\", () => {\n\tit(\"should display no preview image in its default state\", () => {\n\t\tconst wrapper = mount(<SmallEmptyField {...(SmallEmptyField.args as ImagePreviewProps)} />);\n\t\texpect(wrapper.exists(\"img\")).to.be.false;\n\t\texpect(wrapper.exists(\".empty-preview\")).to.be.true;\n\t});\n\n\tit(\"should display a preview image when a path is provided\", () => {\n\t\tconst wrapper = mount(<SmallPreFilledField {...(SmallPreFilledField.args as ImagePreviewProps)} />);\n\t\texpect(wrapper.exists(\"img\")).to.be.true;\n\t\texpect(wrapper.exists(\".empty-preview\")).to.be.false;\n\t});\n\n\tit(\"should display with a small preview container\", () => {\n\t\tconst wrapper = mount(<SmallEmptyField {...(SmallEmptyField.args as ImagePreviewProps)} />);\n\t\texpect(wrapper.find(\".image-preview-container\").hasClass(\"image-preview-size-small\")).to.be.true;\n\t});\n\n\tit(\"should display with a large preview container\", () => {\n\t\tconst wrapper = mount(<LargeEmptyField {...(LargeEmptyField.args as ImagePreviewProps)} />);\n\t\texpect(wrapper.find(\".image-preview-container\").hasClass(\"image-preview-size-large\")).to.be.true;\n\t});\n\n\tit(\"should display a preview image when given a partial path\", () => {\n\t\tconst wrapper = mount(<SmallPreFilledField {...(SmallPreFilledField.args as ImagePreviewProps)} />);\n\t\texpect(wrapper.find(\"img\").prop(\"src\")).to.have.string(\n\t\t\t\"https://cosaic.io/wp-content/uploads/2020/07//cosiac-blog.png\"\n\t\t);\n\t});\n\n\tit(\"should display a preview image when given a full path\", () => {\n\t\tconst wrapper = mount(<SmallPreFilledFieldFullURL {...(SmallPreFilledFieldFullURL.args as ImagePreviewProps)} />);\n\t\texpect(wrapper.find(\"img\").prop(\"src\")).to.have.string(\n\t\t\t\"https://cosaic.io/wp-content/uploads/2020/07//cosiac-blog.png\"\n\t\t);\n\t});\n\n\tit(\"globally increment the cache index for every valid image\", () => {\n\t\tconst wrapper1 = mount(<LargePreFilledField {...(LargePreFilledField.args as ImagePreviewProps)} />);\n\t\tconst wrapper2 = mount(<LargePreFilledField {...(LargePreFilledField.args as ImagePreviewProps)} />);\n\n\t\tconst imgSrc1 = wrapper1.find(\"img\").prop(\"src\");\n\t\tconst imgSrc2 = wrapper2.find(\"img\").prop(\"src\");\n\n\t\tif (!imgSrc1 || !imgSrc2) {\n\t\t\tthrow new Error(\"Image source not found!\");\n\t\t}\n\n\t\tconst cacheIndex1 = parseInt(imgSrc1.split(\"?\")[1]);\n\t\tconst cacheIndex2 = parseInt(imgSrc2.split(\"?\")[1]);\n\n\t\texpect(cacheIndex2).to.equal(cacheIndex1 + 1);\n\t});\n});\n"]}

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

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

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

@@ -0,0 +1,166 @@
+import * as React from "react";
+import { mount } from "enzyme";
+import { describe, it } from "mocha";
+import { expect } from "chai";
+import sinon from "sinon";
+import { Basic, StartingData } from "../stories/InputTable.stories";
+describe("<InputTable/>", () => {
+    afterEach(() => {
+        sinon.restore();
+    });
+    it("string table headers display correctly", () => {
+        const wrapper = mount(React.createElement(StartingData, Object.assign({}, StartingData.args)));
+        expect(wrapper.find("th").at(0).text(), "First header").to.equal("Letter");
+        expect(wrapper.find("th").at(1).text(), "Second header").to.equal("Number");
+    });
+    it("JSX table headers display correctly", () => {
+        const wrapper = mount(React.createElement(Basic, Object.assign({}, Basic.args)));
+        expect(wrapper.find("th").at(0).text()).to.include("Contexts");
+        expect(wrapper.find("th .tooltip-content").exists()).to.be.true;
+    });
+    it("providing 2 column headers creates a table with 2 columns of input fields", () => {
+        const wrapper = mount(React.createElement(StartingData, Object.assign({}, StartingData.args)));
+        expect(wrapper.find("tr").at(1).find("td input").length).to.equal(2);
+    });
+    it("providing 3 column headers creates a table with 3 columns", () => {
+        const wrapper = mount(React.createElement(Basic, Object.assign({}, Basic.args)));
+        expect(wrapper.find("tr").at(1).find("td").length).to.equal(3);
+    });
+    it("when a component has startingData, that data is displayed, plus an extra row", () => {
+        const wrapper = mount(React.createElement(StartingData, Object.assign({}, StartingData.args)));
+        expect(wrapper.find("tr").length).to.equal(4);
+        expect(wrapper.find("tr").at(1).find("td input").at(0).props().value).to.equal("A");
+        expect(wrapper.find("tr").at(1).find("td input").at(1).props().value).to.equal("1");
+        expect(wrapper.find("tr").at(2).find("td input").at(0).props().value).to.equal("B");
+        expect(wrapper.find("tr").at(2).find("td input").at(1).props().value).to.equal("2");
+        expect(wrapper.find("tr").at(3).find("td input").at(0).props().value).to.equal("");
+        expect(wrapper.find("tr").at(3).find("td input").at(1).props().value).to.equal("");
+    });
+    it("when a component has no startingData, the table shows only 1 empty row", () => {
+        const wrapper = mount(React.createElement(Basic, Object.assign({}, Basic.args)));
+        expect(wrapper.find("tr").length).to.equal(2);
+        expect(wrapper.find("tr").at(1).find("td input").at(0).props().value).to.equal("");
+        expect(wrapper.find("tr").at(1).find("td input").at(1).props().value).to.equal("");
+    });
+    it("show no X on the last row of a single-row table", () => {
+        const wrapper = mount(React.createElement(Basic, Object.assign({}, Basic.args)));
+        expect(wrapper.find("tr").length).to.equal(2);
+        expect(wrapper.find("tr").at(1).find("td button").exists()).to.be.false;
+    });
+    it("show X's on all but the last row of a multi-row table", () => {
+        const wrapper = mount(React.createElement(StartingData, Object.assign({}, StartingData.args)));
+        expect(wrapper.find("tr").length).to.equal(4);
+        expect(wrapper.find("tr").at(1).find("td button").exists()).to.be.true;
+        expect(wrapper.find("tr").at(2).find("td button").exists()).to.be.true;
+        expect(wrapper.find("tr").at(3).find("td button").exists()).to.be.false;
+    });
+    it("Typing in the last row causes a new row to be created", () => {
+        const wrapper = mount(React.createElement(StartingData, Object.assign({}, StartingData.args)));
+        expect(wrapper.find("tr").length).to.equal(4);
+        expect(wrapper.find("input").length).to.equal(6);
+        wrapper
+            .find("tr")
+            .at(3)
+            .find("input")
+            .at(0)
+            .simulate("change", {
+            target: {
+                value: "New text",
+            },
+        });
+        expect(wrapper.find("tr").length).to.equal(5);
+        expect(wrapper.find("input").length).to.equal(8);
+    });
+    it("Clicking X on the first row deletes it", () => {
+        const wrapper = mount(React.createElement(StartingData, Object.assign({}, StartingData.args)));
+        expect(wrapper.find("tr").length).to.equal(4);
+        expect(wrapper.find("input").at(0).props().value).to.equal("A");
+        expect(wrapper.find("input").at(2).props().value).to.equal("B");
+        wrapper.find("button").at(0).simulate("click");
+        expect(wrapper.find("tr").length).to.equal(3);
+        expect(wrapper.find("input").at(0).props().value).to.equal("B");
+        expect(wrapper.find("input").at(2).props().value).to.equal("");
+    });
+    it("Clicking X on a middle row deletes it", () => {
+        const wrapper = mount(React.createElement(StartingData, Object.assign({}, StartingData.args)));
+        expect(wrapper.find("tr").length).to.equal(4);
+        expect(wrapper.find("input").at(0).props().value).to.equal("A");
+        expect(wrapper.find("input").at(2).props().value).to.equal("B");
+        expect(wrapper.find("input").at(4).props().value).to.equal("");
+        wrapper.find("button").at(1).simulate("click");
+        expect(wrapper.find("tr").length).to.equal(3);
+        expect(wrapper.find("input").at(0).props().value).to.equal("A");
+        expect(wrapper.find("input").at(2).props().value).to.equal("");
+    });
+    it("onUpdate is called after an input causes a new row to be added", () => {
+        const buttonSpy = sinon.spy(StartingData.args, "setData");
+        const wrapper = mount(React.createElement(StartingData, Object.assign({}, StartingData.args)));
+        expect(buttonSpy.getCall(0).args[0]).to.deep.equal([
+            ["A", "1"],
+            ["B", "2"],
+            ["", ""],
+        ]);
+        expect(buttonSpy.getCall(1)).to.be.null;
+        wrapper
+            .find("input")
+            .at(4)
+            .simulate("change", {
+            target: {
+                value: "New text",
+            },
+        });
+        expect(buttonSpy.getCall(1).args[0]).to.deep.equal([
+            ["A", "1"],
+            ["B", "2"],
+            ["New text", ""],
+        ]);
+        expect(buttonSpy.getCall(2).args[0]).to.deep.equal([
+            ["A", "1"],
+            ["B", "2"],
+            ["New text", ""],
+            ["", ""],
+        ]);
+        expect(buttonSpy.getCall(3)).to.be.null;
+    });
+    it("onUpdate is called after an input is edited", () => {
+        const buttonSpy = sinon.spy(StartingData.args, "setData");
+        const wrapper = mount(React.createElement(StartingData, Object.assign({}, StartingData.args)));
+        expect(buttonSpy.getCall(0).args[0]).to.deep.equal([
+            ["A", "1"],
+            ["B", "2"],
+            ["", ""],
+        ]);
+        expect(buttonSpy.getCall(1)).to.be.null;
+        wrapper
+            .find("input")
+            .at(0)
+            .simulate("change", {
+            target: {
+                value: "New text",
+            },
+        });
+        expect(buttonSpy.getCall(1).args[0]).to.deep.equal([
+            ["New text", "1"],
+            ["B", "2"],
+            ["", ""],
+        ]);
+        expect(buttonSpy.getCall(2)).to.be.null;
+    });
+    it("onUpdate is called after a row is deleted", () => {
+        const buttonSpy = sinon.spy(StartingData.args, "setData");
+        const wrapper = mount(React.createElement(StartingData, Object.assign({}, StartingData.args)));
+        expect(buttonSpy.getCall(0).args[0]).to.deep.equal([
+            ["A", "1"],
+            ["B", "2"],
+            ["", ""],
+        ]);
+        expect(buttonSpy.getCall(1)).to.be.null;
+        wrapper.find("button").at(1).simulate("click");
+        expect(buttonSpy.getCall(1).args[0]).to.deep.equal([
+            ["A", "1"],
+            ["", ""],
+        ]);
+        expect(buttonSpy.getCall(2)).to.be.null;
+    });
+});
+//# sourceMappingURL=InputTable.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputTable.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/InputTable.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { mount } from \"enzyme\";\nimport { describe, it } from \"mocha\";\nimport { expect } from \"chai\";\nimport sinon from \"sinon\";\nimport { Basic, StartingData } from \"../stories/InputTable.stories\";\nimport { InputTableProps } from \"../InputTable\";\n\ndescribe(\"<InputTable/>\", () => {\n\tafterEach(() => {\n\t\tsinon.restore();\n\t});\n\n\tit(\"string table headers display correctly\", () => {\n\t\tconst wrapper = mount(<StartingData {...(StartingData.args as InputTableProps)} />);\n\t\texpect(wrapper.find(\"th\").at(0).text(), \"First header\").to.equal(\"Letter\");\n\t\texpect(wrapper.find(\"th\").at(1).text(), \"Second header\").to.equal(\"Number\");\n\t});\n\tit(\"JSX table headers display correctly\", () => {\n\t\tconst wrapper = mount(<Basic {...(Basic.args as InputTableProps)} />);\n\t\texpect(wrapper.find(\"th\").at(0).text()).to.include(\"Contexts\");\n\t\texpect(wrapper.find(\"th .tooltip-content\").exists()).to.be.true;\n\t});\n\tit(\"providing 2 column headers creates a table with 2 columns of input fields\", () => {\n\t\tconst wrapper = mount(<StartingData {...(StartingData.args as InputTableProps)} />);\n\t\texpect(wrapper.find(\"tr\").at(1).find(\"td input\").length).to.equal(2);\n\t});\n\tit(\"providing 3 column headers creates a table with 3 columns\", () => {\n\t\tconst wrapper = mount(<Basic {...(Basic.args as InputTableProps)} />);\n\t\texpect(wrapper.find(\"tr\").at(1).find(\"td\").length).to.equal(3);\n\t});\n\tit(\"when a component has startingData, that data is displayed, plus an extra row\", () => {\n\t\tconst wrapper = mount(<StartingData {...(StartingData.args as InputTableProps)} />);\n\t\texpect(wrapper.find(\"tr\").length).to.equal(4);\n\t\texpect(wrapper.find(\"tr\").at(1).find(\"td input\").at(0).props().value).to.equal(\"A\");\n\t\texpect(wrapper.find(\"tr\").at(1).find(\"td input\").at(1).props().value).to.equal(\"1\");\n\t\texpect(wrapper.find(\"tr\").at(2).find(\"td input\").at(0).props().value).to.equal(\"B\");\n\t\texpect(wrapper.find(\"tr\").at(2).find(\"td input\").at(1).props().value).to.equal(\"2\");\n\t\texpect(wrapper.find(\"tr\").at(3).find(\"td input\").at(0).props().value).to.equal(\"\");\n\t\texpect(wrapper.find(\"tr\").at(3).find(\"td input\").at(1).props().value).to.equal(\"\");\n\t});\n\tit(\"when a component has no startingData, the table shows only 1 empty row\", () => {\n\t\tconst wrapper = mount(<Basic {...(Basic.args as InputTableProps)} />);\n\t\texpect(wrapper.find(\"tr\").length).to.equal(2);\n\t\texpect(wrapper.find(\"tr\").at(1).find(\"td input\").at(0).props().value).to.equal(\"\");\n\t\texpect(wrapper.find(\"tr\").at(1).find(\"td input\").at(1).props().value).to.equal(\"\");\n\t});\n\tit(\"show no X on the last row of a single-row table\", () => {\n\t\tconst wrapper = mount(<Basic {...(Basic.args as InputTableProps)} />);\n\t\texpect(wrapper.find(\"tr\").length).to.equal(2);\n\t\texpect(wrapper.find(\"tr\").at(1).find(\"td button\").exists()).to.be.false;\n\t});\n\tit(\"show X's on all but the last row of a multi-row table\", () => {\n\t\tconst wrapper = mount(<StartingData {...(StartingData.args as InputTableProps)} />);\n\t\texpect(wrapper.find(\"tr\").length).to.equal(4);\n\t\texpect(wrapper.find(\"tr\").at(1).find(\"td button\").exists()).to.be.true;\n\t\texpect(wrapper.find(\"tr\").at(2).find(\"td button\").exists()).to.be.true;\n\t\texpect(wrapper.find(\"tr\").at(3).find(\"td button\").exists()).to.be.false;\n\t});\n\tit(\"Typing in the last row causes a new row to be created\", () => {\n\t\tconst wrapper = mount(<StartingData {...(StartingData.args as InputTableProps)} />);\n\t\texpect(wrapper.find(\"tr\").length).to.equal(4);\n\t\texpect(wrapper.find(\"input\").length).to.equal(6);\n\t\twrapper\n\t\t\t.find(\"tr\")\n\t\t\t.at(3)\n\t\t\t.find(\"input\")\n\t\t\t.at(0)\n\t\t\t.simulate(\"change\", {\n\t\t\t\ttarget: {\n\t\t\t\t\tvalue: \"New text\",\n\t\t\t\t},\n\t\t\t});\n\t\texpect(wrapper.find(\"tr\").length).to.equal(5);\n\t\texpect(wrapper.find(\"input\").length).to.equal(8);\n\t});\n\tit(\"Clicking X on the first row deletes it\", () => {\n\t\tconst wrapper = mount(<StartingData {...(StartingData.args as InputTableProps)} />);\n\t\texpect(wrapper.find(\"tr\").length).to.equal(4);\n\t\texpect(wrapper.find(\"input\").at(0).props().value).to.equal(\"A\");\n\t\texpect(wrapper.find(\"input\").at(2).props().value).to.equal(\"B\");\n\n\t\twrapper.find(\"button\").at(0).simulate(\"click\");\n\t\texpect(wrapper.find(\"tr\").length).to.equal(3);\n\t\texpect(wrapper.find(\"input\").at(0).props().value).to.equal(\"B\");\n\t\texpect(wrapper.find(\"input\").at(2).props().value).to.equal(\"\");\n\t});\n\tit(\"Clicking X on a middle row deletes it\", () => {\n\t\tconst wrapper = mount(<StartingData {...(StartingData.args as InputTableProps)} />);\n\t\texpect(wrapper.find(\"tr\").length).to.equal(4);\n\t\texpect(wrapper.find(\"input\").at(0).props().value).to.equal(\"A\");\n\t\texpect(wrapper.find(\"input\").at(2).props().value).to.equal(\"B\");\n\t\texpect(wrapper.find(\"input\").at(4).props().value).to.equal(\"\");\n\n\t\twrapper.find(\"button\").at(1).simulate(\"click\");\n\t\texpect(wrapper.find(\"tr\").length).to.equal(3);\n\t\texpect(wrapper.find(\"input\").at(0).props().value).to.equal(\"A\");\n\t\texpect(wrapper.find(\"input\").at(2).props().value).to.equal(\"\");\n\t});\n\tit(\"onUpdate is called after an input causes a new row to be added\", () => {\n\t\tconst buttonSpy = sinon.spy(StartingData.args as InputTableProps, \"setData\");\n\t\tconst wrapper = mount(<StartingData {...(StartingData.args as InputTableProps)} />);\n\n\t\texpect(buttonSpy.getCall(0).args[0]).to.deep.equal([\n\t\t\t[\"A\", \"1\"],\n\t\t\t[\"B\", \"2\"],\n\t\t\t[\"\", \"\"],\n\t\t]);\n\t\texpect(buttonSpy.getCall(1)).to.be.null;\n\n\t\twrapper\n\t\t\t.find(\"input\")\n\t\t\t.at(4)\n\t\t\t.simulate(\"change\", {\n\t\t\t\ttarget: {\n\t\t\t\t\tvalue: \"New text\",\n\t\t\t\t},\n\t\t\t});\n\n\t\texpect(buttonSpy.getCall(1).args[0]).to.deep.equal([\n\t\t\t[\"A\", \"1\"],\n\t\t\t[\"B\", \"2\"],\n\t\t\t[\"New text\", \"\"],\n\t\t]);\n\n\t\texpect(buttonSpy.getCall(2).args[0]).to.deep.equal([\n\t\t\t[\"A\", \"1\"],\n\t\t\t[\"B\", \"2\"],\n\t\t\t[\"New text\", \"\"],\n\t\t\t[\"\", \"\"],\n\t\t]);\n\t\texpect(buttonSpy.getCall(3)).to.be.null;\n\t});\n\tit(\"onUpdate is called after an input is edited\", () => {\n\t\tconst buttonSpy = sinon.spy(StartingData.args as InputTableProps, \"setData\");\n\t\tconst wrapper = mount(<StartingData {...(StartingData.args as InputTableProps)} />);\n\n\t\texpect(buttonSpy.getCall(0).args[0]).to.deep.equal([\n\t\t\t[\"A\", \"1\"],\n\t\t\t[\"B\", \"2\"],\n\t\t\t[\"\", \"\"],\n\t\t]);\n\t\texpect(buttonSpy.getCall(1)).to.be.null;\n\n\t\twrapper\n\t\t\t.find(\"input\")\n\t\t\t.at(0)\n\t\t\t.simulate(\"change\", {\n\t\t\t\ttarget: {\n\t\t\t\t\tvalue: \"New text\",\n\t\t\t\t},\n\t\t\t});\n\n\t\texpect(buttonSpy.getCall(1).args[0]).to.deep.equal([\n\t\t\t[\"New text\", \"1\"],\n\t\t\t[\"B\", \"2\"],\n\t\t\t[\"\", \"\"],\n\t\t]);\n\t\texpect(buttonSpy.getCall(2)).to.be.null;\n\t});\n\tit(\"onUpdate is called after a row is deleted\", () => {\n\t\tconst buttonSpy = sinon.spy(StartingData.args as InputTableProps, \"setData\");\n\t\tconst wrapper = mount(<StartingData {...(StartingData.args as InputTableProps)} />);\n\n\t\texpect(buttonSpy.getCall(0).args[0]).to.deep.equal([\n\t\t\t[\"A\", \"1\"],\n\t\t\t[\"B\", \"2\"],\n\t\t\t[\"\", \"\"],\n\t\t]);\n\t\texpect(buttonSpy.getCall(1)).to.be.null;\n\n\t\twrapper.find(\"button\").at(1).simulate(\"click\");\n\n\t\texpect(buttonSpy.getCall(1).args[0]).to.deep.equal([\n\t\t\t[\"A\", \"1\"],\n\t\t\t[\"\", \"\"],\n\t\t]);\n\t\texpect(buttonSpy.getCall(2)).to.be.null;\n\t});\n});\n"]}

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

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

package/react/components/common/tests/Tab.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 { Plain, AutoFocus } from "../stories/Tab.stories";
+describe("<Tab/>", () => {
+    it("should change tab panels with the tab 'Number' is chosen", () => {
+        const wrapper = mount(React.createElement(Plain, Object.assign({}, Plain.args)));
+        wrapper.find("[role='tab']").at(1).simulate("click");
+        expect(wrapper.find(".visible div[data-label='Number']").exists()).to.be.true;
+        expect(wrapper.find(".visible div[data-label='Letter']").exists()).to.be.false;
+    });
+    it("should change tab panels with the tab 'Letter' is chosen", () => {
+        const wrapper = mount(React.createElement(Plain, Object.assign({}, Plain.args)));
+        wrapper.find("[role='tab']").at(0).simulate("click");
+        expect(wrapper.find(".visible div[data-label='Number']").exists()).to.be.false;
+        expect(wrapper.find(".visible div[data-label='Letter']").exists()).to.be.true;
+    });
+    it("should display autofocused tab panels when autofocus is provided", () => {
+        const wrapper = mount(React.createElement(AutoFocus, Object.assign({}, AutoFocus.args)));
+        expect(wrapper.find(".visible div[data-label='Number']").exists()).to.be.true;
+        expect(wrapper.find(".visible div[data-label='Letter']").exists()).to.be.false;
+    });
+});
+//# sourceMappingURL=Tab.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/Tab.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,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAG1D,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACvB,EAAE,CAAC,0DAA0D,EAAE,GAAG,EAAE;QACnE,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,KAAK,oBAAM,KAAK,CAAC,IAAiB,EAAI,CAAC,CAAC;QAC/D,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACrD,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,mCAAmC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QAC9E,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,mCAAmC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IAChF,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,0DAA0D,EAAE,GAAG,EAAE;QACnE,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,KAAK,oBAAM,KAAK,CAAC,IAAiB,EAAI,CAAC,CAAC;QAC/D,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACrD,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,mCAAmC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;QAC/E,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,mCAAmC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IAC/E,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,kEAAkE,EAAE,GAAG,EAAE;QAC3E,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,SAAS,oBAAM,SAAS,CAAC,IAAiB,EAAI,CAAC,CAAC;QACvE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,mCAAmC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QAC9E,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,mCAAmC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IAChF,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\nimport { mount } from \"enzyme\";\nimport { describe, it } from \"mocha\";\nimport { expect } from \"chai\";\nimport { Plain, AutoFocus } from \"../stories/Tab.stories\";\nimport { TabProps } from \"../Tab\";\n\ndescribe(\"<Tab/>\", () => {\n\tit(\"should change tab panels with the tab 'Number' is chosen\", () => {\n\t\tconst wrapper = mount(<Plain {...(Plain.args as TabProps)} />);\n\t\twrapper.find(\"[role='tab']\").at(1).simulate(\"click\");\n\t\texpect(wrapper.find(\".visible div[data-label='Number']\").exists()).to.be.true;\n\t\texpect(wrapper.find(\".visible div[data-label='Letter']\").exists()).to.be.false;\n\t});\n\tit(\"should change tab panels with the tab 'Letter' is chosen\", () => {\n\t\tconst wrapper = mount(<Plain {...(Plain.args as TabProps)} />);\n\t\twrapper.find(\"[role='tab']\").at(0).simulate(\"click\");\n\t\texpect(wrapper.find(\".visible div[data-label='Number']\").exists()).to.be.false;\n\t\texpect(wrapper.find(\".visible div[data-label='Letter']\").exists()).to.be.true;\n\t});\n\tit(\"should display autofocused tab panels when autofocus is provided\", () => {\n\t\tconst wrapper = mount(<AutoFocus {...(AutoFocus.args as TabProps)} />);\n\t\texpect(wrapper.find(\".visible div[data-label='Number']\").exists()).to.be.true;\n\t\texpect(wrapper.find(\".visible div[data-label='Letter']\").exists()).to.be.false;\n\t});\n});\n"]}

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

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

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

@@ -0,0 +1,75 @@
+import * as React from "react";
+import { mount } from "enzyme";
+import { describe, it, afterEach } from "mocha";
+import { expect } from "chai";
+import DefaultDropdownButton from "../../shared/DefaultDropdownButton";
+import { Default, Disabled } from "../stories/TimeSelect.stories";
+// For running accessibility scans
+import { accessibilityAssessor } from "../../sdd/tests/a11y_helper";
+// For testing user interactions (like click events):
+import sinon from "sinon";
+// Necessary to allow sinon to work with mocked actions (which are shown in the Actions panel in Storybook)
+import addons, { mockChannel } from "@storybook/addons";
+addons.setChannel(mockChannel());
+describe("<TimeSelect/>", () => {
+    // Used to clear after each interactive test using sinon
+    afterEach(() => {
+        sinon.restore();
+    });
+    it("Should set the time from a prop", async () => {
+        const wrapper = mount(React.createElement(Default, Object.assign({}, Default.args)));
+        const labels = wrapper.find(".finsemble-dropdown__btn-label");
+        expect(labels.at(0).text(), "Correct hour value").to.equal("10");
+        expect(labels.at(1).text(), "Correct min value").to.equal("15");
+        expect(labels.at(2).text(), "Correct PM value").to.equal("PM");
+    });
+    it("Should set the time from a prop", async () => {
+        const wrapper = mount(React.createElement(Default, { initialTime: { hour: 3, minute: 30 } }));
+        const labels = wrapper.find(".finsemble-dropdown__btn-label");
+        expect(labels.at(0).text(), "Correct hour value").to.equal("3");
+        expect(labels.at(1).text(), "Correct min value").to.equal("30");
+        expect(labels.at(2).text(), "Correct PM value").to.equal("AM");
+    });
+    it("Should de disabled", () => {
+        const wrapper = mount(React.createElement(Disabled, Object.assign({}, Disabled.args)));
+        expect(wrapper.find(DefaultDropdownButton).at(0).props().enabled).to.be.false;
+        expect(wrapper.find(DefaultDropdownButton).at(1).props().enabled).to.be.false;
+        expect(wrapper.find(DefaultDropdownButton).at(2).props().enabled).to.be.false;
+    });
+    it("Should use a className", () => {
+        const wrapper = mount(React.createElement(Default, { className: "custom-class-name" }));
+        expect(wrapper.find(".custom-class-name").exists(), "Has the custom class name").to.be.true;
+    });
+    it("Should set the correct hour", () => {
+        var _a;
+        const change = sinon.spy();
+        const wrapper = mount(React.createElement(Default, { onChange: change, initialTime: (_a = Default.args) === null || _a === void 0 ? void 0 : _a.initialTime }));
+        wrapper.find(".finsemble-dropdown__btn").at(0).simulate("click");
+        wrapper.find(".finsemble-dropdown__btn-option").at(8).simulate("click");
+        expect(change.calledWith({ hour: 21, minute: 15, meridiem: "PM" }), "Has changed, function should be called").to.be
+            .true;
+    });
+    it("Should set the correct minute", () => {
+        var _a;
+        const change = sinon.spy();
+        const wrapper = mount(React.createElement(Default, { onChange: change, initialTime: (_a = Default.args) === null || _a === void 0 ? void 0 : _a.initialTime }));
+        wrapper.find(".finsemble-dropdown__btn").at(1).simulate("click");
+        wrapper.find(".finsemble-dropdown__btn-option").at(0).simulate("click");
+        expect(change.calledWith({ hour: 22, minute: 0, meridiem: "PM" }), "Has changed, function should be called").to.be
+            .true;
+    });
+    it("Should set the correct hour from meridiem", () => {
+        var _a;
+        const change = sinon.spy();
+        const wrapper = mount(React.createElement(Default, { onChange: change, initialTime: (_a = Default.args) === null || _a === void 0 ? void 0 : _a.initialTime }));
+        wrapper.find(".finsemble-dropdown__btn").at(2).simulate("click");
+        wrapper.find(".finsemble-dropdown__btn-option").at(0).simulate("click");
+        expect(change.calledWith({ hour: 10, minute: 15, meridiem: "AM" }), "Has changed, function should be called").to.be
+            .true;
+    });
+    it("should pass accessibility scans", async () => {
+        const wrapper = mount(React.createElement(Default, Object.assign({}, Default.args)));
+        expect(await accessibilityAssessor(wrapper)).to.be.true;
+    });
+});
+//# sourceMappingURL=TimeSelect.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimeSelect.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/TimeSelect.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { mount } from \"enzyme\";\nimport { describe, it, afterEach } from \"mocha\";\nimport { expect } from \"chai\";\nimport { TimeSelectProps } from \"../TimeSelect\";\nimport DefaultDropdownButton from \"../../shared/DefaultDropdownButton\";\nimport { Default, Disabled } from \"../stories/TimeSelect.stories\";\n\n// For running accessibility scans\nimport { accessibilityAssessor } from \"../../sdd/tests/a11y_helper\";\n\n// For testing user interactions (like click events):\nimport sinon from \"sinon\";\n// Necessary to allow sinon to work with mocked actions (which are shown in the Actions panel in Storybook)\nimport addons, { mockChannel } from \"@storybook/addons\";\naddons.setChannel(mockChannel());\n\ndescribe(\"<TimeSelect/>\", () => {\n\t// Used to clear after each interactive test using sinon\n\tafterEach(() => {\n\t\tsinon.restore();\n\t});\n\n\tit(\"Should set the time from a prop\", async () => {\n\t\tconst wrapper = mount(<Default {...(Default.args as TimeSelectProps)} />);\n\n\t\tconst labels = wrapper.find(\".finsemble-dropdown__btn-label\");\n\n\t\texpect(labels.at(0).text(), \"Correct hour value\").to.equal(\"10\");\n\t\texpect(labels.at(1).text(), \"Correct min value\").to.equal(\"15\");\n\t\texpect(labels.at(2).text(), \"Correct PM value\").to.equal(\"PM\");\n\t});\n\n\tit(\"Should set the time from a prop\", async () => {\n\t\tconst wrapper = mount(<Default initialTime={{ hour: 3, minute: 30 }} />);\n\n\t\tconst labels = wrapper.find(\".finsemble-dropdown__btn-label\");\n\n\t\texpect(labels.at(0).text(), \"Correct hour value\").to.equal(\"3\");\n\t\texpect(labels.at(1).text(), \"Correct min value\").to.equal(\"30\");\n\t\texpect(labels.at(2).text(), \"Correct PM value\").to.equal(\"AM\");\n\t});\n\n\tit(\"Should de disabled\", () => {\n\t\tconst wrapper = mount(<Disabled {...(Disabled.args as TimeSelectProps)} />);\n\t\texpect(wrapper.find(DefaultDropdownButton).at(0).props().enabled).to.be.false;\n\t\texpect(wrapper.find(DefaultDropdownButton).at(1).props().enabled).to.be.false;\n\t\texpect(wrapper.find(DefaultDropdownButton).at(2).props().enabled).to.be.false;\n\t});\n\n\tit(\"Should use a className\", () => {\n\t\tconst wrapper = mount(<Default className=\"custom-class-name\" />);\n\t\texpect(wrapper.find(\".custom-class-name\").exists(), \"Has the custom class name\").to.be.true;\n\t});\n\n\tit(\"Should set the correct hour\", () => {\n\t\tconst change = sinon.spy();\n\t\tconst wrapper = mount(<Default onChange={change} initialTime={Default.args?.initialTime} />);\n\t\twrapper.find(\".finsemble-dropdown__btn\").at(0).simulate(\"click\");\n\t\twrapper.find(\".finsemble-dropdown__btn-option\").at(8).simulate(\"click\");\n\t\texpect(change.calledWith({ hour: 21, minute: 15, meridiem: \"PM\" }), \"Has changed, function should be called\").to.be\n\t\t\t.true;\n\t});\n\n\tit(\"Should set the correct minute\", () => {\n\t\tconst change = sinon.spy();\n\t\tconst wrapper = mount(<Default onChange={change} initialTime={Default.args?.initialTime} />);\n\t\twrapper.find(\".finsemble-dropdown__btn\").at(1).simulate(\"click\");\n\t\twrapper.find(\".finsemble-dropdown__btn-option\").at(0).simulate(\"click\");\n\t\texpect(change.calledWith({ hour: 22, minute: 0, meridiem: \"PM\" }), \"Has changed, function should be called\").to.be\n\t\t\t.true;\n\t});\n\n\tit(\"Should set the correct hour from meridiem\", () => {\n\t\tconst change = sinon.spy();\n\t\tconst wrapper = mount(<Default onChange={change} initialTime={Default.args?.initialTime} />);\n\t\twrapper.find(\".finsemble-dropdown__btn\").at(2).simulate(\"click\");\n\t\twrapper.find(\".finsemble-dropdown__btn-option\").at(0).simulate(\"click\");\n\t\texpect(change.calledWith({ hour: 10, minute: 15, meridiem: \"AM\" }), \"Has changed, function should be called\").to.be\n\t\t\t.true;\n\t});\n\n\tit(\"should pass accessibility scans\", async () => {\n\t\tconst wrapper = mount(<Default {...(Default.args as TimeSelectProps)} />);\n\t\texpect(await accessibilityAssessor(wrapper)).to.be.true;\n\t});\n});\n"]}

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

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

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

@@ -0,0 +1,50 @@
+import * as React from "react";
+import { mount } from "enzyme";
+import { describe, it } from "mocha";
+import { expect } from "chai";
+import { Plain, Info, Error } from "../stories/Tooltip.stories";
+describe("<Tooltip/>", () => {
+    it("should display a help icon", () => {
+        const wrapper = mount(React.createElement(Plain, Object.assign({}, Plain.args)));
+        expect(wrapper.exists(".tooltip-icon")).to.be.true;
+    });
+    it("should display/hide sample text in a popup when moused over/off", () => {
+        const wrapper = mount(React.createElement(Plain, Object.assign({}, Plain.args)));
+        wrapper.find(".tooltip").first().simulate("mouseover");
+        expect(wrapper.find(".tooltip-content").is(".visible")).to.be.true;
+        wrapper.find(".tooltip").first().simulate("mouseleave");
+        expect(wrapper.find(".tooltip-content").is(".visible")).to.be.false;
+    });
+    it("should display/hide sample text in a popup when focused/blurred", () => {
+        const wrapper = mount(React.createElement(Plain, Object.assign({}, Plain.args)));
+        wrapper.find(".tooltip").first().simulate("focus");
+        expect(wrapper.find(".tooltip-content").is(".visible")).to.be.true;
+        wrapper.find(".tooltip").first().simulate("blur");
+        expect(wrapper.find(".tooltip-content").is(".visible")).to.be.false;
+    });
+    it("should display an error icon when type is error", () => {
+        const wrapper = mount(React.createElement(Error, Object.assign({}, Error.args)));
+        expect(wrapper.find(".tooltip-icon").is(".tooltip-icon-error")).to.be.true;
+    });
+    it("should display an info icon when type is info", () => {
+        const wrapper = mount(React.createElement(Info, Object.assign({}, Info.args)));
+        expect(wrapper.find(".tooltip-icon").is(".tooltip-icon-info")).to.be.true;
+    });
+    // CANNOT DETECT *ACCURATE* CSS POSITIONING WITH ENZYME
+    /*
+    it("should display a tooltip to the left when position is left", () => {
+        const wrapper = mount(<Left {...(Left.args as TooltipProps)} />);
+        wrapper.find(".tooltip").first().simulate("focus");
+        const iconNode = wrapper.find(".tooltip-icon").at(0).getDOMNode();
+        const iconLeftPx = window.getComputedStyle(iconNode).getPropertyValue("left");
+        const iconLeftNum = Number(iconLeftPx.replace("px", ""));
+        const contentNode = wrapper.find(".tooltip-content").at(0).getDOMNode();
+        const contentLeftPx = window.getComputedStyle(contentNode).getPropertyValue("left");
+        const contentLeftNum = Number(contentLeftPx.replace("px", ""));
+        
+        // Both contentLeftnum and iconLeftNum are 0
+        expect(contentLeftNum).to.be.lessThan(iconLeftNum);
+    });
+    */
+});
+//# sourceMappingURL=Tooltip.spec.js.map