@uva-glass/component-library 3.17.4 → 3.19.0

package/dist/components/MultiSelectBox/MultiSelectBox.test.js

@@ -1,26 +1,32 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as o, jsxs as d, Fragment as r } from "react/jsx-runtime";
 import "../../index-BqLi4tOb.js";
-import { r as a, s as t, f as l } from "../../react.esm-CsMDid07.js";
-import { MultiSelectBox as c } from "./MultiSelectBox.js";
-const i = jest.fn(), s = [
+import { r as n, s as t, f as a } from "../../react.esm-CsMDid07.js";
+import { MultiSelectBox as l } from "./MultiSelectBox.js";
+const i = jest.fn(), c = [
   { label: "Option 1", value: "1" },
   { label: "Option 2", value: "2" },
   { label: "Option 3", value: "3" }
 ];
 describe("MultiSelectBox", () => {
   it("renders the component with default props", () => {
-    a(/* @__PURE__ */ n(c, { selectData: s, onChange: i, labelSuffix: "selected" }));
+    n(/* @__PURE__ */ o(l, { selectData: c, onChange: i, labelSuffix: "selected" }));
     const e = t.getByRole("button");
     expect(e).toBeInTheDocument(), expect(e).toHaveAttribute("aria-expanded", "false");
   }), it("opens the dropdown when the button is clicked", () => {
-    a(/* @__PURE__ */ n(c, { selectData: s, onChange: i, labelSuffix: "selected" }));
+    n(/* @__PURE__ */ o(l, { selectData: c, onChange: i, labelSuffix: "selected" }));
     const e = t.getByRole("button");
-    l.click(e), expect(e).toHaveAttribute("aria-expanded", "true"), expect(t.getByRole("listbox")).toBeInTheDocument();
+    a.click(e), expect(e).toHaveAttribute("aria-expanded", "true"), expect(t.getByRole("listbox")).toBeInTheDocument();
   }), it("closes the dropdown when clicking outside", () => {
-    const { container: e } = a(
-      /* @__PURE__ */ n(c, { selectData: s, onChange: i, labelSuffix: "selected" })
-    ), o = t.getByRole("button");
-    l.click(o), expect(o).toHaveAttribute("aria-expanded", "true"), l.click(e), expect(o).toHaveAttribute("aria-expanded", "false");
+    n(
+      /* @__PURE__ */ d(r, { children: [
+        /* @__PURE__ */ o(l, { selectData: c, onChange: i, labelSuffix: "selected" }),
+        /* @__PURE__ */ o("div", { "data-testid": "outside-element", children: "Outside" })
+      ] })
+    );
+    const e = t.getByRole("button");
+    a.click(e), expect(e).toHaveAttribute("aria-expanded", "true");
+    const s = t.getByTestId("outside-element");
+    a.click(s), expect(e).toHaveAttribute("aria-expanded", "false");
   });
 });
 //# sourceMappingURL=MultiSelectBox.test.js.map

package/dist/components/MultiSelectBox/MultiSelectBox.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectBox.test.js","sources":["../../../src/components/MultiSelectBox/MultiSelectBox.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\r\nimport { render, screen, fireEvent } from '@testing-library/react';\r\n\r\nimport { MultiSelectBox } from './MultiSelectBox';\r\n\r\nconst onChangeSpy = jest.fn();\r\n\r\nconst mockSelectData = [\r\n  { label: 'Option 1', value: '1' },\r\n  { label: 'Option 2', value: '2' },\r\n  { label: 'Option 3', value: '3' },\r\n];\r\n\r\ndescribe('MultiSelectBox', () => {\r\n  it('renders the component with default props', () => {\r\n    render(<MultiSelectBox selectData={mockSelectData} onChange={onChangeSpy} labelSuffix=\"selected\" />);\r\n    const button = screen.getByRole('button');\r\n    expect(button).toBeInTheDocument();\r\n    expect(button).toHaveAttribute('aria-expanded', 'false');\r\n  });\r\n\r\n  it('opens the dropdown when the button is clicked', () => {\r\n    render(<MultiSelectBox selectData={mockSelectData} onChange={onChangeSpy} labelSuffix=\"selected\" />);\r\n    const button = screen.getByRole('button');\r\n    fireEvent.click(button);\r\n    expect(button).toHaveAttribute('aria-expanded', 'true');\r\n    expect(screen.getByRole('listbox')).toBeInTheDocument();\r\n  });\r\n\r\n  it('closes the dropdown when clicking outside', () => {\r\n    const { container } = render(\r\n      <MultiSelectBox selectData={mockSelectData} onChange={onChangeSpy} labelSuffix=\"selected\" />\r\n    );\r\n    const button = screen.getByRole('button');\r\n    fireEvent.click(button);\r\n    expect(button).toHaveAttribute('aria-expanded', 'true');\r\n    fireEvent.click(container);\r\n    expect(button).toHaveAttribute('aria-expanded', 'false');\r\n  });\r\n});\r\n"],"names":["onChangeSpy","mockSelectData","render","jsx","MultiSelectBox","button","screen","fireEvent","container"],"mappings":";;;;AAKA,MAAMA,IAAc,KAAK,GAAG,GAEtBC,IAAiB;AAAA,EACrB,EAAE,OAAO,YAAY,OAAO,IAAI;AAAA,EAChC,EAAE,OAAO,YAAY,OAAO,IAAI;AAAA,EAChC,EAAE,OAAO,YAAY,OAAO,IAAI;AAClC;AAEA,SAAS,kBAAkB,MAAM;AAC/B,KAAG,4CAA4C,MAAM;AAC5C,IAAAC,EAAA,gBAAAC,EAACC,KAAe,YAAYH,GAAgB,UAAUD,GAAa,aAAY,YAAW,CAAE;AAC7F,UAAAK,IAASC,EAAO,UAAU,QAAQ;AACjC,WAAAD,CAAM,EAAE,kBAAkB,GACjC,OAAOA,CAAM,EAAE,gBAAgB,iBAAiB,OAAO;AAAA,EAAA,CACxD,GAED,GAAG,iDAAiD,MAAM;AACjD,IAAAH,EAAA,gBAAAC,EAACC,KAAe,YAAYH,GAAgB,UAAUD,GAAa,aAAY,YAAW,CAAE;AAC7F,UAAAK,IAASC,EAAO,UAAU,QAAQ;AACxC,IAAAC,EAAU,MAAMF,CAAM,GACtB,OAAOA,CAAM,EAAE,gBAAgB,iBAAiB,MAAM,GACtD,OAAOC,EAAO,UAAU,SAAS,CAAC,EAAE,kBAAkB;AAAA,EAAA,CACvD,GAED,GAAG,6CAA6C,MAAM;AAC9C,UAAA,EAAE,WAAAE,MAAcN;AAAA,wBACnBE,GAAe,EAAA,YAAYH,GAAgB,UAAUD,GAAa,aAAY,WAAW,CAAA;AAAA,IAC5F,GACMK,IAASC,EAAO,UAAU,QAAQ;AACxC,IAAAC,EAAU,MAAMF,CAAM,GACtB,OAAOA,CAAM,EAAE,gBAAgB,iBAAiB,MAAM,GACtDE,EAAU,MAAMC,CAAS,GACzB,OAAOH,CAAM,EAAE,gBAAgB,iBAAiB,OAAO;AAAA,EAAA,CACxD;AACH,CAAC;"}
+{"version":3,"file":"MultiSelectBox.test.js","sources":["../../../src/components/MultiSelectBox/MultiSelectBox.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\r\nimport { render, screen, fireEvent } from '@testing-library/react';\r\n\r\nimport { MultiSelectBox } from './MultiSelectBox';\r\n\r\nconst onChangeSpy = jest.fn();\r\n\r\nconst mockSelectData = [\r\n  { label: 'Option 1', value: '1' },\r\n  { label: 'Option 2', value: '2' },\r\n  { label: 'Option 3', value: '3' },\r\n];\r\n\r\ndescribe('MultiSelectBox', () => {\r\n  it('renders the component with default props', () => {\r\n    render(<MultiSelectBox selectData={mockSelectData} onChange={onChangeSpy} labelSuffix=\"selected\" />);\r\n    const button = screen.getByRole('button');\r\n    expect(button).toBeInTheDocument();\r\n    expect(button).toHaveAttribute('aria-expanded', 'false');\r\n  });\r\n\r\n  it('opens the dropdown when the button is clicked', () => {\r\n    render(<MultiSelectBox selectData={mockSelectData} onChange={onChangeSpy} labelSuffix=\"selected\" />);\r\n    const button = screen.getByRole('button');\r\n    fireEvent.click(button);\r\n    expect(button).toHaveAttribute('aria-expanded', 'true');\r\n    expect(screen.getByRole('listbox')).toBeInTheDocument();\r\n  });\r\n\r\n  it('closes the dropdown when clicking outside', () => {\r\n    render(\r\n      <>\r\n        <MultiSelectBox selectData={mockSelectData} onChange={onChangeSpy} labelSuffix=\"selected\" />\r\n        <div data-testid=\"outside-element\">Outside</div>\r\n      </>\r\n    );\r\n\r\n    const button = screen.getByRole('button');\r\n    fireEvent.click(button);\r\n    expect(button).toHaveAttribute('aria-expanded', 'true');\r\n    const outsideElement = screen.getByTestId('outside-element');\r\n    fireEvent.click(outsideElement);\r\n    expect(button).toHaveAttribute('aria-expanded', 'false');\r\n  });\r\n});\r\n"],"names":["onChangeSpy","mockSelectData","render","jsx","MultiSelectBox","button","screen","fireEvent","jsxs","Fragment","outsideElement"],"mappings":";;;;AAKA,MAAMA,IAAc,KAAK,GAAG,GAEtBC,IAAiB;AAAA,EACrB,EAAE,OAAO,YAAY,OAAO,IAAI;AAAA,EAChC,EAAE,OAAO,YAAY,OAAO,IAAI;AAAA,EAChC,EAAE,OAAO,YAAY,OAAO,IAAI;AAClC;AAEA,SAAS,kBAAkB,MAAM;AAC/B,KAAG,4CAA4C,MAAM;AAC5C,IAAAC,EAAA,gBAAAC,EAACC,KAAe,YAAYH,GAAgB,UAAUD,GAAa,aAAY,YAAW,CAAE;AAC7F,UAAAK,IAASC,EAAO,UAAU,QAAQ;AACjC,WAAAD,CAAM,EAAE,kBAAkB,GACjC,OAAOA,CAAM,EAAE,gBAAgB,iBAAiB,OAAO;AAAA,EAAA,CACxD,GAED,GAAG,iDAAiD,MAAM;AACjD,IAAAH,EAAA,gBAAAC,EAACC,KAAe,YAAYH,GAAgB,UAAUD,GAAa,aAAY,YAAW,CAAE;AAC7F,UAAAK,IAASC,EAAO,UAAU,QAAQ;AACxC,IAAAC,EAAU,MAAMF,CAAM,GACtB,OAAOA,CAAM,EAAE,gBAAgB,iBAAiB,MAAM,GACtD,OAAOC,EAAO,UAAU,SAAS,CAAC,EAAE,kBAAkB;AAAA,EAAA,CACvD,GAED,GAAG,6CAA6C,MAAM;AACpD,IAAAJ;AAAA,MAEI,gBAAAM,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAAN,EAACC,KAAe,YAAYH,GAAgB,UAAUD,GAAa,aAAY,YAAW;AAAA,QACzF,gBAAAG,EAAA,OAAA,EAAI,eAAY,mBAAkB,UAAO,UAAA,CAAA;AAAA,MAAA,EAC5C,CAAA;AAAA,IACF;AAEM,UAAAE,IAASC,EAAO,UAAU,QAAQ;AACxC,IAAAC,EAAU,MAAMF,CAAM,GACtB,OAAOA,CAAM,EAAE,gBAAgB,iBAAiB,MAAM;AAChD,UAAAK,IAAiBJ,EAAO,YAAY,iBAAiB;AAC3D,IAAAC,EAAU,MAAMG,CAAc,GAC9B,OAAOL,CAAM,EAAE,gBAAgB,iBAAiB,OAAO;AAAA,EAAA,CACxD;AACH,CAAC;"}