@ukic/web-components 2.1.0-beta.15 → 2.1.0-beta.16

package/dist/collection/components/ic-pagination/ic-pagination.spec.js

@@ -0,0 +1,325 @@
+import { Pagination } from "./ic-pagination";
+import { Button } from "../ic-button/ic-button";
+import { newSpecPage } from "@stencil/core/testing";
+import { PaginationItem } from "./../ic-pagination-item/ic-pagination-item";
+describe("ic-pagination simple appearance component", () => {
+  it("should render with 10 pages", async () => {
+    const page = await newSpecPage({
+      components: [Pagination],
+      html: `<ic-pagination pages=10 ></ic-pagination>`,
+    });
+    expect(page.root).toMatchSnapshot("render with ten pages");
+  });
+  it("should renderon the last pages", async () => {
+    const page = await newSpecPage({
+      components: [Pagination],
+      html: `<ic-pagination pages="15" default-page="15" ></ic-pagination>`,
+    });
+    expect(page.root).toMatchSnapshot("render with ten pages");
+  });
+  it("should render with the default page selected", async () => {
+    const page = await newSpecPage({
+      components: [Pagination],
+      html: `<ic-pagination pages="15" default-page=4 ></ic-pagination>`,
+    });
+    expect(page.root).toMatchSnapshot("render at the default page");
+  });
+  it("should render with first and last buttons disabled", async () => {
+    const page = await newSpecPage({
+      components: [Pagination],
+      html: `<ic-pagination pages="15" hide-first-page-button=true hide-last-page-button=true></ic-pagination>`,
+    });
+    expect(page.root).toMatchSnapshot("no first or last page button");
+  });
+  it("should render without current page", async () => {
+    const page = await newSpecPage({
+      components: [Pagination],
+      html: `<ic-pagination pages="15" hide-current-page=true ></ic-pagination>`,
+    });
+    expect(page.root).toMatchSnapshot("no current page");
+  });
+  it("should render all pages when total pages less than min width based on boundary-count and adjacent-count", async () => {
+    const page = await newSpecPage({
+      components: [Pagination],
+      html: `<ic-pagination
+      pages="11"
+      type="complex"
+      adjacent-count="2"
+      boundary-count="2" ></ic-pagination>`,
+    });
+    expect(page.root).toMatchSnapshot("pages less than adjacent-count + boundary-count");
+  });
+  it("should render with interactions disabled", async () => {
+    const page = await newSpecPage({
+      components: [Pagination],
+      html: `<ic-pagination pages="15" loading=true ></ic-pagination>`,
+    });
+    expect(page.root).toMatchSnapshot("loading");
+  });
+  it("should click the next page button", async () => {
+    const page = await newSpecPage({
+      components: [Pagination, Button, PaginationItem],
+      html: `<ic-pagination pages="15" ></ic-pagination>
+      `,
+    });
+    const btn = (await page.root.shadowRoot.querySelector("#next-page-button"));
+    const pageEl = (await page.root.shadowRoot.querySelector("ic-pagination-item"));
+    await btn.click();
+    await page.waitForChanges();
+    expect(pageEl.page).toBe(2);
+  });
+  it("should click the last page button", async () => {
+    const page = await newSpecPage({
+      components: [Pagination, Button, PaginationItem],
+      html: `<ic-pagination pages="15" ></ic-pagination>
+      `,
+    });
+    const btn = (await page.root.shadowRoot.querySelector("#last-page-button"));
+    const pageEl = (await page.root.shadowRoot.querySelector("ic-pagination-item"));
+    await btn.click();
+    await page.waitForChanges();
+    expect(pageEl.page).toBe(15);
+  });
+  it("should click the previous page button", async () => {
+    const page = await newSpecPage({
+      components: [Pagination, Button, PaginationItem],
+      html: `<ic-pagination pages="15" default-page=5 ></ic-pagination>
+      `,
+    });
+    const btn = (await page.root.shadowRoot.querySelector("#previous-page-button"));
+    const pageEl = (await page.root.shadowRoot.querySelector("ic-pagination-item"));
+    await btn.click();
+    await page.waitForChanges();
+    expect(pageEl.page).toBe(4);
+  });
+  it("should click the first page button", async () => {
+    const page = await newSpecPage({
+      components: [Pagination, Button, PaginationItem],
+      html: `<ic-pagination pages="15" default-page=5 ></ic-pagination>
+      `,
+    });
+    const btn = (await page.root.shadowRoot.querySelector("#first-page-button"));
+    const pageEl = (await page.root.shadowRoot.querySelector("ic-pagination-item"));
+    await btn.click();
+    await page.waitForChanges();
+    expect(pageEl.page).toBe(1);
+  });
+});
+describe("ic-pagination complex type", () => {
+  it("should render as complex type", async () => {
+    const page = await newSpecPage({
+      components: [Pagination],
+      html: `<ic-pagination pages=15 type='complex' ></ic-pagination>`,
+    });
+    expect(page.root).toMatchSnapshot("render complex pagination");
+  });
+  it("should render as complex type without first page button", async () => {
+    const page = await newSpecPage({
+      components: [Pagination],
+      html: `<ic-pagination pages=15 type='complex' hide-first-page-button=true ></ic-pagination>`,
+    });
+    expect(page.root).toMatchSnapshot("render complex pagination with no first page button");
+  });
+  it("should render as complex type without last page button", async () => {
+    const page = await newSpecPage({
+      components: [Pagination],
+      html: `<ic-pagination pages=15 type='complex' hide-last-page-button=true ></ic-pagination>`,
+    });
+    expect(page.root).toMatchSnapshot("render complex pagination with no last page button");
+  });
+  it("should render as complex type with 20 pages", async () => {
+    const page = await newSpecPage({
+      components: [Pagination],
+      html: `<ic-pagination type="complex" pages=20 ></ic-pagination>`,
+    });
+    expect(page.root).toMatchSnapshot("render complex pagination with 20 pages");
+  });
+  it("should render as complex type with 0 adjacent items and 0 boundary items", async () => {
+    const page = await newSpecPage({
+      components: [Pagination],
+      html: `<ic-pagination
+      pages=15
+      type="complex"
+      adjacent-count=0
+    ></ic-pagination>`,
+    });
+    expect(page.root).toMatchSnapshot("render complex type with 0 adjacent items and 0 boundary items");
+  });
+  it("should render as complex type with 0 adjacent items and 0 boundary items with default page set at 7", async () => {
+    const page = await newSpecPage({
+      components: [Pagination],
+      html: `<ic-pagination pages=15 type="complex" adjacent-count=0 boundary-count=0 default-page=7 ></ic-pagination>`,
+    });
+    expect(page.root).toMatchSnapshot("render complex type with 0 adjacent items and 0 boundary items and default page 7");
+  });
+  it("should render as complex type with 0 adjacent items and 0 boundary items with default page set at 15", async () => {
+    const page = await newSpecPage({
+      components: [Pagination],
+      html: `<ic-pagination pages=15 type="complex" adjacent-count=0 boundary-count=0 default-page=15 ></ic-pagination>`,
+    });
+    expect(page.root).toMatchSnapshot("render complex type with 0 adjacent items and 0 boundary items and default page 15");
+  });
+  it("should render in complex type with 1 adjacent items and 0 boundary items", async () => {
+    const page = await newSpecPage({
+      components: [Pagination],
+      html: `<ic-pagination pages=15 type="complex" adjacent-count=1 boundary-count=0 ></ic-pagination>`,
+    });
+    expect(page.root).toMatchSnapshot("render complex type with 1 adjacent items and 0 boundary items");
+  });
+  it("should render as complex type with 2 adjacent items and 0 boundary items", async () => {
+    const page = await newSpecPage({
+      components: [Pagination],
+      html: `<ic-pagination pages=15 type="complex" adjacent-count=2 boundary-count=0 ></ic-pagination>`,
+    });
+    expect(page.root).toMatchSnapshot("render complex type with 2 adjacent items and 0 boundary items");
+  });
+  it("should render as complex type with 0 adjacent items and 1 boundary items", async () => {
+    const page = await newSpecPage({
+      components: [Pagination],
+      html: `<ic-pagination pages=15 type="complex" adjacent-count=0 boundary-count=1 ></ic-pagination>`,
+    });
+    expect(page.root).toMatchSnapshot("render complex type with 0 adjacent items and 1 boundary items");
+  });
+  it("should render as complex type with 0 adjacent items and 2 boundary items", async () => {
+    const page = await newSpecPage({
+      components: [Pagination],
+      html: `<ic-pagination pages=15 type="complex" adjacent-count=0 boundary-count=2 ></ic-pagination>`,
+    });
+    expect(page.root).toMatchSnapshot("render complex type with 0 adjacent items and 2 boundary items");
+  });
+  it("should render as complex type with 1 adjacent items and 2 boundary items", async () => {
+    const page = await newSpecPage({
+      components: [Pagination],
+      html: `<ic-pagination pages=15 type="complex" adjacent-count=1 boundary-count=2 ></ic-pagination>`,
+    });
+    expect(page.root).toMatchSnapshot("render complex type with 1 adjacent items and 2 boundary items");
+  });
+  it("should render as complex type with 2 adjacent items and 1 boundary items", async () => {
+    const page = await newSpecPage({
+      components: [Pagination],
+      html: `<ic-pagination pages=15 type="complex" adjacent-count=2 boundary-count=1 ></ic-pagination>`,
+    });
+    expect(page.root).toMatchSnapshot("render complex type with 2 adjacent items and 1 boundary items");
+  });
+  it("should render as complex type with 2 adjacent items and 2 boundary items", async () => {
+    const page = await newSpecPage({
+      components: [Pagination],
+      html: `<ic-pagination pages=15 type="complex" adjacent-count=2 boundary-count=2 ></ic-pagination>`,
+    });
+    expect(page.root).toMatchSnapshot("render complex type with 2 adjacent items and 2 boundary items");
+  });
+  it("should click the next page button in complex type", async () => {
+    const page = await newSpecPage({
+      components: [Pagination, Button, PaginationItem],
+      html: `<ic-pagination pages=15 type="complex" default-page=5 ></ic-pagination>
+      `,
+    });
+    const btn = (await page.root.shadowRoot.querySelector("#next-page-button"));
+    const pageEl = (await page.root.shadowRoot.querySelector("ic-pagination-item"));
+    await btn.click();
+    await page.waitForChanges();
+    expect(pageEl.page).toBe(1);
+  });
+  it("should click the previous page button in complex type", async () => {
+    const page = await newSpecPage({
+      components: [Pagination, Button, PaginationItem],
+      html: `<ic-pagination pages="15" type="complex" default-page=5 ></ic-pagination>
+      `,
+    });
+    const btn = (await page.root.shadowRoot.querySelector("#previous-page-button"));
+    const pageEl = (await page.root.shadowRoot.querySelector("ic-pagination-item"));
+    await btn.click();
+    await page.waitForChanges();
+    expect(pageEl.page).toBe(1);
+  });
+  it("should click the last page button in complex type", async () => {
+    const page = await newSpecPage({
+      components: [Pagination, Button, PaginationItem],
+      html: `<ic-pagination pages="15" type="complex" default-page=5 ></ic-pagination>
+      `,
+    });
+    const btn = (await page.root.shadowRoot.querySelector("#last-page-button"));
+    const pageEl = (await page.root.shadowRoot.querySelector("ic-pagination-item"));
+    await btn.click();
+    await page.waitForChanges();
+    expect(pageEl.page).toBe(1);
+  });
+  it("should click the first page button in complex type", async () => {
+    const page = await newSpecPage({
+      components: [Pagination, Button, PaginationItem],
+      html: `<ic-pagination pages="15" type="complex" default-page="15" ></ic-pagination>
+      `,
+    });
+    const btn = (await page.root.shadowRoot.querySelector("#first-page-button"));
+    const pageEl = (await page.root.shadowRoot.querySelector("ic-pagination-item"));
+    await pageEl.click();
+    await btn.click();
+    await page.waitForChanges();
+    expect(pageEl.page).toBe(1);
+  });
+  it("should click the pagination-item in complex type", async () => {
+    const page = await newSpecPage({
+      components: [Pagination, Button, PaginationItem],
+      html: `<ic-pagination pages="15" type="complex" default-page=2 pages="15" ></ic-pagination>
+      `,
+    });
+    const icPagItem = (await page.root.shadowRoot.querySelector("ic-pagination-item"));
+    const btn = (await icPagItem.shadowRoot.querySelector(".item-container.default.page"));
+    await btn.click();
+    await icPagItem.click();
+    await page.waitForChanges();
+    expect(icPagItem.page).toBe(1);
+  });
+  it("should emit an event", async () => {
+    const page = await newSpecPage({
+      components: [Pagination, Button, PaginationItem],
+      html: `<ic-pagination pages="15" type="complex" default-page=2 pages="15" ></ic-pagination>
+      `,
+    });
+    await page.rootInstance.paginationItemClickHandler({ detail: { page: 1 } });
+    await page.waitForChanges();
+    expect(page.root.currentPage).toBe(1);
+  });
+});
+describe("ic-pagination appearance tests", () => {
+  it("should render as simple type in dark appearance", async () => {
+    const page = await newSpecPage({
+      components: [Pagination],
+      html: `<ic-pagination pages="15" appearance='dark' ></ic-pagination>`,
+    });
+    expect(page.root).toMatchSnapshot("render dark simple pagination");
+  });
+  it("should render as simple type in light appearance", async () => {
+    const page = await newSpecPage({
+      components: [Pagination],
+      html: `<ic-pagination pages="15" appearance='light' ></ic-pagination>`,
+    });
+    expect(page.root).toMatchSnapshot("render light simple pagination");
+  });
+  it("should render as complex type in dark appearance", async () => {
+    const page = await newSpecPage({
+      components: [Pagination],
+      html: `<ic-pagination pages="15" type='complex' appearance='dark' ></ic-pagination>`,
+    });
+    expect(page.root).toMatchSnapshot("render dark complex pagination");
+  });
+  it("should render as complex type in light appearance", async () => {
+    const page = await newSpecPage({
+      components: [Pagination],
+      html: `<ic-pagination pages="15" type='complex' appearance='light' ></ic-pagination>`,
+    });
+    expect(page.root).toMatchSnapshot("render light complex pagination");
+  });
+  it("should change page when current page set with public method", async () => {
+    const page = await newSpecPage({
+      components: [Pagination, Button, PaginationItem],
+      html: `<ic-pagination pages="15" type="complex"></ic-pagination>
+      `,
+    });
+    expect(page.rootInstance.currentPage).toBe(1);
+    await page.root.setCurrentPage(3);
+    await page.waitForChanges();
+    expect(page.rootInstance.currentPage).toBe(3);
+  });
+});
+//# sourceMappingURL=ic-pagination.spec.js.map

package/dist/collection/components/ic-pagination/ic-pagination.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ic-pagination.spec.js","sourceRoot":"","sources":["../../../src/components/ic-pagination/ic-pagination.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { Pagination } from \"./ic-pagination\";\nimport { Button } from \"../ic-button/ic-button\";\nimport { newSpecPage } from \"@stencil/core/testing\";\nimport { AnyHTMLElement } from \"@stencil/core/internal\";\nimport { PaginationItem } from \"./../ic-pagination-item/ic-pagination-item\";\n\ndescribe(\"ic-pagination simple appearance component\", () => {\n  it(\"should render with 10 pages\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=10 ></ic-pagination>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"render with ten pages\");\n  });\n  it(\"should renderon the last pages\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=\"15\" default-page=\"15\" ></ic-pagination>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"render with ten pages\");\n  });\n\n  it(\"should render with the default page selected\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=\"15\" default-page=4 ></ic-pagination>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"render at the default page\");\n  });\n\n  it(\"should render with first and last buttons disabled\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=\"15\" hide-first-page-button=true hide-last-page-button=true></ic-pagination>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"no first or last page button\");\n  });\n  it(\"should render without current page\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=\"15\" hide-current-page=true ></ic-pagination>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"no current page\");\n  });\n  it(\"should render all pages when total pages less than min width based on boundary-count and adjacent-count\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination\n      pages=\"11\"\n      type=\"complex\"\n      adjacent-count=\"2\"\n      boundary-count=\"2\" ></ic-pagination>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\n      \"pages less than adjacent-count + boundary-count\"\n    );\n  });\n  it(\"should render with interactions disabled\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=\"15\" loading=true ></ic-pagination>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"loading\");\n  });\n  it(\"should click the next page button\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination, Button, PaginationItem],\n      html: `<ic-pagination pages=\"15\" ></ic-pagination>\n      `,\n    });\n\n    const btn = (await page.root.shadowRoot.querySelector(\n      \"#next-page-button\"\n    )) as HTMLIcButtonElement;\n    const pageEl = (await page.root.shadowRoot.querySelector(\n      \"ic-pagination-item\"\n    )) as HTMLIcPaginationItemElement;\n\n    await btn.click();\n    await page.waitForChanges();\n\n    expect(pageEl.page).toBe(2);\n  });\n\n  it(\"should click the last page button\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination, Button, PaginationItem],\n      html: `<ic-pagination pages=\"15\" ></ic-pagination>\n      `,\n    });\n\n    const btn = (await page.root.shadowRoot.querySelector(\n      \"#last-page-button\"\n    )) as HTMLIcButtonElement;\n    const pageEl = (await page.root.shadowRoot.querySelector(\n      \"ic-pagination-item\"\n    )) as HTMLIcPaginationItemElement;\n\n    await btn.click();\n    await page.waitForChanges();\n\n    expect(pageEl.page).toBe(15);\n  });\n  it(\"should click the previous page button\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination, Button, PaginationItem],\n      html: `<ic-pagination pages=\"15\" default-page=5 ></ic-pagination>\n      `,\n    });\n\n    const btn = (await page.root.shadowRoot.querySelector(\n      \"#previous-page-button\"\n    )) as HTMLIcButtonElement;\n    const pageEl = (await page.root.shadowRoot.querySelector(\n      \"ic-pagination-item\"\n    )) as HTMLIcPaginationItemElement;\n\n    await btn.click();\n    await page.waitForChanges();\n\n    expect(pageEl.page).toBe(4);\n  });\n  it(\"should click the first page button\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination, Button, PaginationItem],\n      html: `<ic-pagination pages=\"15\" default-page=5 ></ic-pagination>\n      `,\n    });\n\n    const btn = (await page.root.shadowRoot.querySelector(\n      \"#first-page-button\"\n    )) as HTMLIcButtonElement;\n    const pageEl = (await page.root.shadowRoot.querySelector(\n      \"ic-pagination-item\"\n    )) as HTMLIcPaginationItemElement;\n\n    await btn.click();\n    await page.waitForChanges();\n\n    expect(pageEl.page).toBe(1);\n  });\n});\ndescribe(\"ic-pagination complex type\", () => {\n  it(\"should render as complex type\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type='complex' ></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\"render complex pagination\");\n  });\n\n  it(\"should render as complex type without first page button\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type='complex' hide-first-page-button=true ></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex pagination with no first page button\"\n    );\n  });\n\n  it(\"should render as complex type without last page button\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type='complex' hide-last-page-button=true ></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex pagination with no last page button\"\n    );\n  });\n\n  it(\"should render as complex type with 20 pages\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination type=\"complex\" pages=20 ></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex pagination with 20 pages\"\n    );\n  });\n\n  it(\"should render as complex type with 0 adjacent items and 0 boundary items\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination\n      pages=15\n      type=\"complex\"\n      adjacent-count=0\n    ></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex type with 0 adjacent items and 0 boundary items\"\n    );\n  });\n\n  it(\"should render as complex type with 0 adjacent items and 0 boundary items with default page set at 7\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type=\"complex\" adjacent-count=0 boundary-count=0 default-page=7 ></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex type with 0 adjacent items and 0 boundary items and default page 7\"\n    );\n  });\n\n  it(\"should render as complex type with 0 adjacent items and 0 boundary items with default page set at 15\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type=\"complex\" adjacent-count=0 boundary-count=0 default-page=15 ></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex type with 0 adjacent items and 0 boundary items and default page 15\"\n    );\n  });\n\n  it(\"should render in complex type with 1 adjacent items and 0 boundary items\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type=\"complex\" adjacent-count=1 boundary-count=0 ></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex type with 1 adjacent items and 0 boundary items\"\n    );\n  });\n\n  it(\"should render as complex type with 2 adjacent items and 0 boundary items\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type=\"complex\" adjacent-count=2 boundary-count=0 ></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex type with 2 adjacent items and 0 boundary items\"\n    );\n  });\n\n  it(\"should render as complex type with 0 adjacent items and 1 boundary items\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type=\"complex\" adjacent-count=0 boundary-count=1 ></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex type with 0 adjacent items and 1 boundary items\"\n    );\n  });\n\n  it(\"should render as complex type with 0 adjacent items and 2 boundary items\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type=\"complex\" adjacent-count=0 boundary-count=2 ></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex type with 0 adjacent items and 2 boundary items\"\n    );\n  });\n\n  it(\"should render as complex type with 1 adjacent items and 2 boundary items\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type=\"complex\" adjacent-count=1 boundary-count=2 ></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex type with 1 adjacent items and 2 boundary items\"\n    );\n  });\n\n  it(\"should render as complex type with 2 adjacent items and 1 boundary items\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type=\"complex\" adjacent-count=2 boundary-count=1 ></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex type with 2 adjacent items and 1 boundary items\"\n    );\n  });\n\n  it(\"should render as complex type with 2 adjacent items and 2 boundary items\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=15 type=\"complex\" adjacent-count=2 boundary-count=2 ></ic-pagination>`,\n    });\n    expect(page.root).toMatchSnapshot(\n      \"render complex type with 2 adjacent items and 2 boundary items\"\n    );\n  });\n\n  it(\"should click the next page button in complex type\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination, Button, PaginationItem],\n      html: `<ic-pagination pages=15 type=\"complex\" default-page=5 ></ic-pagination>\n      `,\n    });\n\n    const btn = (await page.root.shadowRoot.querySelector(\n      \"#next-page-button\"\n    )) as HTMLIcButtonElement;\n    const pageEl = (await page.root.shadowRoot.querySelector(\n      \"ic-pagination-item\"\n    )) as HTMLIcPaginationItemElement;\n\n    await btn.click();\n    await page.waitForChanges();\n\n    expect(pageEl.page).toBe(1);\n  });\n  it(\"should click the previous page button in complex type\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination, Button, PaginationItem],\n      html: `<ic-pagination pages=\"15\" type=\"complex\" default-page=5 ></ic-pagination>\n      `,\n    });\n\n    const btn = (await page.root.shadowRoot.querySelector(\n      \"#previous-page-button\"\n    )) as HTMLIcButtonElement;\n    const pageEl = (await page.root.shadowRoot.querySelector(\n      \"ic-pagination-item\"\n    )) as HTMLIcPaginationItemElement;\n\n    await btn.click();\n    await page.waitForChanges();\n\n    expect(pageEl.page).toBe(1);\n  });\n  it(\"should click the last page button in complex type\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination, Button, PaginationItem],\n      html: `<ic-pagination pages=\"15\" type=\"complex\" default-page=5 ></ic-pagination>\n      `,\n    });\n\n    const btn = (await page.root.shadowRoot.querySelector(\n      \"#last-page-button\"\n    )) as HTMLIcButtonElement;\n    const pageEl = (await page.root.shadowRoot.querySelector(\n      \"ic-pagination-item\"\n    )) as HTMLIcPaginationItemElement;\n\n    await btn.click();\n    await page.waitForChanges();\n\n    expect(pageEl.page).toBe(1);\n  });\n  it(\"should click the first page button in complex type\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination, Button, PaginationItem],\n      html: `<ic-pagination pages=\"15\" type=\"complex\" default-page=\"15\" ></ic-pagination>\n      `,\n    });\n\n    const btn = (await page.root.shadowRoot.querySelector(\n      \"#first-page-button\"\n    )) as HTMLIcButtonElement;\n    const pageEl = (await page.root.shadowRoot.querySelector(\n      \"ic-pagination-item\"\n    )) as HTMLIcPaginationItemElement;\n\n    await pageEl.click();\n    await btn.click();\n    await page.waitForChanges();\n\n    expect(pageEl.page).toBe(1);\n  });\n  it(\"should click the pagination-item in complex type\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination, Button, PaginationItem],\n      html: `<ic-pagination pages=\"15\" type=\"complex\" default-page=2 pages=\"15\" ></ic-pagination>\n      `,\n    });\n\n    const icPagItem = (await page.root.shadowRoot.querySelector(\n      \"ic-pagination-item\"\n    )) as HTMLIcPaginationItemElement;\n\n    const btn = (await icPagItem.shadowRoot.querySelector(\n      \".item-container.default.page\"\n    )) as AnyHTMLElement;\n\n    await btn.click();\n    await icPagItem.click();\n    await page.waitForChanges();\n\n    expect(icPagItem.page).toBe(1);\n  });\n\n  it(\"should emit an event\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination, Button, PaginationItem],\n      html: `<ic-pagination pages=\"15\" type=\"complex\" default-page=2 pages=\"15\" ></ic-pagination>\n      `,\n    });\n    await page.rootInstance.paginationItemClickHandler({ detail: { page: 1 } });\n    await page.waitForChanges();\n\n    expect(page.root.currentPage).toBe(1);\n  });\n});\ndescribe(\"ic-pagination appearance tests\", () => {\n  it(\"should render as simple type in dark appearance\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=\"15\" appearance='dark' ></ic-pagination>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"render dark simple pagination\");\n  });\n  it(\"should render as simple type in light appearance\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=\"15\" appearance='light' ></ic-pagination>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"render light simple pagination\");\n  });\n  it(\"should render as complex type in dark appearance\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=\"15\" type='complex' appearance='dark' ></ic-pagination>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"render dark complex pagination\");\n  });\n  it(\"should render as complex type in light appearance\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination],\n      html: `<ic-pagination pages=\"15\" type='complex' appearance='light' ></ic-pagination>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"render light complex pagination\");\n  });\n\n  it(\"should change page when current page set with public method\", async () => {\n    const page = await newSpecPage({\n      components: [Pagination, Button, PaginationItem],\n      html: `<ic-pagination pages=\"15\" type=\"complex\"></ic-pagination>\n      `,\n    });\n    expect(page.rootInstance.currentPage).toBe(1);\n\n    await page.root.setCurrentPage(3);\n    await page.waitForChanges();\n\n    expect(page.rootInstance.currentPage).toBe(3);\n  });\n});\n"]}

package/dist/collection/components/ic-pagination-item/ic-pagination-item.js

@@ -1,4 +1,5 @@
 import { h, } from "@stencil/core";
+import { removeDisabledFalse } from "../../utils/helpers";
 export class PaginationItem {
   constructor() {
     this.handleClick = () => {
@@ -13,6 +14,9 @@ export class PaginationItem {
     this.ariaOverride = false;
     this.pages = undefined;
   }
+  componentWillLoad() {
+    removeDisabledFalse(this.disabled, this.el);
+  }
   render() {
     const { page, selected, type, disabled, appearance, label, ariaOverride, pages, } = this;
     return (h("a", null, type === "ellipsis" ? (h("div", { class: {
@@ -131,7 +135,7 @@ export class PaginationItem {
           "references": {
             "IcThemeForeground": {
               "location": "import",
-              "path": "../../interface"
+              "path": "../../utils/types"
             }
           }
         },

package/dist/collection/components/ic-pagination-item/ic-pagination-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"ic-pagination-item.js","sourceRoot":"","sources":["../../../src/components/ic-pagination-item/ic-pagination-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,IAAI,EACJ,OAAO,EACP,CAAC,EACD,KAAK,GAEN,MAAM,eAAe,CAAC;AASvB,MAAM,OAAO,cAAc;;IAyCjB,gBAAW,GAAG,GAAG,EAAE;MACzB,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IACrD,CAAC,CAAC;;oBAjC0B,KAAK;;oBAQL,KAAK;;iBAQT,OAAO;wBAIC,KAAK;;;EAerC,MAAM;IACJ,MAAM,EACJ,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,KAAK,EACL,YAAY,EACZ,KAAK,GACN,GAAG,IAAI,CAAC;IAET,OAAO,CACL,aACG,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,CACrB,WACE,KAAK,EAAE;QACL,CAAC,gBAAgB,CAAC,EAAE,IAAI;QACxB,CAAC,UAAU,CAAC,EAAE,IAAI;QAClB,CAAC,UAAU,CAAC,EAAE,QAAQ;OACvB;MAED,qBACE,KAAK,EAAE;UACL,CAAC,GAAG,UAAU,EAAE,CAAC,EAAE,IAAI;SACxB,EACD,OAAO,EAAC,OAAO,UAGD,CACZ,CACP,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CACpB,cACE,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EAC/B,IAAI,EAAC,QAAQ,kBACC,QAAQ,IAAI,cAAc,gBAC5B,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,cAAc,IAAI,EAAE,EACjE,KAAK,EAAE;QACL,CAAC,UAAU,CAAC,EAAE,CAAC,QAAQ,IAAI,QAAQ;QACnC,CAAC,UAAU,CAAC,EAAE,QAAQ;QACtB,CAAC,gBAAgB,CAAC,EAAE,IAAI;QACxB,CAAC,GAAG,UAAU,EAAE,CAAC,EAAE,IAAI;QACvB,CAAC,MAAM,CAAC,EAAE,IAAI,KAAK,MAAM;OAC1B;MAED,qBACE,OAAO,EAAC,OAAO,EACf,KAAK,EAAE;UACL,CAAC,eAAe,CAAC,EAAE,QAAQ;UAC3B,CAAC,UAAU,CAAC,EAAE,QAAQ;UACtB,CAAC,GAAG,UAAU,EAAE,CAAC,EAAE,IAAI;SACxB,IAEA,IAAI,CACS,CACT,CACV,CAAC,CAAC,CAAC,CACF,kCACY,QAAQ,gBAEhB,YAAY,CAAC,CAAC,CAAC,QAAQ,IAAI,OAAO,KAAK,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,IAAI,EAAE,EAEhE,KAAK,EAAE,kBAAkB,UAAU,EAAE,EACrC,OAAO,EAAC,OAAO;MAEd,KAAK;;MAAG,IAAI,CACC,CACjB,CACC,CACL,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n  Component,\n  Prop,\n  Element,\n  h,\n  Event,\n  EventEmitter,\n} from \"@stencil/core\";\nimport { IcPaginationItemType } from \"./ic-pagination-item.types\";\nimport { IcThemeForeground } from \"../../interface\";\n\n@Component({\n  tag: \"ic-pagination-item\",\n  styleUrl: \"ic-pagination-item.css\",\n  shadow: true,\n})\nexport class PaginationItem {\n  @Element() el: HTMLIcPaginationItemElement;\n\n  /**\n   * The current page number.\n   */\n  @Prop() page: number | null;\n  /**\n   * If `true`, the pagination item will be selected.\n   */\n  @Prop() selected: boolean = false;\n  /**\n   * The type of pagination item - 'page' or 'ellipsis'.\n   */\n  @Prop() type: IcPaginationItemType;\n  /**\n   * If `true`, the pagination item will be disabled.\n   */\n  @Prop() disabled: boolean = false;\n  /**\n   * The appearance of the pagination, e.g. dark, light or the default.\n   */\n  @Prop() appearance: IcThemeForeground;\n  /**\n   * The label for the pagination item (applicable when simple pagination is being used).\n   */\n  @Prop() label: string = \"Page \";\n  /**\n   * If true the aria-label will be set to `Page X of Y`, where X is the current page and Y is the page count.\n   */\n  @Prop() ariaOverride: boolean = false;\n  /**\n   * The total number of pages.\n   */\n  @Prop() pages: number;\n\n  /**\n   * @internal - Emitted when a pagination item is clicked.\n   */\n  @Event() paginationItemClick: EventEmitter<{ page: number }>;\n\n  private handleClick = () => {\n    this.paginationItemClick.emit({ page: this.page });\n  };\n\n  render() {\n    const {\n      page,\n      selected,\n      type,\n      disabled,\n      appearance,\n      label,\n      ariaOverride,\n      pages,\n    } = this;\n\n    return (\n      <a>\n        {type === \"ellipsis\" ? (\n          <div\n            class={{\n              [\"item-container\"]: true,\n              [\"ellipsis\"]: true,\n              [\"disabled\"]: disabled,\n            }}\n          >\n            <ic-typography\n              class={{\n                [`${appearance}`]: true,\n              }}\n              variant=\"label\"\n            >\n              ...\n            </ic-typography>\n          </div>\n        ) : type === \"page\" ? (\n          <button\n            disabled={disabled}\n            onClick={this.handleClick}\n            tabindex={selected ? \"-1\" : \"0\"}\n            role=\"button\"\n            aria-current={selected && \"Current page\"}\n            aria-label={selected ? `${label}: ${page}` : `Go to page ${page}`}\n            class={{\n              [\"selected\"]: !disabled && selected,\n              [\"disabled\"]: disabled,\n              [\"item-container\"]: true,\n              [`${appearance}`]: true,\n              [\"page\"]: type === \"page\",\n            }}\n          >\n            <ic-typography\n              variant=\"label\"\n              class={{\n                [\"page-selected\"]: selected,\n                [\"disabled\"]: disabled,\n                [`${appearance}`]: true,\n              }}\n            >\n              {page}\n            </ic-typography>\n          </button>\n        ) : (\n          <ic-typography\n            aria-live=\"polite\"\n            aria-label={\n              ariaOverride ? `Page ${page} of ${pages}` : `${label} ${page}`\n            }\n            class={`simple-current ${appearance}`}\n            variant=\"label\"\n          >\n            {label} {page}\n          </ic-typography>\n        )}\n      </a>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ic-pagination-item.js","sourceRoot":"","sources":["../../../src/components/ic-pagination-item/ic-pagination-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,IAAI,EACJ,OAAO,EACP,CAAC,EACD,KAAK,GAEN,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAO1D,MAAM,OAAO,cAAc;;IAyCjB,gBAAW,GAAG,GAAG,EAAE;MACzB,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IACrD,CAAC,CAAC;;oBAjC0B,KAAK;;oBAQL,KAAK;;iBAQT,OAAO;wBAIC,KAAK;;;EAerC,iBAAiB;IACf,mBAAmB,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;EAC9C,CAAC;EAED,MAAM;IACJ,MAAM,EACJ,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,KAAK,EACL,YAAY,EACZ,KAAK,GACN,GAAG,IAAI,CAAC;IAET,OAAO,CACL,aACG,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,CACrB,WACE,KAAK,EAAE;QACL,CAAC,gBAAgB,CAAC,EAAE,IAAI;QACxB,CAAC,UAAU,CAAC,EAAE,IAAI;QAClB,CAAC,UAAU,CAAC,EAAE,QAAQ;OACvB;MAED,qBACE,KAAK,EAAE;UACL,CAAC,GAAG,UAAU,EAAE,CAAC,EAAE,IAAI;SACxB,EACD,OAAO,EAAC,OAAO,UAGD,CACZ,CACP,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CACpB,cACE,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EAC/B,IAAI,EAAC,QAAQ,kBACC,QAAQ,IAAI,cAAc,gBAC5B,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,cAAc,IAAI,EAAE,EACjE,KAAK,EAAE;QACL,CAAC,UAAU,CAAC,EAAE,CAAC,QAAQ,IAAI,QAAQ;QACnC,CAAC,UAAU,CAAC,EAAE,QAAQ;QACtB,CAAC,gBAAgB,CAAC,EAAE,IAAI;QACxB,CAAC,GAAG,UAAU,EAAE,CAAC,EAAE,IAAI;QACvB,CAAC,MAAM,CAAC,EAAE,IAAI,KAAK,MAAM;OAC1B;MAED,qBACE,OAAO,EAAC,OAAO,EACf,KAAK,EAAE;UACL,CAAC,eAAe,CAAC,EAAE,QAAQ;UAC3B,CAAC,UAAU,CAAC,EAAE,QAAQ;UACtB,CAAC,GAAG,UAAU,EAAE,CAAC,EAAE,IAAI;SACxB,IAEA,IAAI,CACS,CACT,CACV,CAAC,CAAC,CAAC,CACF,kCACY,QAAQ,gBAEhB,YAAY,CAAC,CAAC,CAAC,QAAQ,IAAI,OAAO,KAAK,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,IAAI,EAAE,EAEhE,KAAK,EAAE,kBAAkB,UAAU,EAAE,EACrC,OAAO,EAAC,OAAO;MAEd,KAAK;;MAAG,IAAI,CACC,CACjB,CACC,CACL,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n  Component,\n  Prop,\n  Element,\n  h,\n  Event,\n  EventEmitter,\n} from \"@stencil/core\";\nimport { IcPaginationItemType } from \"./ic-pagination-item.types\";\nimport { IcThemeForeground } from \"../../utils/types\";\nimport { removeDisabledFalse } from \"../../utils/helpers\";\n\n@Component({\n  tag: \"ic-pagination-item\",\n  styleUrl: \"ic-pagination-item.css\",\n  shadow: true,\n})\nexport class PaginationItem {\n  @Element() el: HTMLIcPaginationItemElement;\n\n  /**\n   * The current page number.\n   */\n  @Prop() page: number | null;\n  /**\n   * If `true`, the pagination item will be selected.\n   */\n  @Prop() selected: boolean = false;\n  /**\n   * The type of pagination item - 'page' or 'ellipsis'.\n   */\n  @Prop() type: IcPaginationItemType;\n  /**\n   * If `true`, the pagination item will be disabled.\n   */\n  @Prop() disabled: boolean = false;\n  /**\n   * The appearance of the pagination, e.g. dark, light or the default.\n   */\n  @Prop() appearance: IcThemeForeground;\n  /**\n   * The label for the pagination item (applicable when simple pagination is being used).\n   */\n  @Prop() label: string = \"Page \";\n  /**\n   * If true the aria-label will be set to `Page X of Y`, where X is the current page and Y is the page count.\n   */\n  @Prop() ariaOverride: boolean = false;\n  /**\n   * The total number of pages.\n   */\n  @Prop() pages: number;\n\n  /**\n   * @internal - Emitted when a pagination item is clicked.\n   */\n  @Event() paginationItemClick: EventEmitter<{ page: number }>;\n\n  private handleClick = () => {\n    this.paginationItemClick.emit({ page: this.page });\n  };\n\n  componentWillLoad(): void {\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  render() {\n    const {\n      page,\n      selected,\n      type,\n      disabled,\n      appearance,\n      label,\n      ariaOverride,\n      pages,\n    } = this;\n\n    return (\n      <a>\n        {type === \"ellipsis\" ? (\n          <div\n            class={{\n              [\"item-container\"]: true,\n              [\"ellipsis\"]: true,\n              [\"disabled\"]: disabled,\n            }}\n          >\n            <ic-typography\n              class={{\n                [`${appearance}`]: true,\n              }}\n              variant=\"label\"\n            >\n              ...\n            </ic-typography>\n          </div>\n        ) : type === \"page\" ? (\n          <button\n            disabled={disabled}\n            onClick={this.handleClick}\n            tabindex={selected ? \"-1\" : \"0\"}\n            role=\"button\"\n            aria-current={selected && \"Current page\"}\n            aria-label={selected ? `${label}: ${page}` : `Go to page ${page}`}\n            class={{\n              [\"selected\"]: !disabled && selected,\n              [\"disabled\"]: disabled,\n              [\"item-container\"]: true,\n              [`${appearance}`]: true,\n              [\"page\"]: type === \"page\",\n            }}\n          >\n            <ic-typography\n              variant=\"label\"\n              class={{\n                [\"page-selected\"]: selected,\n                [\"disabled\"]: disabled,\n                [`${appearance}`]: true,\n              }}\n            >\n              {page}\n            </ic-typography>\n          </button>\n        ) : (\n          <ic-typography\n            aria-live=\"polite\"\n            aria-label={\n              ariaOverride ? `Page ${page} of ${pages}` : `${label} ${page}`\n            }\n            class={`simple-current ${appearance}`}\n            variant=\"label\"\n          >\n            {label} {page}\n          </ic-typography>\n        )}\n      </a>\n    );\n  }\n}\n"]}

package/dist/collection/components/ic-popover-menu/ic-popover-menu.css

@@ -469,7 +469,7 @@ video {
 }
 
 .menu {
-  border: 0.063rem solid var(--ic-architectural-400);
+  border: var(--ic-border-default);
   border-radius: var(--ic-border-radius);
   background-color: var(--ic-architectural-white);
   visibility: hidden;

package/dist/collection/components/ic-popover-menu/ic-popover-menu.e2e.js

@@ -0,0 +1,30 @@
+import { newE2EPage } from "@stencil/core/testing";
+describe("ic-popover-menu component", () => {
+  it("renders", async () => {
+    const page = await newE2EPage();
+    await page.setContent(`<ic-button id="button-1">Anchor button</ic-button><ic-popover-menu anchor="button-1" aria-label="popover" open="true"><ic-menu-item label="Test button" id="test-button"></ic-menu-item></ic-popover-menu>`);
+    const element = await page.find("ic-popover-menu");
+    expect(element).toHaveClass("hydrated");
+  });
+  it("should emit triggerPopoverMenuInstance when submenu trigger button is clicked", async () => {
+    const page = await newE2EPage();
+    await page.setContent(`<ic-button id="button-1">Anchor button</ic-button><ic-popover-menu anchor="button-1" aria-label="popover" open="true"><ic-menu-item label="Test button" id="test-button" submenu-trigger-for="submenu"></ic-menu-item></ic-popover-menu>`);
+    await page.waitForChanges();
+    const submenuTriggerButton = await page.find("#test-button");
+    const triggerPopoverMenuInstance = await page.spyOnEvent("triggerPopoverMenuInstance");
+    await submenuTriggerButton.click();
+    await page.waitForChanges();
+    expect(triggerPopoverMenuInstance).toHaveReceivedEvent();
+  });
+  it("should emit handleMenuItemClick when menu item is clicked", async () => {
+    const page = await newE2EPage();
+    await page.setContent(`<ic-button id="button-1">Anchor button</ic-button><ic-popover-menu anchor="button-1" aria-label="popover" open="true"><ic-menu-item label="Test button" id="test-button"></ic-menu-item></ic-popover-menu>`);
+    await page.waitForChanges();
+    const triggerButton = await page.find("#test-button");
+    const handleMenuItemClick = await page.spyOnEvent("handleMenuItemClick");
+    await triggerButton.click();
+    await page.waitForChanges();
+    expect(handleMenuItemClick).toHaveReceivedEvent();
+  });
+});
+//# sourceMappingURL=ic-popover-menu.e2e.js.map

package/dist/collection/components/ic-popover-menu/ic-popover-menu.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ic-popover-menu.e2e.js","sourceRoot":"","sources":["../../../src/components/ic-popover-menu/ic-popover-menu.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;EACzC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CACnB,4MAA4M,CAC7M,CAAC;IAEF,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;IAEnD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EAC1C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,+EAA+E,EAAE,KAAK,IAAI,EAAE;IAC7F,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CACnB,0OAA0O,CAC3O,CAAC;IAEF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,oBAAoB,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAE7D,MAAM,0BAA0B,GAAG,MAAM,IAAI,CAAC,UAAU,CACtD,4BAA4B,CAC7B,CAAC;IAEF,MAAM,oBAAoB,CAAC,KAAK,EAAE,CAAC;IAEnC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,CAAC,0BAA0B,CAAC,CAAC,mBAAmB,EAAE,CAAC;EAC3D,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,2DAA2D,EAAE,KAAK,IAAI,EAAE;IACzE,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CACnB,4MAA4M,CAC7M,CAAC;IAEF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAEtD,MAAM,mBAAmB,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAEzE,MAAM,aAAa,CAAC,KAAK,EAAE,CAAC;IAE5B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,CAAC,mBAAmB,CAAC,CAAC,mBAAmB,EAAE,CAAC;EACpD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from \"@stencil/core/testing\";\n\ndescribe(\"ic-popover-menu component\", () => {\n  it(\"renders\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(\n      `<ic-button id=\"button-1\">Anchor button</ic-button><ic-popover-menu anchor=\"button-1\" aria-label=\"popover\" open=\"true\"><ic-menu-item label=\"Test button\" id=\"test-button\"></ic-menu-item></ic-popover-menu>`\n    );\n\n    const element = await page.find(\"ic-popover-menu\");\n\n    expect(element).toHaveClass(\"hydrated\");\n  });\n\n  it(\"should emit triggerPopoverMenuInstance when submenu trigger button is clicked\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(\n      `<ic-button id=\"button-1\">Anchor button</ic-button><ic-popover-menu anchor=\"button-1\" aria-label=\"popover\" open=\"true\"><ic-menu-item label=\"Test button\" id=\"test-button\" submenu-trigger-for=\"submenu\"></ic-menu-item></ic-popover-menu>`\n    );\n\n    await page.waitForChanges();\n\n    const submenuTriggerButton = await page.find(\"#test-button\");\n\n    const triggerPopoverMenuInstance = await page.spyOnEvent(\n      \"triggerPopoverMenuInstance\"\n    );\n\n    await submenuTriggerButton.click();\n\n    await page.waitForChanges();\n\n    expect(triggerPopoverMenuInstance).toHaveReceivedEvent();\n  });\n\n  it(\"should emit handleMenuItemClick when menu item is clicked\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(\n      `<ic-button id=\"button-1\">Anchor button</ic-button><ic-popover-menu anchor=\"button-1\" aria-label=\"popover\" open=\"true\"><ic-menu-item label=\"Test button\" id=\"test-button\"></ic-menu-item></ic-popover-menu>`\n    );\n\n    await page.waitForChanges();\n\n    const triggerButton = await page.find(\"#test-button\");\n\n    const handleMenuItemClick = await page.spyOnEvent(\"handleMenuItemClick\");\n\n    await triggerButton.click();\n\n    await page.waitForChanges();\n\n    expect(handleMenuItemClick).toHaveReceivedEvent();\n  });\n});\n"]}