@activecollab/components 1.0.408 → 1.0.410

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

@@ -0,0 +1,818 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _enzyme = require("enzyme");
+var _Select = require("./Select");
+var _Icons = require("../Icons");
+var _react2 = require("@testing-library/react");
+var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+describe("<Select/>", function () {
+  it("should render", function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_Select.Select, null));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render without search input", function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      disableSearch: true
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render with no preselected Default value in multiselect", function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      type: "multiple"
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should render with preselected Select All value", function () {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      defaultValue: "Select All",
+      selected: ["1", "2", "3"],
+      options: [{
+        id: "2",
+        name: "2"
+      }, {
+        id: "1",
+        name: "1"
+      }, {
+        id: "3",
+        name: "3"
+      }],
+      type: "multiple"
+    }));
+    expect(wrapper.find("Checkbox").first().prop("checked")).toBe(true);
+    wrapper.unmount();
+  });
+  it("should render with preselected Select All value", function () {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      defaultValue: "Select All",
+      selected: ["1", "2", "3"],
+      options: [{
+        id: "2",
+        name: "2"
+      }, {
+        id: "1",
+        name: "1"
+      }, {
+        id: "3",
+        name: "3"
+      }],
+      type: "multiple"
+    }));
+    var checkboxes = wrapper.find("Checkbox");
+    checkboxes.forEach(function (checkbox) {
+      expect(checkbox.prop("checked")).toBe(true);
+    });
+    wrapper.unmount();
+  });
+  it("should render with no preselected Select All value if not all values ar selected", function () {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      defaultValue: "Select All",
+      selected: ["1", "2"],
+      options: [{
+        id: "2",
+        name: "2"
+      }, {
+        id: "1",
+        name: "1"
+      }, {
+        id: "3",
+        name: "3"
+      }],
+      type: "multiple"
+    }));
+    expect(wrapper.find("Checkbox").first().prop("checked")).toBe(false);
+    wrapper.unmount();
+  });
+  it("should set classNames", function () {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      selectClassName: "selectClassName",
+      optionClassName: "optionClassName",
+      options: [{
+        name: "OptionGroup",
+        id: 1,
+        options: [{
+          id: "option1",
+          name: "option1"
+        }]
+      }]
+    }));
+    expect(wrapper.exists(".selectClassName")).toBe(true);
+    expect(wrapper.exists(".optionClassName")).toBe(true);
+    wrapper.unmount();
+  });
+  it("should render single type", function () {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      options: [{
+        id: "Option",
+        name: "Option"
+      }]
+    }));
+    expect(wrapper.exists("RadioButton")).toBe(true);
+    wrapper.unmount();
+  });
+  it("should render multiple type", function () {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      type: "multiple",
+      options: [{
+        id: "Option",
+        name: "Option"
+      }]
+    }));
+    expect(wrapper.exists("Checkbox")).toBe(true);
+    wrapper.unmount();
+  });
+  it("should sort by asc", function () {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      options: [{
+        id: "2",
+        name: "2"
+      }, {
+        id: "1",
+        name: "1"
+      }, {
+        id: "3",
+        name: "3"
+      }]
+    }));
+    expect(wrapper.find("StyledOptionText").at(0).text()).toBe("1");
+    expect(wrapper.find("StyledOptionText").at(1).text()).toBe("2");
+    expect(wrapper.find("StyledOptionText").at(2).text()).toBe("3");
+    wrapper.unmount();
+  });
+  it("should sort by desc", function () {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      sortDirection: "desc",
+      options: [{
+        id: "2",
+        name: "2"
+      }, {
+        id: "1",
+        name: "1"
+      }, {
+        id: "3",
+        name: "3"
+      }]
+    }));
+    expect(wrapper.find("StyledOptionText").at(0).text()).toBe("3");
+    expect(wrapper.find("StyledOptionText").at(1).text()).toBe("2");
+    expect(wrapper.find("StyledOptionText").at(2).text()).toBe("1");
+    wrapper.unmount();
+  });
+  it("should prioritize selected", function () {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      selected: ["2"],
+      options: [{
+        id: "2",
+        name: "2"
+      }, {
+        id: "1",
+        name: "1"
+      }, {
+        id: "3",
+        name: "3"
+      }]
+    }));
+    expect(wrapper.find("StyledOptionText").at(0).text()).toBe("2");
+    expect(wrapper.find("StyledOptionText").at(1).text()).toBe("1");
+    expect(wrapper.find("StyledOptionText").at(2).text()).toBe("3");
+    wrapper.unmount();
+  });
+  it("should open from icon", function () {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      target: /*#__PURE__*/_react.default.createElement(_Icons.NotificationBellIcon, null),
+      options: [{
+        id: "Option",
+        name: "Option"
+      }]
+    }));
+    expect(wrapper.exists("NotificationBellIcon")).toBe(true);
+    wrapper.unmount();
+  });
+  it("should open from text", function () {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      target: /*#__PURE__*/_react.default.createElement("div", {
+        className: "testing"
+      }, "target"),
+      options: [{
+        id: "Option",
+        name: "Option"
+      }]
+    }));
+    expect(wrapper.find(".testing").text()).toBe("target");
+    wrapper.unmount();
+  });
+  it("should have default value", function () {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      defaultValue: "Default value",
+      options: [{
+        id: "Option",
+        name: "Option"
+      }]
+    }));
+    expect(wrapper.find("StyledOptionText").first().text()).toBe("Default value");
+    wrapper.unmount();
+  });
+  it("should add placeholder to input", function () {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      placeholder: "filter",
+      options: [{
+        id: "Option",
+        name: "Option"
+      }]
+    }));
+    expect(wrapper.find("Input").props().placeholder).toBe("filter");
+    wrapper.unmount();
+  });
+  it("should hover option", function () {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      options: [{
+        id: "Option",
+        name: "Option"
+      }]
+    }));
+    wrapper.find("StyledOption").simulate("mouseEnter");
+    expect(wrapper.find("StyledOption").first().prop("hover")).toBe(true);
+    wrapper.unmount();
+  });
+  it("should not hover on mouse leave", function () {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      options: [{
+        id: "Option",
+        name: "Option"
+      }]
+    }));
+    wrapper.find("StyledOption").simulate("mouseEnter");
+    expect(wrapper.find("StyledOption").first().prop("hover")).toBe(true);
+    wrapper.find("StyledAutocompleteBody").simulate("mouseLeave");
+    expect(wrapper.find("StyledOption").first().prop("hover")).toBe(false);
+    wrapper.unmount();
+  });
+  it("should stay same on key down", function () {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      options: [{
+        id: "Option",
+        name: "Option"
+      }]
+    }));
+    var first = wrapper;
+    wrapper.find("StyledAutocompleteBody").simulate("keyDown");
+    expect(first).toBe(wrapper);
+    wrapper.unmount();
+  });
+  it("should close menu", function () {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      target: /*#__PURE__*/_react.default.createElement("div", {
+        className: "testing"
+      }, "target"),
+      options: [{
+        id: "2",
+        name: "2"
+      }, {
+        id: "1",
+        name: "1"
+      }, {
+        id: "3",
+        name: "3"
+      }]
+    }));
+    wrapper.find(".testing").simulate("click");
+    wrapper.find(".c-overlay").first().simulate("click");
+    expect(wrapper.exists(".c-simple-menu__paper")).toBe(false);
+    wrapper.unmount();
+  });
+  it("should not select without onChange", function () {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      options: [{
+        id: "2",
+        name: "2"
+      }, {
+        id: "1",
+        name: "1"
+      }, {
+        id: "3",
+        name: "3"
+      }]
+    }));
+    expect(wrapper).toMatchSnapshot();
+    wrapper.find("StyledAutocompleteBody").simulate("keyUp", {
+      key: "Tab"
+    });
+    wrapper.find("StyledAutocompleteBody").simulate("keyUp", {
+      key: "Enter"
+    });
+    expect(wrapper.find(".c-option").first().find("RadioButton").props().checked).toBe(false);
+    wrapper.unmount();
+  });
+  it("should not toggle group when group value is changed if onchange is not passed", function () {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      type: "multiple",
+      options: [{
+        name: "Group",
+        id: "group",
+        options: [{
+          id: "2",
+          name: "2"
+        }, {
+          id: "1",
+          name: "1"
+        }, {
+          id: "3",
+          name: "3"
+        }]
+      }, {
+        name: "Group2",
+        id: "group2",
+        options: [{
+          id: "4",
+          name: "4"
+        }, {
+          id: "5",
+          name: "5"
+        }, {
+          id: "6",
+          name: "6"
+        }]
+      }]
+    }));
+    expect(wrapper.find("StyledOptionGroupOption").first().prop("hover")).toBe(false);
+    wrapper.find("StyledOptionGroupOption").first().simulate("mouseEnter");
+    expect(wrapper.find("StyledOptionGroupOption").first().prop("hover")).toBe(true);
+    wrapper.find("Checkbox").first().simulate("keyUp", {
+      key: "Enter"
+    });
+    expect(wrapper.find("Checkbox").first().props().checked).toBe(false);
+    wrapper.unmount();
+  });
+  it("should call defaultOptionChange for single select", function () {
+    var onChange = jest.fn();
+    var onDefaultChange = jest.fn();
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      target: /*#__PURE__*/_react.default.createElement("div", {
+        id: "test"
+      }, "test"),
+      onChange: onChange,
+      defaultValue: "2",
+      preselectDefaultValue: true,
+      handleDefaultOptionChange: onDefaultChange,
+      options: [{
+        id: "2",
+        name: "2"
+      }, {
+        id: "1",
+        name: "1"
+      }, {
+        id: "3",
+        name: "3"
+      }]
+    }));
+    wrapper.find("#test").simulate("click");
+    expect(wrapper.find(".c-option").first().find("RadioButton").props().checked).toBe(true);
+    var option = wrapper.find("Option").first();
+    option.simulate("mouseenter");
+    option.find("li").first().simulate("click");
+    expect(onChange).not.toBeCalled();
+    expect(onDefaultChange).toBeCalled();
+    expect(wrapper.find("Menu").prop("open")).toBe(true);
+    wrapper.unmount();
+  });
+  it("should close on onChange for single select", function () {
+    var onChange = jest.fn();
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      target: /*#__PURE__*/_react.default.createElement("div", {
+        id: "test"
+      }, "test"),
+      onChange: onChange,
+      defaultValue: "None",
+      forceCloseMenu: true,
+      options: [{
+        id: "2",
+        name: "2"
+      }, {
+        id: "1",
+        name: "1"
+      }, {
+        id: "3",
+        name: "3"
+      }]
+    }));
+    wrapper.find("#test").simulate("click");
+    expect(wrapper.find(".c-option").first().find("RadioButton").props().checked).toBe(true);
+    expect(wrapper.find(".c-option").first().text()).toBe("None");
+    var option = wrapper.find("Option").first();
+    option.simulate("mouseenter");
+    option.find("li").first().simulate("click");
+    expect(onChange).toBeCalled();
+    expect(wrapper.find("Menu").prop("open")).toBe(false);
+    wrapper.unmount();
+  });
+  it("should close on handleChange for single select", function () {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      target: /*#__PURE__*/_react.default.createElement("div", {
+        id: "test"
+      }, "test"),
+      defaultValue: "2",
+      selected: [2],
+      forceCloseMenu: true,
+      options: [{
+        id: "2",
+        name: "2"
+      }, {
+        id: "1",
+        name: "1"
+      }, {
+        id: "3",
+        name: "3"
+      }]
+    }));
+    wrapper.find("#test").simulate("click");
+    var option = wrapper.find("Option").at(2);
+    option.simulate("mouseenter");
+    option.find("li").first().simulate("click");
+    expect(wrapper.find("Menu").prop("open")).toBe(false);
+    wrapper.unmount();
+  });
+  it("should not close on handleChange for single select", function () {
+    var onChange = jest.fn();
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      target: /*#__PURE__*/_react.default.createElement("div", {
+        id: "test"
+      }, "test"),
+      onChange: onChange,
+      defaultValue: "2",
+      selected: [2],
+      options: [{
+        id: "2",
+        name: "2"
+      }, {
+        id: "1",
+        name: "1"
+      }, {
+        id: "3",
+        name: "3"
+      }]
+    }));
+    wrapper.find("#test").simulate("click");
+    var option = wrapper.find("Option").at(2);
+    option.simulate("mouseenter");
+    option.find("li").first().simulate("click");
+    expect(onChange).toBeCalledWith("2");
+    expect(wrapper.find("Menu").prop("open")).toBe(true);
+    wrapper.unmount();
+  });
+  it("should close on handleChange for multiselect", function () {
+    var onChange = jest.fn();
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      onChange: onChange,
+      type: "multiple",
+      selected: ["2"],
+      forceCloseMenu: true,
+      options: [{
+        id: "2",
+        name: "2"
+      }, {
+        id: "1",
+        name: "1"
+      }, {
+        id: "3",
+        name: "3"
+      }]
+    }));
+    var option = wrapper.find("Option").at(1);
+    option.simulate("mouseenter");
+    option.find("li").first().simulate("click");
+    expect(onChange).toBeCalledWith(["2", "1"]);
+    wrapper.unmount();
+  });
+  it("should handleDefaultChange for multiselect", function () {
+    var onChange = jest.fn();
+    var defaultChange = jest.fn();
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      onChange: onChange,
+      type: "multiple",
+      selected: ["2"],
+      target: /*#__PURE__*/_react.default.createElement("div", {
+        id: "test"
+      }, "test"),
+      forceCloseMenu: true,
+      options: [{
+        id: "2",
+        name: "2"
+      }, {
+        id: "1",
+        name: "1"
+      }, {
+        id: "3",
+        name: "3"
+      }],
+      defaultValue: "Default",
+      handleDefaultOptionChange: defaultChange
+    }));
+    wrapper.find("#test").simulate("click");
+    expect(wrapper.find("Menu").prop("open")).toBe(true);
+    var option = wrapper.find("Option").at(0);
+    option.simulate("mouseenter");
+    option.find("li").first().simulate("click");
+    expect(onChange).not.toBeCalled();
+    expect(defaultChange).toBeCalled();
+    expect(wrapper.find("Menu").prop("open")).toBe(false);
+    wrapper.unmount();
+  });
+  it("should handleDefaultChange for single", function () {
+    var onChange = jest.fn();
+    var defaultChange = jest.fn();
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      onChange: onChange,
+      type: "single",
+      selected: "2",
+      target: /*#__PURE__*/_react.default.createElement("div", {
+        id: "test"
+      }, "test"),
+      forceCloseMenu: true,
+      options: [{
+        id: "2",
+        name: "2"
+      }, {
+        id: "1",
+        name: "1"
+      }, {
+        id: "3",
+        name: "3"
+      }],
+      defaultValue: "Default",
+      handleDefaultOptionChange: defaultChange
+    }));
+    wrapper.find("#test").simulate("click");
+    expect(wrapper.find("Menu").prop("open")).toBe(true);
+    var option = wrapper.find("Option").at(0);
+    option.simulate("mouseenter");
+    option.find("li").first().simulate("click");
+    expect(onChange).not.toBeCalled();
+    expect(defaultChange).toBeCalled();
+    expect(wrapper.find("Menu").prop("open")).toBe(false);
+    wrapper.unmount();
+  });
+  it("should select all on default click for multiselect and forceClose", function () {
+    var onChange = jest.fn();
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      target: /*#__PURE__*/_react.default.createElement("div", {
+        id: "test"
+      }, "test"),
+      onChange: onChange,
+      type: "multiple",
+      selected: ["2"],
+      forceCloseMenu: true,
+      options: [{
+        id: "2",
+        name: "2"
+      }, {
+        id: "1",
+        name: "1"
+      }, {
+        id: "3",
+        name: "3"
+      }],
+      defaultValue: "Default"
+    }));
+    wrapper.find("#test").simulate("click");
+    expect(wrapper.find("Menu").prop("open")).toBe(true);
+    var option = wrapper.find("Option").at(0);
+    option.simulate("mouseenter");
+    option.find("li").first().simulate("click");
+    expect(onChange).toBeCalledWith(["2", "1", "3"]);
+    expect(wrapper.find("Menu").prop("open")).toBe(false);
+    wrapper.unmount();
+  });
+  it("should select deselect all on default click for multiselect and forceClose", function () {
+    var onChange = jest.fn();
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      target: /*#__PURE__*/_react.default.createElement("div", {
+        id: "test"
+      }, "test"),
+      onChange: onChange,
+      type: "multiple",
+      selected: ["2", "1", "3"],
+      forceCloseMenu: true,
+      options: [{
+        id: "2",
+        name: "2"
+      }, {
+        id: "1",
+        name: "1"
+      }, {
+        id: "3",
+        name: "3"
+      }],
+      defaultValue: "Default"
+    }));
+    wrapper.find("#test").simulate("click");
+    expect(wrapper.find("Menu").prop("open")).toBe(true);
+    var option = wrapper.find("Option").at(0);
+    option.simulate("mouseenter");
+    option.find("li").first().simulate("click");
+    expect(onChange).toBeCalledWith([]);
+    expect(wrapper.find("Menu").prop("open")).toBe(false);
+    wrapper.unmount();
+  });
+  it("should deselect on handleChange for multiselect", function () {
+    var onChange = jest.fn();
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      onChange: onChange,
+      type: "multiple",
+      selected: ["1", "2"],
+      options: [{
+        id: "2",
+        name: "2"
+      }, {
+        id: "1",
+        name: "1"
+      }, {
+        id: "3",
+        name: "3"
+      }]
+    }));
+    var option = wrapper.find("Option").at(1);
+    option.simulate("mouseenter");
+    option.find("li").first().simulate("click");
+    expect(onChange).toBeCalledWith(["1"]);
+    wrapper.unmount();
+  });
+  it("should close on click on all options for multiselect", function () {
+    var handleEmptyAction = jest.fn();
+    var onChange = jest.fn();
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      emptyAction: handleEmptyAction,
+      type: "multiple",
+      emptyValue: "Add new",
+      onChange: onChange,
+      defaultValue: "None",
+      forceCloseMenu: true,
+      options: [{
+        id: "2",
+        name: "2"
+      }, {
+        id: "1",
+        name: "1"
+      }, {
+        id: "3",
+        name: "3"
+      }]
+    }));
+    expect(handleEmptyAction).not.toBeCalled();
+    expect(wrapper.find(".c-option").first().find("Checkbox").props().checked).toBe(false);
+    wrapper.find(".c-option").first().find("Checkbox").simulate("keyUp", {
+      key: "Enter"
+    });
+    var option = wrapper.find("Option").first();
+    option.simulate("mouseenter");
+    option.find("li").first().simulate("click");
+    expect(onChange).toBeCalled();
+    // expect(wrapper.exists(".c-simple-menu__paper")).toBe(false);
+    wrapper.unmount();
+  });
+  it("should all options are selected in multiselect", function () {
+    var onChange = jest.fn();
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      selected: ["2", "1", "3"],
+      type: "multiple",
+      emptyValue: "Add new",
+      onChange: onChange,
+      defaultValue: "None",
+      forceCloseMenu: true,
+      options: [{
+        id: "2",
+        name: "2"
+      }, {
+        id: "1",
+        name: "1"
+      }, {
+        id: "3",
+        name: "3"
+      }]
+    }));
+    var option = wrapper.find("Option").first();
+    option.simulate("mouseenter");
+    option.find("li").first().simulate("click");
+    expect(onChange).toBeCalled();
+    wrapper.unmount();
+  });
+  it("should render with different position", function () {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      target: /*#__PURE__*/_react.default.createElement("div", null, "test"),
+      position: "bottom",
+      options: [{
+        id: "2",
+        name: "2"
+      }, {
+        id: "1",
+        name: "1"
+      }, {
+        id: "3",
+        name: "3"
+      }]
+    }));
+    expect(wrapper.find("Menu").prop("position")).toBe("bottom");
+    wrapper.unmount();
+  });
+  it("should call onSelectOpen when the Select is opened", function () {
+    var onSelectOpen = jest.fn();
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      target: /*#__PURE__*/_react.default.createElement("p", null, "Target"),
+      position: "bottom",
+      options: [{
+        id: "1",
+        name: "1"
+      }, {
+        id: "2",
+        name: "2"
+      }],
+      onSelectOpen: onSelectOpen
+    }));
+    expect(onSelectOpen).not.toBeCalled();
+    wrapper.find("p").simulate("click");
+    expect(onSelectOpen).toBeCalledTimes(1);
+    wrapper.unmount();
+  });
+  it("should call onSelectClose when the Select is closed", function () {
+    var onSelectClose = jest.fn();
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      target: /*#__PURE__*/_react.default.createElement("p", null, "Target"),
+      position: "bottom",
+      options: [{
+        id: "1",
+        name: "1"
+      }, {
+        id: "2",
+        name: "2"
+      }],
+      onSelectClose: onSelectClose,
+      forceCloseMenu: true
+    }));
+    expect(wrapper.find("Menu").prop("open")).toBe(false);
+    expect(onSelectClose).not.toBeCalled();
+    wrapper.find("p").simulate("click");
+    expect(wrapper.find("Menu").prop("open")).toBe(true);
+    var option = wrapper.find("Option").last();
+    option.find("li").first().simulate("click");
+    expect(wrapper.find("Menu").prop("open")).toBe(false);
+    expect(onSelectClose).toBeCalledTimes(1);
+    wrapper.unmount();
+  });
+});
+describe("<Select /> - RTL", function () {
+  var user = _userEvent.default.setup();
+  var options;
+  beforeAll(function () {
+    options = [{
+      id: 1,
+      name: "Option 1"
+    }, {
+      id: 2,
+      name: "Option 2"
+    }, {
+      id: 3,
+      name: "Option 3"
+    }];
+  });
+  it("should render", function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_Select.Select, {
+        options: options
+      })),
+      getByText = _render.getByText;
+    expect(getByText("Option 1"));
+  });
+  it("should focus trigger on select close", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+    var _render2, getByTestId, getAllByRole, getByRole, triggerBtn;
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _render2 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_Select.Select, {
+              target: /*#__PURE__*/_react.default.createElement("input", {
+                "data-testid": "trigger",
+                id: "trigger",
+                type: "number"
+              }),
+              options: options,
+              forceCloseMenu: true
+            })), getByTestId = _render2.getByTestId, getAllByRole = _render2.getAllByRole, getByRole = _render2.getByRole;
+            triggerBtn = getByTestId("trigger");
+            _context.next = 4;
+            return user.click(triggerBtn);
+          case 4:
+            expect(getByRole("textbox")).toHaveFocus();
+            _context.next = 7;
+            return user.click(getAllByRole("listitem")[1]);
+          case 7:
+            expect(triggerBtn).toHaveFocus();
+          case 8:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })));
+});
+//# sourceMappingURL=Select.spec.js.map