@finsemble/finsemble-ui 1.0.0-beta-1

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

@@ -0,0 +1,96 @@
+import * as React from "react";
+import { mount } from "enzyme";
+import { describe, it } from "mocha";
+import { expect } from "chai";
+import { EmptyField, ValidColor } from "../stories/ColorPicker.stories";
+function getColorInputElement(wrapper) {
+    // Return the color picker control DOM element.
+    return wrapper.find("input[type='color']").at(0);
+}
+function getColorInputValue(wrapper) {
+    // Return the current value of the color picker control.
+    return getColorInputElement(wrapper).prop("value");
+}
+function changeColorInput(wrapper, newColor) {
+    // Simulate changing the color picker control.
+    getColorInputElement(wrapper).simulate("change", {
+        target: {
+            value: newColor,
+        },
+    });
+}
+function getTextInputElement(wrapper) {
+    // Return the text input field DOM element.
+    return wrapper.find("input[type='text']");
+}
+function getTextInputValue(wrapper) {
+    // Return the current value of the text input field.
+    return getTextInputElement(wrapper).prop("value");
+}
+function changeTextInput(wrapper, newColor) {
+    // Simulate changing the text input field.
+    getTextInputElement(wrapper).simulate("change", {
+        target: {
+            value: newColor,
+        },
+    });
+}
+describe("<ColorPicker/>", () => {
+    it("should display matching color values for both the color and text inputs", () => {
+        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, 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, 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, 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, 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, Object.assign({}, ValidColor.args)));
+        changeTextInput(wrapper, NEW_COLOR);
+        expect(getTextInputElement(wrapper).prop("aria-invalid")).to.be.false;
+    });
+    it("should trigger an event when a valid color is selected", () => {
+        const ORIGINAL_COLOR = "#123456";
+        const NEW_COLOR = "#abc123";
+        var currentColorState = ORIGINAL_COLOR;
+        const wrapper = mount(React.createElement(EmptyField, { startColor: ORIGINAL_COLOR, updateColor: (newColor) => {
+                currentColorState = newColor;
+            } }));
+        changeTextInput(wrapper, NEW_COLOR);
+        expect(currentColorState).to.equal(NEW_COLOR);
+    });
+    it("should not trigger any event when an invalid color is selected", () => {
+        const ORIGINAL_COLOR = "#123456";
+        const NEW_COLOR = "foobar";
+        var currentColorState = ORIGINAL_COLOR;
+        const wrapper = mount(React.createElement(EmptyField, { startColor: ORIGINAL_COLOR, updateColor: (newColor) => {
+                currentColorState = newColor;
+            } }));
+        changeTextInput(wrapper, NEW_COLOR);
+        expect(currentColorState).to.equal(ORIGINAL_COLOR);
+    });
+});
+//# sourceMappingURL=ColorPicker.spec.js.map

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

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

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

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

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

@@ -0,0 +1,55 @@
+import * as React from "react";
+import { mount } from "enzyme";
+import { describe, it } from "mocha";
+import { expect } from "chai";
+import sinon from "sinon";
+import { Default } from "../stories/DropZone.stories";
+// 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("<DropZone />", () => {
+    afterEach(() => {
+        sinon.restore();
+    });
+    it("should process 1 file", () => {
+        const buttonSpy = sinon.spy(Default.args, "processFile");
+        const wrapper = mount(React.createElement(Default, Object.assign({}, Default.args)));
+        wrapper.find(".dropZone").simulate("drop", {
+            dataTransfer: {
+                files: [{}],
+            },
+        });
+        expect(buttonSpy.calledOnce).to.be.true;
+    });
+    it("should process 2 files", () => {
+        const buttonSpy = sinon.spy(Default.args, "processFile");
+        const wrapper = mount(React.createElement(Default, Object.assign({}, Default.args)));
+        wrapper.find(".dropZone").simulate("drop", {
+            dataTransfer: {
+                files: [{}, {}],
+            },
+        });
+        expect(buttonSpy.getCall(1)).to.not.be.null;
+    });
+    it("should process 0 files", () => {
+        const buttonSpy = sinon.spy(Default.args, "processFile");
+        const wrapper = mount(React.createElement(Default, Object.assign({}, Default.args)));
+        wrapper.find(".dropZone").simulate("drop", {
+            dataTransfer: {
+                files: [],
+            },
+        });
+        expect(buttonSpy.calledOnce).to.be.false;
+    });
+    it("should process 2 mixed files", () => {
+        const buttonSpy = sinon.spy(Default.args, "processFile");
+        const wrapper = mount(React.createElement(Default, Object.assign({}, Default.args)));
+        wrapper.find(".dropZone").simulate("drop", {
+            dataTransfer: {
+                files: [null, {}],
+            },
+        });
+        expect(buttonSpy.calledOnce).to.not.be.null;
+    });
+});
+//# sourceMappingURL=DropZone.spec.js.map

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

@@ -0,0 +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\";\nimport { mount } from \"enzyme\";\nimport { describe, it } from \"mocha\";\nimport { expect } from \"chai\";\nimport sinon from \"sinon\";\nimport { DropZoneProps } from \"../DropZone\";\nimport { Default } from \"../stories/DropZone.stories\";\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(\"<DropZone />\", () => {\n\tafterEach(() => {\n\t\tsinon.restore();\n\t});\n\n\tit(\"should process 1 file\", () => {\n\t\tconst buttonSpy = sinon.spy(Default.args as DropZoneProps, \"processFile\");\n\t\tconst wrapper = mount(<Default {...(Default.args as DropZoneProps)} />);\n\t\twrapper.find(\".dropZone\").simulate(\"drop\", {\n\t\t\tdataTransfer: {\n\t\t\t\tfiles: [{}],\n\t\t\t},\n\t\t});\n\t\texpect(buttonSpy.calledOnce).to.be.true;\n\t});\n\n\tit(\"should process 2 files\", () => {\n\t\tconst buttonSpy = sinon.spy(Default.args as DropZoneProps, \"processFile\");\n\t\tconst wrapper = mount(<Default {...(Default.args as DropZoneProps)} />);\n\t\twrapper.find(\".dropZone\").simulate(\"drop\", {\n\t\t\tdataTransfer: {\n\t\t\t\tfiles: [{}, {}],\n\t\t\t},\n\t\t});\n\t\texpect(buttonSpy.getCall(1)).to.not.be.null;\n\t});\n\n\tit(\"should process 0 files\", () => {\n\t\tconst buttonSpy = sinon.spy(Default.args as DropZoneProps, \"processFile\");\n\t\tconst wrapper = mount(<Default {...(Default.args as DropZoneProps)} />);\n\t\twrapper.find(\".dropZone\").simulate(\"drop\", {\n\t\t\tdataTransfer: {\n\t\t\t\tfiles: [],\n\t\t\t},\n\t\t});\n\t\texpect(buttonSpy.calledOnce).to.be.false;\n\t});\n\n\tit(\"should process 2 mixed files\", () => {\n\t\tconst buttonSpy = sinon.spy(Default.args as DropZoneProps, \"processFile\");\n\t\tconst wrapper = mount(<Default {...(Default.args as DropZoneProps)} />);\n\t\twrapper.find(\".dropZone\").simulate(\"drop\", {\n\t\t\tdataTransfer: {\n\t\t\t\tfiles: [null, {}],\n\t\t\t},\n\t\t});\n\t\texpect(buttonSpy.calledOnce).to.not.be.null;\n\t});\n});\n"]}

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

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

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

@@ -0,0 +1,72 @@
+import * as React from "react";
+import { mount } from "enzyme";
+import { describe, it } from "mocha";
+import { expect } from "chai";
+import { EmptyField, PreFilledField, PreFilledInvalidField, PreFilledFieldNoClearing, } from "../stories/FileInput.stories";
+// For testing user interactions (like click events):
+import sinon from "sinon";
+const locators = {
+    displayPath: ".file-input-value-input",
+    clearButton: ".finsemble-icon-times",
+};
+describe("<FileInput/>", () => {
+    // Used to clear after each interactive test using sinon
+    afterEach(() => {
+        sinon.restore();
+    });
+    it("should display an empty string in its default state", () => {
+        const wrapper = mount(React.createElement(EmptyField, Object.assign({}, EmptyField.args)));
+        expect(wrapper.find(locators.displayPath).text()).to.equal("");
+    });
+    it("should display the chosen file name", () => {
+        const wrapper = mount(React.createElement(PreFilledField, Object.assign({}, PreFilledField.args)));
+        expect(wrapper.find(locators.displayPath).text()).to.equal("ThisIsATest.png");
+        expect(wrapper.find(locators.clearButton).exists(), "Clear button displayed").to.be.true;
+    });
+    it("should display an error for invalid file types", () => {
+        const wrapper = mount(React.createElement(PreFilledInvalidField, Object.assign({}, PreFilledInvalidField.args)));
+        expect(wrapper.find(locators.displayPath).is(".invalid")).to.be.true;
+    });
+    it("should display no error for valid file types", () => {
+        const wrapper = mount(React.createElement(PreFilledField, Object.assign({}, PreFilledField.args)));
+        expect(wrapper.find(locators.displayPath).is(".invalid")).to.be.false;
+    });
+    it("should display no error when no file is chosen", () => {
+        const wrapper = mount(React.createElement(EmptyField, Object.assign({}, EmptyField.args)));
+        expect(wrapper.find(locators.displayPath).is(".invalid")).to.be.false;
+    });
+    it("should call onSetValue when file is cleared", () => {
+        const spy = sinon.spy();
+        const wrapper = mount(React.createElement(PreFilledField, Object.assign({ onSetValue: spy }, PreFilledField.args)));
+        wrapper.find(".button-container-icon button").simulate("click");
+        expect(spy.calledOnce).to.be.true;
+        expect(spy.args[0], "onSetValue returned with a value of an empty string").to.deep.equal([""]);
+        expect(wrapper.find(".file-input-value-input").text(), "The filename field was emptied").to.be.empty;
+    });
+    it("should not display the clear button when allowClearing=false", () => {
+        const wrapper = mount(React.createElement(PreFilledFieldNoClearing, Object.assign({}, PreFilledFieldNoClearing.args)));
+        expect(wrapper.find(locators.displayPath).text()).to.equal("ThisIsATest.png");
+        expect(wrapper.find(locators.clearButton).exists()).to.be.false;
+    });
+    // it("should update the display when the file is changed", () => {
+    // 	const oldFileName = "old.txt";
+    // 	const newFileName = "newimage/png";
+    // 	const uploadFunction = (fileObject: File) =>
+    // 		new Promise((resolve) => {
+    // 			resolve({
+    // 				err: "",
+    // 				path: fileObject.name,
+    // 			});
+    // 		});
+    // 	const wrapper = mount(<FileInput uploadFunction value={oldFileName} acceptTypes={["image/png", "image/jpg", "image/ico"]} />);
+    // 	wrapper.find("input[type='file']").simulate('change', {
+    // 		target: {
+    // 			files: [
+    // 				newFileName
+    // 			]
+    // 		}
+    // 	});
+    // 	expect(wrapper.find("input[type='text']").prop("value")).to.equal(newFileName);
+    // });
+});
+//# sourceMappingURL=FileInput.spec.js.map

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

@@ -0,0 +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,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,EACN,UAAU,EACV,cAAc,EACd,qBAAqB,EACrB,wBAAwB,GACxB,MAAM,8BAA8B,CAAC;AAEtC,qDAAqD;AACrD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,QAAQ,GAAG;IAChB,WAAW,EAAE,yBAAyB;IACtC,WAAW,EAAE,uBAAuB;CACpC,CAAC;AAEF,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC7B,wDAAwD;IACxD,SAAS,CAAC,GAAG,EAAE;QACd,KAAK,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC,CAAC,CAAC;IAEH,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,QAAQ,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAChE,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,QAAQ,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;QAC9E,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,MAAM,EAAE,EAAE,wBAAwB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IAC1F,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,QAAQ,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IACtE,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,QAAQ,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IACvE,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,QAAQ,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IACvE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,GAAG,EAAE;QACtD,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC;QACxB,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,cAAc,kBAAC,UAAU,EAAE,GAAG,IAAO,cAAc,CAAC,IAAuB,EAAI,CAAC,CAAC;QACxG,OAAO,CAAC,IAAI,CAAC,+BAA+B,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAEhE,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QAClC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,qDAAqD,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAC/F,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC,IAAI,EAAE,EAAE,gCAAgC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IACtG,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8DAA8D,EAAE,GAAG,EAAE;QACvE,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,wBAAwB,oBAAM,wBAAwB,CAAC,IAAuB,EAAI,CAAC,CAAC;QAC3G,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;QAC9E,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IACjE,CAAC,CAAC,CAAC;IAEH,mEAAmE;IACnE,kCAAkC;IAClC,uCAAuC;IAEvC,gDAAgD;IAChD,+BAA+B;IAC/B,eAAe;IACf,eAAe;IACf,6BAA6B;IAC7B,SAAS;IACT,QAAQ;IAER,kIAAkI;IAClI,2DAA2D;IAC3D,cAAc;IACd,cAAc;IACd,kBAAkB;IAClB,OAAO;IACP,MAAM;IACN,OAAO;IAEP,mFAAmF;IACnF,MAAM;AACP,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\nimport { mount } from \"enzyme\";\nimport { describe, it } from \"mocha\";\nimport { expect } from \"chai\";\nimport { FileInputProps } from \"../FileInput\";\nimport {\n\tEmptyField,\n\tPreFilledField,\n\tPreFilledInvalidField,\n\tPreFilledFieldNoClearing,\n} from \"../stories/FileInput.stories\";\n\n// For testing user interactions (like click events):\nimport sinon from \"sinon\";\n\nconst locators = {\n\tdisplayPath: \".file-input-value-input\",\n\tclearButton: \".finsemble-icon-times\",\n};\n\ndescribe(\"<FileInput/>\", () => {\n\t// Used to clear after each interactive test using sinon\n\tafterEach(() => {\n\t\tsinon.restore();\n\t});\n\n\tit(\"should display an empty string in its default state\", () => {\n\t\tconst wrapper = mount(<EmptyField {...(EmptyField.args as FileInputProps)} />);\n\t\texpect(wrapper.find(locators.displayPath).text()).to.equal(\"\");\n\t});\n\n\tit(\"should display the chosen file name\", () => {\n\t\tconst wrapper = mount(<PreFilledField {...(PreFilledField.args as FileInputProps)} />);\n\t\texpect(wrapper.find(locators.displayPath).text()).to.equal(\"ThisIsATest.png\");\n\t\texpect(wrapper.find(locators.clearButton).exists(), \"Clear button displayed\").to.be.true;\n\t});\n\n\tit(\"should display an error for invalid file types\", () => {\n\t\tconst wrapper = mount(<PreFilledInvalidField {...(PreFilledInvalidField.args as FileInputProps)} />);\n\t\texpect(wrapper.find(locators.displayPath).is(\".invalid\")).to.be.true;\n\t});\n\n\tit(\"should display no error for valid file types\", () => {\n\t\tconst wrapper = mount(<PreFilledField {...(PreFilledField.args as FileInputProps)} />);\n\t\texpect(wrapper.find(locators.displayPath).is(\".invalid\")).to.be.false;\n\t});\n\n\tit(\"should display no error when no file is chosen\", () => {\n\t\tconst wrapper = mount(<EmptyField {...(EmptyField.args as FileInputProps)} />);\n\t\texpect(wrapper.find(locators.displayPath).is(\".invalid\")).to.be.false;\n\t});\n\n\tit(\"should call onSetValue when file is cleared\", () => {\n\t\tconst spy = sinon.spy();\n\t\tconst wrapper = mount(<PreFilledField onSetValue={spy} {...(PreFilledField.args as FileInputProps)} />);\n\t\twrapper.find(\".button-container-icon button\").simulate(\"click\");\n\n\t\texpect(spy.calledOnce).to.be.true;\n\t\texpect(spy.args[0], \"onSetValue returned with a value of an empty string\").to.deep.equal([\"\"]);\n\t\texpect(wrapper.find(\".file-input-value-input\").text(), \"The filename field was emptied\").to.be.empty;\n\t});\n\n\tit(\"should not display the clear button when allowClearing=false\", () => {\n\t\tconst wrapper = mount(<PreFilledFieldNoClearing {...(PreFilledFieldNoClearing.args as FileInputProps)} />);\n\t\texpect(wrapper.find(locators.displayPath).text()).to.equal(\"ThisIsATest.png\");\n\t\texpect(wrapper.find(locators.clearButton).exists()).to.be.false;\n\t});\n\n\t// it(\"should update the display when the file is changed\", () => {\n\t// \tconst oldFileName = \"old.txt\";\n\t// \tconst newFileName = \"newimage/png\";\n\n\t// \tconst uploadFunction = (fileObject: File) =>\n\t// \t\tnew Promise((resolve) => {\n\t// \t\t\tresolve({\n\t// \t\t\t\terr: \"\",\n\t// \t\t\t\tpath: fileObject.name,\n\t// \t\t\t});\n\t// \t\t});\n\n\t// \tconst wrapper = mount(<FileInput uploadFunction value={oldFileName} acceptTypes={[\"image/png\", \"image/jpg\", \"image/ico\"]} />);\n\t// \twrapper.find(\"input[type='file']\").simulate('change', {\n\t// \t\ttarget: {\n\t// \t\t\tfiles: [\n\t// \t\t\t\tnewFileName\n\t// \t\t\t]\n\t// \t\t}\n\t// \t});\n\n\t// \texpect(wrapper.find(\"input[type='text']\").prop(\"value\")).to.equal(newFileName);\n\t// });\n});\n"]}

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

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

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

@@ -0,0 +1,89 @@
+import * as React from "react";
+import { mount } from "enzyme";
+import { describe, it } from "mocha";
+import { expect } from "chai";
+import sinon from "sinon";
+import { Sample, SeperateValuesFromText, PreSelected, PreSelectedValues, InvalidPreSelected, Searchable, } from "../stories/FinsembleSelect.stories";
+// 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("<FinsembleSelect/>", () => {
+    afterEach(() => {
+        sinon.restore();
+    });
+    it("should display text and a checkbox", () => {
+        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, 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, 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, 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");
+        expect(buttonSpy.getCall(1).args[0]).lengthOf(2);
+    });
+    it("should return values, not display text, if values are provided", () => {
+        const buttonSpy = sinon.spy(SeperateValuesFromText.args, "updateCallback");
+        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, 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 () => {
+        var _a;
+        const wrapper = mount(React.createElement(PreSelected, Object.assign({}, Sample.args)));
+        await waitTime(10);
+        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, 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, 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;
+        expect(wrapper.find(".emperorOption input[type='checkbox']").at(3).prop("checked")).to.be.false;
+    });
+    it("should filter list on input (case-insensitive)", () => {
+        const buttonSpy = sinon.spy(Searchable.args, "updateCallback");
+        const wrapper = mount(React.createElement(Searchable, Object.assign({}, Searchable.args)));
+        wrapper
+            .find("input.search")
+            .at(0)
+            .simulate("input", {
+            target: {
+                value: "north",
+            },
+        });
+        expect(wrapper.find(".emperorOption")).lengthOf(2);
+        wrapper.find(".emperorOption input[type='checkbox']").at(0).simulate("change");
+        expect(buttonSpy.getCall(0).args[0]).to.deep.equal(["NC"]);
+    });
+});
+//# sourceMappingURL=FinsembleSelect.spec.js.map

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

@@ -0,0 +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\";\nimport { mount } from \"enzyme\";\nimport { describe, it } from \"mocha\";\nimport { expect } from \"chai\";\nimport sinon from \"sinon\";\nimport { FinsembleSelectProps } from \"../FinsembleSelect\";\nimport {\n\tSample,\n\tSeperateValuesFromText,\n\tPreSelected,\n\tPreSelectedValues,\n\tInvalidPreSelected,\n\tSearchable,\n} from \"../stories/FinsembleSelect.stories\";\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(\"<FinsembleSelect/>\", () => {\n\tafterEach(() => {\n\t\tsinon.restore();\n\t});\n\n\tit(\"should display text and a checkbox\", () => {\n\t\tconst wrapper = mount(<Sample {...(Sample.args as FinsembleSelectProps)} />);\n\n\t\texpect(wrapper.find(\".emperorOption span\").exists(), \"Options have text\").to.be.true;\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").exists(), \"Options have checkboxes\").to.be.true;\n\t});\n\tit(\"should call a function when checkbox is checked\", () => {\n\t\tconst buttonSpy = sinon.spy(Sample.args as FinsembleSelectProps, \"updateCallback\");\n\t\tconst wrapper = mount(<Sample {...(Sample.args as FinsembleSelectProps)} />);\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(1).simulate(\"change\");\n\t\texpect(buttonSpy.getCall(0)).to.not.be.null;\n\t});\n\tit(\"should return all items checked when multiple items have been checked\", () => {\n\t\tconst buttonSpy = sinon.spy(Sample.args as FinsembleSelectProps, \"updateCallback\");\n\t\tconst wrapper = mount(<Sample {...(Sample.args as FinsembleSelectProps)} />);\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(0).simulate(\"change\");\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(2).simulate(\"change\");\n\t\texpect(buttonSpy.getCall(1).args[0]).lengthOf(2);\n\t});\n\tit(\"should limit checked selection\", () => {\n\t\tconst buttonSpy = sinon.spy(Sample.args as FinsembleSelectProps, \"updateCallback\");\n\t\tconst wrapper = mount(<Sample {...{ ...(Sample.args as FinsembleSelectProps), limit: 2 }} />);\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(0).simulate(\"change\");\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(1).simulate(\"change\");\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(2).simulate(\"change\");\n\t\texpect(buttonSpy.getCall(1).args[0]).lengthOf(2);\n\t});\n\tit(\"should return values, not display text, if values are provided\", () => {\n\t\tconst buttonSpy = sinon.spy(SeperateValuesFromText.args as FinsembleSelectProps, \"updateCallback\");\n\t\tconst wrapper = mount(<SeperateValuesFromText {...(SeperateValuesFromText.args as FinsembleSelectProps)} />);\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(0).simulate(\"change\");\n\t\texpect(buttonSpy.getCall(0).args[0]).to.deep.equal([\"1\"]);\n\t});\n\tit(\"should start with selected items if pre-selected items are provided\", () => {\n\t\tconst wrapper = mount(<PreSelected {...(PreSelected.args as FinsembleSelectProps)} />);\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(1).prop(\"checked\")).to.be.true;\n\t});\n\tit(\"should show selected items if pre-selected items are provided after initial render\", async () => {\n\t\tconst wrapper = mount(<PreSelected {...(Sample.args as FinsembleSelectProps)} />);\n\n\t\tawait waitTime(10);\n\n\t\twrapper.setProps({ selected: PreSelected.args?.selected });\n\n\t\twrapper.update();\n\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(1).prop(\"checked\")).to.be.true;\n\t});\n\tit(\"should start with selected values if both values and pre-selected values are provided\", () => {\n\t\tconst wrapper = mount(<PreSelectedValues {...(PreSelectedValues.args as FinsembleSelectProps)} />);\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(0).prop(\"checked\")).to.be.false;\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(1).prop(\"checked\")).to.be.true;\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(2).prop(\"checked\")).to.be.true;\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(3).prop(\"checked\")).to.be.false;\n\t});\n\tit(\"should ignore invalid pre-selected items\", () => {\n\t\tconst wrapper = mount(<InvalidPreSelected {...(InvalidPreSelected.args as FinsembleSelectProps)} />);\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(0).prop(\"checked\")).to.be.false;\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(1).prop(\"checked\")).to.be.false;\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(2).prop(\"checked\")).to.be.false;\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(3).prop(\"checked\")).to.be.false;\n\t});\n\tit(\"should filter list on input (case-insensitive)\", () => {\n\t\tconst buttonSpy = sinon.spy(Searchable.args as FinsembleSelectProps, \"updateCallback\");\n\t\tconst wrapper = mount(<Searchable {...(Searchable.args as FinsembleSelectProps)} />);\n\t\twrapper\n\t\t\t.find(\"input.search\")\n\t\t\t.at(0)\n\t\t\t.simulate(\"input\", {\n\t\t\t\ttarget: {\n\t\t\t\t\tvalue: \"north\",\n\t\t\t\t},\n\t\t\t});\n\t\texpect(wrapper.find(\".emperorOption\")).lengthOf(2);\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(0).simulate(\"change\");\n\t\texpect(buttonSpy.getCall(0).args[0]).to.deep.equal([\"NC\"]);\n\t});\n});\n"]}

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

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

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"]}