@activecollab/components 1.0.408 → 1.0.410

package/dist/cjs/components/Select/OptionGroup/OptionGroup.spec.js

@@ -0,0 +1,192 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _enzyme = require("enzyme");
+var _OptionGroup = require("./OptionGroup");
+var _Checkbox = require("../../Checkbox");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+describe("<OptionGroup/>", function () {
+  it("should render group name without options", function () {
+    var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react.default.createElement(_OptionGroup.OptionGroup, {
+      id: "something",
+      optionGroupClassName: "custom-classname",
+      name: "Group",
+      options: [],
+      checked: []
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should hover option in single select", function () {
+    var setHover = jest.fn();
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_OptionGroup.OptionGroup, {
+      optionGroupClassName: "custom-classname",
+      name: "Group",
+      checked: [],
+      type: "single",
+      id: "0",
+      setHover: setHover,
+      hover: "0",
+      options: [{
+        id: "1",
+        name: "1avatar1avatar1avatar1avatar1avatar1avatar1avatar1avatar1avatar1avatar1avatar"
+      }, {
+        id: "2",
+        name: "5avatara"
+      }, {
+        id: "3",
+        name: "3avatar"
+      }, {
+        id: "4",
+        name: "3avatar"
+      }, {
+        id: "5",
+        name: "5avatar"
+      }, {
+        id: "6",
+        name: "4avatar"
+      }]
+    }));
+    var firstOptionInGroup = wrapper.find("StyledOptionGroupOption").first();
+    firstOptionInGroup.simulate("mouseenter");
+    expect(setHover).toBeCalled();
+    expect(setHover).toBeCalledWith(undefined);
+    wrapper.unmount();
+  });
+  it("should handle hover when group is of multiple type", function () {
+    var setHover = jest.fn();
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_OptionGroup.OptionGroup, {
+      optionGroupClassName: "custom-classname",
+      name: "Group",
+      checked: [],
+      type: "multiple",
+      id: "0",
+      setHover: setHover,
+      hover: "0",
+      options: [{
+        id: "1",
+        name: "option 1"
+      }, {
+        id: "2",
+        name: "option 2"
+      }, {
+        id: "3",
+        name: "option 3"
+      }]
+    }));
+    var firstOptionInGroup = wrapper.find("StyledOptionGroupOption").first();
+    firstOptionInGroup.simulate("mouseenter");
+    expect(setHover).toBeCalled();
+    expect(setHover).toBeCalledWith("0");
+    wrapper.unmount();
+  });
+  it("should render filtered options", function () {
+    var renderOptions = function renderOptions(option) {
+      return /*#__PURE__*/_react.default.createElement("li", {
+        key: option.id
+      }, option.name);
+    };
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_OptionGroup.OptionGroup, {
+      optionGroupClassName: "custom-classname",
+      renderOptions: renderOptions,
+      name: "Group",
+      checked: [],
+      id: "0",
+      options: [{
+        id: "1",
+        name: "Option 1"
+      }, {
+        id: "2",
+        name: "Target 2"
+      }, {
+        id: "3",
+        name: "Option 3"
+      }, {
+        id: "4",
+        name: "Target 4"
+      }]
+    }));
+    expect(wrapper.find("ul").first().find("li").length).toEqual(4);
+    wrapper.setProps({
+      filter: "Option"
+    });
+    wrapper.update();
+    expect(wrapper.find("ul").first().find("li").length).toEqual(2);
+    wrapper.unmount();
+  });
+  it("should handle click on option", function () {
+    var onChangeCallback = jest.fn();
+    var stopPropagationCallback = jest.fn();
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_OptionGroup.OptionGroup, {
+      type: "multiple",
+      onChange: onChangeCallback,
+      optionGroupClassName: "custom-classname",
+      name: "Group",
+      checked: [],
+      id: "0",
+      filter: "3avatar",
+      options: [{
+        id: "1",
+        name: "option 1"
+      }, {
+        id: "2",
+        name: "option 2"
+      }, {
+        id: "3",
+        name: "option 3"
+      }]
+    }));
+    wrapper.find("input").simulate("change", {
+      stopPropagation: stopPropagationCallback
+    });
+    expect(stopPropagationCallback).toHaveBeenCalled();
+    expect(onChangeCallback).toHaveBeenCalled();
+    wrapper.unmount();
+  });
+  it("should render with isIndeterminate set to true when not all options are checked", function () {
+    var options = [{
+      id: "1",
+      name: "Option 1"
+    }, {
+      id: "2",
+      name: "Option 2"
+    }, {
+      id: "3",
+      name: "Option 3"
+    }];
+    var checked = ["1", "2"];
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_OptionGroup.OptionGroup, {
+      id: "group1",
+      name: "Group 1",
+      options: options,
+      type: "multiple",
+      checked: checked
+    }));
+    var checkbox = wrapper.find(_Checkbox.Checkbox);
+    expect(checkbox.prop("isIndeterminate")).toBe(true);
+    wrapper.unmount();
+  });
+  it("should render with isIndeterminate set to false when all options are checked", function () {
+    var options = [{
+      id: "1",
+      name: "Option 1"
+    }, {
+      id: "2",
+      name: "Option 2"
+    }, {
+      id: "3",
+      name: "Option 3"
+    }];
+    var checked = ["1", "2", "3"];
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_OptionGroup.OptionGroup, {
+      id: "group2",
+      name: "Group 2",
+      options: options,
+      type: "multiple",
+      checked: checked
+    }));
+    var checkbox = wrapper.find(_Checkbox.Checkbox);
+    expect(checkbox.prop("isIndeterminate")).toBe(false);
+    wrapper.unmount();
+  });
+});
+//# sourceMappingURL=OptionGroup.spec.js.map

package/dist/cjs/components/Select/OptionGroup/OptionGroup.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionGroup.spec.js","names":["describe","it","wrapper","render","expect","toMatchSnapshot","setHover","jest","fn","mount","id","name","firstOptionInGroup","find","first","simulate","toBeCalled","toBeCalledWith","undefined","unmount","renderOptions","option","length","toEqual","setProps","filter","update","onChangeCallback","stopPropagationCallback","stopPropagation","toHaveBeenCalled","options","checked","checkbox","Checkbox","prop","toBe"],"sources":["../../../../../src/components/Select/OptionGroup/OptionGroup.spec.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport { mount, render } from \"enzyme\";\nimport { OptionGroup } from \"./OptionGroup\";\nimport { Checkbox } from \"../../Checkbox\";\n\ndescribe(\"<OptionGroup/>\", () => {\n  it(\"should render group name without options\", () => {\n    const wrapper = render(\n      <OptionGroup\n        id=\"something\"\n        optionGroupClassName=\"custom-classname\"\n        name=\"Group\"\n        options={[]}\n        checked={[]}\n      />\n    );\n    expect(wrapper).toMatchSnapshot();\n  });\n\n  it(\"should hover option in single select\", () => {\n    const setHover = jest.fn();\n    const wrapper = mount(\n      <OptionGroup\n        optionGroupClassName=\"custom-classname\"\n        name=\"Group\"\n        checked={[]}\n        type=\"single\"\n        id=\"0\"\n        setHover={setHover}\n        hover=\"0\"\n        options={[\n          {\n            id: \"1\",\n            name: \"1avatar1avatar1avatar1avatar1avatar1avatar1avatar1avatar1avatar1avatar1avatar\",\n          },\n          { id: \"2\", name: \"5avatara\" },\n          { id: \"3\", name: \"3avatar\" },\n          { id: \"4\", name: \"3avatar\" },\n          { id: \"5\", name: \"5avatar\" },\n          { id: \"6\", name: \"4avatar\" },\n        ]}\n      />\n    );\n\n    const firstOptionInGroup = wrapper.find(\"StyledOptionGroupOption\").first();\n    firstOptionInGroup.simulate(\"mouseenter\");\n    expect(setHover).toBeCalled();\n    expect(setHover).toBeCalledWith(undefined);\n\n    wrapper.unmount();\n  });\n\n  it(\"should handle hover when group is of multiple type\", () => {\n    const setHover = jest.fn();\n    const wrapper = mount(\n      <OptionGroup\n        optionGroupClassName=\"custom-classname\"\n        name=\"Group\"\n        checked={[]}\n        type=\"multiple\"\n        id=\"0\"\n        setHover={setHover}\n        hover=\"0\"\n        options={[\n          { id: \"1\", name: \"option 1\" },\n          { id: \"2\", name: \"option 2\" },\n          { id: \"3\", name: \"option 3\" },\n        ]}\n      />\n    );\n\n    const firstOptionInGroup = wrapper.find(\"StyledOptionGroupOption\").first();\n    firstOptionInGroup.simulate(\"mouseenter\");\n    expect(setHover).toBeCalled();\n    expect(setHover).toBeCalledWith(\"0\");\n\n    wrapper.unmount();\n  });\n\n  it(\"should render filtered options\", () => {\n    const renderOptions = (option): ReactElement => (\n      <li key={option.id}>{option.name}</li>\n    );\n    const wrapper = mount(\n      <OptionGroup\n        optionGroupClassName=\"custom-classname\"\n        renderOptions={renderOptions}\n        name=\"Group\"\n        checked={[]}\n        id=\"0\"\n        options={[\n          { id: \"1\", name: \"Option 1\" },\n          { id: \"2\", name: \"Target 2\" },\n          { id: \"3\", name: \"Option 3\" },\n          { id: \"4\", name: \"Target 4\" },\n        ]}\n      />\n    );\n\n    expect(wrapper.find(\"ul\").first().find(\"li\").length).toEqual(4);\n    wrapper.setProps({ filter: \"Option\" });\n    wrapper.update();\n    expect(wrapper.find(\"ul\").first().find(\"li\").length).toEqual(2);\n\n    wrapper.unmount();\n  });\n\n  it(\"should handle click on option\", () => {\n    const onChangeCallback = jest.fn();\n    const stopPropagationCallback = jest.fn();\n    const wrapper = mount(\n      <OptionGroup\n        type=\"multiple\"\n        onChange={onChangeCallback}\n        optionGroupClassName=\"custom-classname\"\n        name=\"Group\"\n        checked={[]}\n        id=\"0\"\n        filter=\"3avatar\"\n        options={[\n          { id: \"1\", name: \"option 1\" },\n          { id: \"2\", name: \"option 2\" },\n          { id: \"3\", name: \"option 3\" },\n        ]}\n      />\n    );\n\n    wrapper\n      .find(\"input\")\n      .simulate(\"change\", { stopPropagation: stopPropagationCallback });\n    expect(stopPropagationCallback).toHaveBeenCalled();\n    expect(onChangeCallback).toHaveBeenCalled();\n\n    wrapper.unmount();\n  });\n\n  it(\"should render with isIndeterminate set to true when not all options are checked\", () => {\n    const options = [\n      { id: \"1\", name: \"Option 1\" },\n      { id: \"2\", name: \"Option 2\" },\n      { id: \"3\", name: \"Option 3\" },\n    ];\n    const checked = [\"1\", \"2\"];\n    const wrapper = mount(\n      <OptionGroup\n        id=\"group1\"\n        name=\"Group 1\"\n        options={options}\n        type=\"multiple\"\n        checked={checked}\n      />\n    );\n\n    const checkbox = wrapper.find(Checkbox);\n    expect(checkbox.prop(\"isIndeterminate\")).toBe(true);\n\n    wrapper.unmount();\n  });\n\n  it(\"should render with isIndeterminate set to false when all options are checked\", () => {\n    const options = [\n      { id: \"1\", name: \"Option 1\" },\n      { id: \"2\", name: \"Option 2\" },\n      { id: \"3\", name: \"Option 3\" },\n    ];\n    const checked = [\"1\", \"2\", \"3\"];\n    const wrapper = mount(\n      <OptionGroup\n        id=\"group2\"\n        name=\"Group 2\"\n        options={options}\n        type=\"multiple\"\n        checked={checked}\n      />\n    );\n\n    const checkbox = wrapper.find(Checkbox);\n    expect(checkbox.prop(\"isIndeterminate\")).toBe(false);\n\n    wrapper.unmount();\n  });\n});\n"],"mappings":"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"}