@ukic/canary-web-components 2.0.0-canary.0

package/dist/collection/components/ic-data-table/test/basic/ic-data-table.spec.js

@@ -0,0 +1,466 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { Button } from "../../../ic-button/ic-button";
+import { DataTable } from "../../ic-data-table";
+import { Pagination } from "../../../ic-pagination/ic-pagination";
+import { PaginationBar } from "../../../ic-pagination-bar/ic-pagination-bar";
+import { PaginationItem } from "../../../ic-pagination-item/ic-pagination-item";
+import { h } from "@stencil/core";
+beforeAll(() => {
+  jest.spyOn(console, "warn").mockImplementation(jest.fn());
+});
+const icDataTable = "ic-unstable-data-table";
+const employeeNumber = "Employee number";
+const name1 = "John Smith";
+const name2 = "Sally Jones";
+const name3 = "Luke Fisher";
+const name4 = "Jane Lock";
+const name5 = "Margaret Hale";
+const highlightedRowClass = "table-row-selected";
+const columns = [
+  { key: "name", title: "Name", dataType: "string" },
+  { key: "age", title: "Age", dataType: "number" },
+  { key: "department", title: "Department", dataType: "string" },
+  { key: "employeeNumber", title: employeeNumber, dataType: "number" },
+];
+const columnsWithRowHeader = [
+  { key: "header", title: employeeNumber, dataType: "number" },
+  { key: "name", title: "Name", dataType: "string" },
+  { key: "age", title: "Age", dataType: "number" },
+  { key: "department", title: "Department", dataType: "string" },
+];
+const columnsWithOverrides = [
+  { key: "name", title: "Name", dataType: "string", cellAlignment: "middle" },
+  {
+    key: "age",
+    title: "Age",
+    dataType: "number",
+    columnAlignment: { horizontal: "middle", vertical: "center" },
+  },
+  {
+    key: "department",
+    title: "Department",
+    dataType: "string",
+    emphasis: "high",
+  },
+  {
+    key: "employeeNumber",
+    title: employeeNumber,
+    dataType: "number",
+    emphasis: "low",
+  },
+];
+const data = [
+  { name: name1, age: 36, department: "Accounts", employeeNumber: 1 },
+  {
+    name: name2,
+    age: 32,
+    department: "Engineering",
+    employeeNumber: 2,
+  },
+  { name: "Tim Rayes", age: 41, department: "Sales", employeeNumber: 3 },
+  {
+    name: name3,
+    age: "23",
+    department: "Engineering",
+    employeeNumber: 4,
+  },
+  { name: name4, age: 34, department: "Engineering", employeeNumber: 5 },
+  { name: name5, age: 45, department: "HR", employeeNumber: 6 },
+];
+const dataWithRowHeaders = [
+  { header: { title: 1 }, name: name1, age: 36, department: "Accounts" },
+  {
+    header: { title: 2 },
+    name: name2,
+    age: 32,
+    department: "Engineering",
+  },
+  { header: { title: 3 }, name: "Tim Rayes", age: 41, department: "Sales" },
+  {
+    header: { title: 4 },
+    name: name3,
+    age: "23",
+    department: "Engineering",
+  },
+  {
+    header: { title: 5 },
+    name: name4,
+    age: 34,
+    department: "Engineering",
+  },
+  { header: { title: 6 }, name: name5, age: 45, department: "HR" },
+];
+const dataWithRowOverrides = [
+  {
+    header: { title: 1, rowAlignment: "middle", emphasis: "high" },
+    name: name1,
+    age: 36,
+    department: "Accounts",
+  },
+  {
+    header: { title: 2, rowAlignment: "top", emphasis: "low" },
+    name: name2,
+    age: 32,
+    department: "Engineering",
+  },
+  {
+    header: { title: 3, rowAlignment: "bottom", emphasis: "high" },
+    name: "Tim Rayes",
+    age: 41,
+    department: "Sales",
+  },
+  {
+    header: { title: 4, rowAlignment: "middle", emphasis: "low" },
+    name: name3,
+    age: "23",
+    department: "Engineering",
+  },
+  {
+    header: { title: 5, rowAlignment: "top", emphasis: "high" },
+    name: name4,
+    age: 34,
+    department: "Engineering",
+  },
+  {
+    header: { title: 6, rowAlignment: "bottom", emphasis: "low" },
+    name: name5,
+    age: 45,
+    department: "HR",
+  },
+];
+const dataWithObjects = [
+  { name: name1, age: 36, department: "Accounts", employeeNumber: 1 },
+  {
+    name: name2,
+    age: 32,
+    department: "Engineering",
+    employeeNumber: 2,
+  },
+  {
+    name: { data: "Tim Rayes" },
+    age: 41,
+    department: "Sales",
+    employeeNumber: 3,
+  },
+  {
+    name: { data: name3 },
+    age: "23",
+    department: "Engineering",
+    employeeNumber: 4,
+  },
+  { name: name4, age: 34, department: "Engineering", employeeNumber: 5 },
+  { name: name5, age: 45, department: "HR", employeeNumber: 6 },
+];
+const dataWithCellOverrides = [
+  {
+    name: {
+      data: name1,
+      columnAlignment: { horizontal: "middle", vertical: "center" },
+      emphasis: "high",
+    },
+    age: 36,
+    department: "Accounts",
+    employeeNumber: 1,
+  },
+  {
+    name: {
+      data: name2,
+      columnAlignment: { horizontal: "top", vertical: "right" },
+      emphasis: "low",
+    },
+    age: 32,
+    department: "Engineering",
+    employeeNumber: 2,
+  },
+  {
+    name: {
+      data: "Tim Rayes",
+      columnAlignment: { horizontal: "bottom", vertical: "left" },
+      emphasis: "high",
+    },
+    age: 41,
+    department: "Sales",
+    employeeNumber: 3,
+  },
+  {
+    name: {
+      data: name3,
+      columnAlignment: { horizontal: "middle", vertical: "center" },
+      emphasis: "low",
+    },
+    age: "23",
+    department: "Engineering",
+    employeeNumber: 4,
+  },
+  {
+    name: {
+      data: name4,
+      columnAlignment: { horizontal: "top", vertical: "right" },
+      emphasis: "high",
+    },
+    age: 34,
+    department: "Engineering",
+    employeeNumber: 5,
+  },
+  {
+    name: {
+      data: name5,
+      columnAlignment: { horizontal: "bottom", vertical: "left" },
+      emphasis: "high",
+    },
+    age: 45,
+    department: "HR",
+    employeeNumber: 6,
+  },
+];
+const longData = [
+  { name: name1, age: 36, department: "Accounts", employeeNumber: 1 },
+  {
+    name: name2,
+    age: 32,
+    department: "Engineering",
+    employeeNumber: 2,
+  },
+  { name: "Tim Rayes", age: 41, department: "Sales", employeeNumber: 3 },
+  {
+    name: name3,
+    age: "23",
+    department: "Engineering",
+    employeeNumber: 4,
+  },
+  { name: name4, age: 34, department: "Engineering", employeeNumber: 5 },
+  { name: name5, age: 45, department: "HR", employeeNumber: 6 },
+  { name: name1, age: 36, department: "Accounts", employeeNumber: 7 },
+  {
+    name: name2,
+    age: 32,
+    department: "Engineering",
+    employeeNumber: 8,
+  },
+  { name: "Tim Rayes", age: 41, department: "Sales", employeeNumber: 9 },
+  {
+    name: name3,
+    age: "23",
+    department: "Engineering",
+    employeeNumber: 10,
+  },
+  { name: name4, age: 34, department: "Engineering", employeeNumber: 11 },
+  { name: name5, age: 45, department: "HR", employeeNumber: 12 },
+  { name: name1, age: 36, department: "Accounts", employeeNumber: 13 },
+  {
+    name: name2,
+    age: 32,
+    department: "Engineering",
+    employeeNumber: 14,
+  },
+  { name: "Tim Rayes", age: 41, department: "Sales", employeeNumber: 15 },
+  {
+    name: name3,
+    age: "23",
+    department: "Engineering",
+    employeeNumber: 16,
+  },
+  { name: name4, age: 34, department: "Engineering", employeeNumber: 17 },
+  { name: name5, age: 45, department: "HR", employeeNumber: 18 },
+  { name: name1, age: 36, department: "Accounts", employeeNumber: 19 },
+  {
+    name: name2,
+    age: 32,
+    department: "Engineering",
+    employeeNumber: 20,
+  },
+];
+describe(icDataTable, () => {
+  it("should render", async () => {
+    const page = await newSpecPage({
+      components: [DataTable],
+      template: () => (h("ic-unstable-data-table", { caption: "test table", columns: columns, data: data })),
+    });
+    expect(page.root).toMatchSnapshot();
+  });
+  it("should render with row headers", async () => {
+    const page = await newSpecPage({
+      components: [DataTable],
+      template: () => (h("ic-unstable-data-table", { caption: "test table", columns: columnsWithRowHeader, data: dataWithRowHeaders })),
+    });
+    expect(page.root).toMatchSnapshot();
+  });
+  it("should render embedded", async () => {
+    const page = await newSpecPage({
+      components: [DataTable],
+      template: () => (h("ic-unstable-data-table", { caption: "test table", columns: columns, data: data, embedded: true })),
+    });
+    expect(page.root).toMatchSnapshot();
+  });
+  it("should render sortable", async () => {
+    const page = await newSpecPage({
+      components: [DataTable],
+      template: () => (h("ic-unstable-data-table", { caption: "test table", columns: columns, data: data, sortable: true })),
+    });
+    expect(page.root).toMatchSnapshot();
+  });
+  it("should render with pagination", async () => {
+    const page = await newSpecPage({
+      components: [DataTable],
+      template: () => (h("ic-unstable-data-table", { caption: "test table", columns: columns, data: longData, "show-pagination": true })),
+    });
+    expect(page.root).toMatchSnapshot();
+  });
+  it("should render with column overrides", async () => {
+    const page = await newSpecPage({
+      components: [DataTable],
+      template: () => (h("ic-unstable-data-table", { caption: "test table", columns: columnsWithOverrides, data: data, "show-pagination": true })),
+    });
+    expect(page.root).toMatchSnapshot();
+  });
+  it("should render with row overrides", async () => {
+    const page = await newSpecPage({
+      components: [DataTable],
+      template: () => (h("ic-unstable-data-table", { caption: "test table", columns: columnsWithRowHeader, data: dataWithRowOverrides, "show-pagination": true })),
+    });
+    expect(page.root).toMatchSnapshot();
+  });
+  it("should render with cell overrides", async () => {
+    const page = await newSpecPage({
+      components: [DataTable],
+      template: () => (h("ic-unstable-data-table", { caption: "test table", columns: columns, data: dataWithCellOverrides, "show-pagination": true })),
+    });
+    expect(page.root).toMatchSnapshot();
+  });
+  it("should return correct alignment from getCellAlignment", async () => {
+    const page = await newSpecPage({
+      components: [DataTable],
+      template: () => (h("ic-unstable-data-table", { caption: "test table", columns: columns, data: dataWithCellOverrides, "show-pagination": true })),
+    });
+    let cellAlignment = await page.rootInstance.getCellAlignment({
+      data: name1,
+      cellAlignment: { horizontal: "middle", vertical: "center" },
+      emphasis: "high",
+    }, "vertical");
+    expect(cellAlignment).toBe("center");
+    cellAlignment = await page.rootInstance.getCellAlignment({
+      data: name1,
+      cellAlignment: { horizontal: "middle", vertical: "center" },
+      emphasis: "high",
+    }, "horizontal");
+    expect(cellAlignment).toBe("middle");
+    cellAlignment = await page.rootInstance.getCellAlignment({
+      data: name1,
+      columnAlignment: { horizontal: "middle", vertical: "center" },
+      emphasis: "high",
+    }, "horizontal");
+    expect(cellAlignment).toBeUndefined;
+    cellAlignment = await page.rootInstance.getCellAlignment(name1, "horizontal");
+    expect(cellAlignment).toBeUndefined;
+    cellAlignment = await page.rootInstance.getCellAlignment(undefined, "horizontal");
+    expect(cellAlignment).toBeUndefined;
+  });
+  it("should change page when the pagination items are clicked", async () => {
+    const page = await newSpecPage({
+      components: [
+        Button,
+        DataTable,
+        Pagination,
+        PaginationBar,
+        PaginationItem,
+      ],
+      template: () => (h("ic-unstable-data-table", { caption: "test table", columns: columns, data: longData, "show-pagination": true })),
+    });
+    await page.waitForChanges();
+    const dataTable = document.querySelector(icDataTable);
+    const paginationBar = dataTable.shadowRoot.querySelector("ic-pagination-bar");
+    const pagination = paginationBar.shadowRoot.querySelector("ic-pagination");
+    const paginationItem = pagination.shadowRoot.querySelector("ic-pagination-item");
+    let currentPage = paginationItem.shadowRoot.querySelector("ic-typography").textContent;
+    const nextPageButton = pagination.shadowRoot.querySelector("#next-page-button");
+    expect(currentPage).toEqual("Page 1");
+    nextPageButton.focus();
+    nextPageButton.click();
+    const icPageChangeEvent = new CustomEvent("icPageChange", {
+      detail: { value: "2" },
+    });
+    dataTable.dispatchEvent(icPageChangeEvent);
+    currentPage = "Page 2";
+    page.rootInstance.updateScrollOffset();
+    await page.waitForChanges();
+    expect(currentPage).toEqual("Page 2");
+  });
+  it("should change number of items per page when select dropdown is changed", async () => {
+    const page = await newSpecPage({
+      components: [DataTable, PaginationBar],
+      template: () => (h("ic-unstable-data-table", { caption: "test table", columns: columns, data: longData, "show-pagination": true, paginationOptions: {
+          itemsPerPage: [
+            { label: "10", value: "10" },
+            { label: "25", value: "25" },
+            { label: "50", value: "50" },
+          ],
+          type: "data",
+        } })),
+    });
+    await page.waitForChanges();
+    const dataTable = document.querySelector(icDataTable);
+    const paginationBar = dataTable.shadowRoot.querySelector("ic-pagination-bar");
+    const itemsPerPageLabel = paginationBar.shadowRoot.querySelector(".item-pagination-label");
+    page.rootInstance.rowsPerPage = 10;
+    expect(itemsPerPageLabel.textContent).toEqual("1 - 10 of 20 items");
+    const icPageChangeEvent = new CustomEvent("icPageChange", {
+      detail: { value: "1" },
+    });
+    const icItemsPerPageChangeEventUp = new CustomEvent("icItemsPerPageChange", {
+      detail: { value: "20" },
+    });
+    const icItemsPerPageChangeEventDown = new CustomEvent("icItemsPerPageChange", { detail: { value: "10" } });
+    dataTable.dispatchEvent(icItemsPerPageChangeEventUp);
+    page.rootInstance.rowsPerPage = 20;
+    dataTable.dispatchEvent(icPageChangeEvent);
+    page.rootInstance.toRow = 20;
+    await page.waitForChanges();
+    dataTable.dispatchEvent(icItemsPerPageChangeEventDown);
+    page.rootInstance.previousRowsPerPage = 20;
+    page.rootInstance.rowsPerPage = 10;
+    dataTable.dispatchEvent(icPageChangeEvent);
+    await page.waitForChanges();
+    expect(itemsPerPageLabel.textContent).toEqual("1 - 10 of 20 items");
+  });
+  it("should sort data when the sort button is clicked", async () => {
+    const page = await newSpecPage({
+      components: [Button, DataTable],
+      template: () => (h("ic-unstable-data-table", { caption: "test table", columns: columns, data: dataWithObjects, sortable: true })),
+    });
+    const dataTable = document.querySelector(icDataTable);
+    const sortButton = Array.from(dataTable.shadowRoot.querySelectorAll(".sort-button"));
+    expect(page.root).toMatchSnapshot();
+    sortButton[0].click();
+    await page.waitForChanges();
+    expect(page.root).toMatchSnapshot();
+    sortButton[0].click();
+    await page.waitForChanges();
+    expect(page.root).toMatchSnapshot();
+    sortButton[1].click();
+    await page.waitForChanges();
+    expect(page.root).toMatchSnapshot();
+  });
+  it("should highlight the correct row when clicked", async () => {
+    const page = await newSpecPage({
+      components: [Button, DataTable],
+      template: () => (h("ic-unstable-data-table", { caption: "test table", columns: columns, data: data })),
+    });
+    const dataTable = document.querySelector(icDataTable);
+    const rows = dataTable.shadowRoot.querySelectorAll("tr");
+    rows[1].click();
+    await page.waitForChanges();
+    expect(rows[1]).toHaveClass(highlightedRowClass);
+    rows[2].click();
+    await page.waitForChanges();
+    expect(rows[1]).not.toHaveClass(highlightedRowClass);
+    expect(rows[2]).toHaveClass(highlightedRowClass);
+    page.win.dispatchEvent(new MouseEvent("click", {
+      bubbles: true,
+      cancelable: true,
+    }));
+    await page.waitForChanges();
+    expect(rows[1]).not.toHaveClass(highlightedRowClass);
+    expect(rows[2]).not.toHaveClass(highlightedRowClass);
+  });
+});
+//# sourceMappingURL=ic-data-table.spec.js.map

package/dist/collection/components/ic-data-table/test/basic/ic-data-table.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ic-data-table.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-data-table/test/basic/ic-data-table.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { Button } from \"../../../ic-button/ic-button\";\nimport { DataTable } from \"../../ic-data-table\";\nimport { Pagination } from \"../../../ic-pagination/ic-pagination\";\nimport { PaginationBar } from \"../../../ic-pagination-bar/ic-pagination-bar\";\nimport { PaginationItem } from \"../../../ic-pagination-item/ic-pagination-item\";\nimport { h } from \"@stencil/core\";\nimport { IcDataTableColumnObject } from \"../../ic-data-table.types\";\n\nbeforeAll(() => {\n  jest.spyOn(console, \"warn\").mockImplementation(jest.fn());\n});\n\nconst icDataTable = \"ic-unstable-data-table\";\nconst employeeNumber = \"Employee number\";\nconst name1 = \"John Smith\";\nconst name2 = \"Sally Jones\";\nconst name3 = \"Luke Fisher\";\nconst name4 = \"Jane Lock\";\nconst name5 = \"Margaret Hale\";\nconst highlightedRowClass = \"table-row-selected\";\n\nconst columns: IcDataTableColumnObject[] = [\n  { key: \"name\", title: \"Name\", dataType: \"string\" },\n  { key: \"age\", title: \"Age\", dataType: \"number\" },\n  { key: \"department\", title: \"Department\", dataType: \"string\" },\n  { key: \"employeeNumber\", title: employeeNumber, dataType: \"number\" },\n];\n\nconst columnsWithRowHeader: IcDataTableColumnObject[] = [\n  { key: \"header\", title: employeeNumber, dataType: \"number\" },\n  { key: \"name\", title: \"Name\", dataType: \"string\" },\n  { key: \"age\", title: \"Age\", dataType: \"number\" },\n  { key: \"department\", title: \"Department\", dataType: \"string\" },\n];\n\nconst columnsWithOverrides: IcDataTableColumnObject[] = [\n  { key: \"name\", title: \"Name\", dataType: \"string\", cellAlignment: \"middle\" },\n  {\n    key: \"age\",\n    title: \"Age\",\n    dataType: \"number\",\n    columnAlignment: { horizontal: \"middle\", vertical: \"center\" },\n  },\n  {\n    key: \"department\",\n    title: \"Department\",\n    dataType: \"string\",\n    emphasis: \"high\",\n  },\n  {\n    key: \"employeeNumber\",\n    title: employeeNumber,\n    dataType: \"number\",\n    emphasis: \"low\",\n  },\n];\n\nconst data = [\n  { name: name1, age: 36, department: \"Accounts\", employeeNumber: 1 },\n  {\n    name: name2,\n    age: 32,\n    department: \"Engineering\",\n    employeeNumber: 2,\n  },\n  { name: \"Tim Rayes\", age: 41, department: \"Sales\", employeeNumber: 3 },\n  {\n    name: name3,\n    age: \"23\",\n    department: \"Engineering\",\n    employeeNumber: 4,\n  },\n  { name: name4, age: 34, department: \"Engineering\", employeeNumber: 5 },\n  { name: name5, age: 45, department: \"HR\", employeeNumber: 6 },\n];\n\nconst dataWithRowHeaders = [\n  { header: { title: 1 }, name: name1, age: 36, department: \"Accounts\" },\n  {\n    header: { title: 2 },\n    name: name2,\n    age: 32,\n    department: \"Engineering\",\n  },\n  { header: { title: 3 }, name: \"Tim Rayes\", age: 41, department: \"Sales\" },\n  {\n    header: { title: 4 },\n    name: name3,\n    age: \"23\",\n    department: \"Engineering\",\n  },\n  {\n    header: { title: 5 },\n    name: name4,\n    age: 34,\n    department: \"Engineering\",\n  },\n  { header: { title: 6 }, name: name5, age: 45, department: \"HR\" },\n];\n\nconst dataWithRowOverrides = [\n  {\n    header: { title: 1, rowAlignment: \"middle\", emphasis: \"high\" },\n    name: name1,\n    age: 36,\n    department: \"Accounts\",\n  },\n  {\n    header: { title: 2, rowAlignment: \"top\", emphasis: \"low\" },\n    name: name2,\n    age: 32,\n    department: \"Engineering\",\n  },\n  {\n    header: { title: 3, rowAlignment: \"bottom\", emphasis: \"high\" },\n    name: \"Tim Rayes\",\n    age: 41,\n    department: \"Sales\",\n  },\n  {\n    header: { title: 4, rowAlignment: \"middle\", emphasis: \"low\" },\n    name: name3,\n    age: \"23\",\n    department: \"Engineering\",\n  },\n  {\n    header: { title: 5, rowAlignment: \"top\", emphasis: \"high\" },\n    name: name4,\n    age: 34,\n    department: \"Engineering\",\n  },\n  {\n    header: { title: 6, rowAlignment: \"bottom\", emphasis: \"low\" },\n    name: name5,\n    age: 45,\n    department: \"HR\",\n  },\n];\n\nconst dataWithObjects = [\n  { name: name1, age: 36, department: \"Accounts\", employeeNumber: 1 },\n  {\n    name: name2,\n    age: 32,\n    department: \"Engineering\",\n    employeeNumber: 2,\n  },\n  {\n    name: { data: \"Tim Rayes\" },\n    age: 41,\n    department: \"Sales\",\n    employeeNumber: 3,\n  },\n  {\n    name: { data: name3 },\n    age: \"23\",\n    department: \"Engineering\",\n    employeeNumber: 4,\n  },\n  { name: name4, age: 34, department: \"Engineering\", employeeNumber: 5 },\n  { name: name5, age: 45, department: \"HR\", employeeNumber: 6 },\n];\n\nconst dataWithCellOverrides = [\n  {\n    name: {\n      data: name1,\n      columnAlignment: { horizontal: \"middle\", vertical: \"center\" },\n      emphasis: \"high\",\n    },\n    age: 36,\n    department: \"Accounts\",\n    employeeNumber: 1,\n  },\n  {\n    name: {\n      data: name2,\n      columnAlignment: { horizontal: \"top\", vertical: \"right\" },\n      emphasis: \"low\",\n    },\n    age: 32,\n    department: \"Engineering\",\n    employeeNumber: 2,\n  },\n  {\n    name: {\n      data: \"Tim Rayes\",\n      columnAlignment: { horizontal: \"bottom\", vertical: \"left\" },\n      emphasis: \"high\",\n    },\n    age: 41,\n    department: \"Sales\",\n    employeeNumber: 3,\n  },\n  {\n    name: {\n      data: name3,\n      columnAlignment: { horizontal: \"middle\", vertical: \"center\" },\n      emphasis: \"low\",\n    },\n    age: \"23\",\n    department: \"Engineering\",\n    employeeNumber: 4,\n  },\n  {\n    name: {\n      data: name4,\n      columnAlignment: { horizontal: \"top\", vertical: \"right\" },\n      emphasis: \"high\",\n    },\n    age: 34,\n    department: \"Engineering\",\n    employeeNumber: 5,\n  },\n  {\n    name: {\n      data: name5,\n      columnAlignment: { horizontal: \"bottom\", vertical: \"left\" },\n      emphasis: \"high\",\n    },\n    age: 45,\n    department: \"HR\",\n    employeeNumber: 6,\n  },\n];\n\nconst longData = [\n  { name: name1, age: 36, department: \"Accounts\", employeeNumber: 1 },\n  {\n    name: name2,\n    age: 32,\n    department: \"Engineering\",\n    employeeNumber: 2,\n  },\n  { name: \"Tim Rayes\", age: 41, department: \"Sales\", employeeNumber: 3 },\n  {\n    name: name3,\n    age: \"23\",\n    department: \"Engineering\",\n    employeeNumber: 4,\n  },\n  { name: name4, age: 34, department: \"Engineering\", employeeNumber: 5 },\n  { name: name5, age: 45, department: \"HR\", employeeNumber: 6 },\n  { name: name1, age: 36, department: \"Accounts\", employeeNumber: 7 },\n  {\n    name: name2,\n    age: 32,\n    department: \"Engineering\",\n    employeeNumber: 8,\n  },\n  { name: \"Tim Rayes\", age: 41, department: \"Sales\", employeeNumber: 9 },\n  {\n    name: name3,\n    age: \"23\",\n    department: \"Engineering\",\n    employeeNumber: 10,\n  },\n  { name: name4, age: 34, department: \"Engineering\", employeeNumber: 11 },\n  { name: name5, age: 45, department: \"HR\", employeeNumber: 12 },\n  { name: name1, age: 36, department: \"Accounts\", employeeNumber: 13 },\n  {\n    name: name2,\n    age: 32,\n    department: \"Engineering\",\n    employeeNumber: 14,\n  },\n  { name: \"Tim Rayes\", age: 41, department: \"Sales\", employeeNumber: 15 },\n  {\n    name: name3,\n    age: \"23\",\n    department: \"Engineering\",\n    employeeNumber: 16,\n  },\n  { name: name4, age: 34, department: \"Engineering\", employeeNumber: 17 },\n  { name: name5, age: 45, department: \"HR\", employeeNumber: 18 },\n  { name: name1, age: 36, department: \"Accounts\", employeeNumber: 19 },\n  {\n    name: name2,\n    age: 32,\n    department: \"Engineering\",\n    employeeNumber: 20,\n  },\n];\n\ndescribe(icDataTable, () => {\n  it(\"should render\", async () => {\n    const page = await newSpecPage({\n      components: [DataTable],\n      template: () => (\n        <ic-unstable-data-table\n          caption=\"test table\"\n          columns={columns}\n          data={data}\n        ></ic-unstable-data-table>\n      ),\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with row headers\", async () => {\n    const page = await newSpecPage({\n      components: [DataTable],\n      template: () => (\n        <ic-unstable-data-table\n          caption=\"test table\"\n          columns={columnsWithRowHeader}\n          data={dataWithRowHeaders}\n        ></ic-unstable-data-table>\n      ),\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render embedded\", async () => {\n    const page = await newSpecPage({\n      components: [DataTable],\n      template: () => (\n        <ic-unstable-data-table\n          caption=\"test table\"\n          columns={columns}\n          data={data}\n          embedded\n        ></ic-unstable-data-table>\n      ),\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render sortable\", async () => {\n    const page = await newSpecPage({\n      components: [DataTable],\n      template: () => (\n        <ic-unstable-data-table\n          caption=\"test table\"\n          columns={columns}\n          data={data}\n          sortable\n        ></ic-unstable-data-table>\n      ),\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with pagination\", async () => {\n    const page = await newSpecPage({\n      components: [DataTable],\n      template: () => (\n        <ic-unstable-data-table\n          caption=\"test table\"\n          columns={columns}\n          data={longData}\n          show-pagination\n        ></ic-unstable-data-table>\n      ),\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with column overrides\", async () => {\n    const page = await newSpecPage({\n      components: [DataTable],\n      template: () => (\n        <ic-unstable-data-table\n          caption=\"test table\"\n          columns={columnsWithOverrides}\n          data={data}\n          show-pagination\n        ></ic-unstable-data-table>\n      ),\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with row overrides\", async () => {\n    const page = await newSpecPage({\n      components: [DataTable],\n      template: () => (\n        <ic-unstable-data-table\n          caption=\"test table\"\n          columns={columnsWithRowHeader}\n          data={dataWithRowOverrides}\n          show-pagination\n        ></ic-unstable-data-table>\n      ),\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with cell overrides\", async () => {\n    const page = await newSpecPage({\n      components: [DataTable],\n      template: () => (\n        <ic-unstable-data-table\n          caption=\"test table\"\n          columns={columns}\n          data={dataWithCellOverrides}\n          show-pagination\n        ></ic-unstable-data-table>\n      ),\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should return correct alignment from getCellAlignment\", async () => {\n    const page = await newSpecPage({\n      components: [DataTable],\n      template: () => (\n        <ic-unstable-data-table\n          caption=\"test table\"\n          columns={columns}\n          data={dataWithCellOverrides}\n          show-pagination\n        ></ic-unstable-data-table>\n      ),\n    });\n\n    let cellAlignment = await page.rootInstance.getCellAlignment(\n      {\n        data: name1,\n        cellAlignment: { horizontal: \"middle\", vertical: \"center\" },\n        emphasis: \"high\",\n      },\n      \"vertical\"\n    );\n    expect(cellAlignment).toBe(\"center\");\n\n    cellAlignment = await page.rootInstance.getCellAlignment(\n      {\n        data: name1,\n        cellAlignment: { horizontal: \"middle\", vertical: \"center\" },\n        emphasis: \"high\",\n      },\n      \"horizontal\"\n    );\n    expect(cellAlignment).toBe(\"middle\");\n\n    cellAlignment = await page.rootInstance.getCellAlignment(\n      {\n        data: name1,\n        columnAlignment: { horizontal: \"middle\", vertical: \"center\" },\n        emphasis: \"high\",\n      },\n      \"horizontal\"\n    );\n    expect(cellAlignment).toBeUndefined;\n\n    cellAlignment = await page.rootInstance.getCellAlignment(\n      name1,\n      \"horizontal\"\n    );\n    expect(cellAlignment).toBeUndefined;\n\n    cellAlignment = await page.rootInstance.getCellAlignment(\n      undefined,\n      \"horizontal\"\n    );\n    expect(cellAlignment).toBeUndefined;\n  });\n\n  it(\"should change page when the pagination items are clicked\", async () => {\n    const page = await newSpecPage({\n      components: [\n        Button,\n        DataTable,\n        Pagination,\n        PaginationBar,\n        PaginationItem,\n      ],\n      template: () => (\n        <ic-unstable-data-table\n          caption=\"test table\"\n          columns={columns}\n          data={longData}\n          show-pagination\n        ></ic-unstable-data-table>\n      ),\n    });\n\n    await page.waitForChanges();\n\n    const dataTable = document.querySelector(icDataTable);\n\n    const paginationBar =\n      dataTable.shadowRoot.querySelector(\"ic-pagination-bar\");\n\n    const pagination = paginationBar.shadowRoot.querySelector(\"ic-pagination\");\n\n    const paginationItem =\n      pagination.shadowRoot.querySelector(\"ic-pagination-item\");\n\n    let currentPage =\n      paginationItem.shadowRoot.querySelector(\"ic-typography\").textContent;\n\n    const nextPageButton = pagination.shadowRoot.querySelector(\n      \"#next-page-button\"\n    ) as HTMLButtonElement;\n\n    expect(currentPage).toEqual(\"Page 1\");\n\n    nextPageButton.focus();\n\n    nextPageButton.click();\n\n    const icPageChangeEvent = new CustomEvent(\"icPageChange\", {\n      detail: { value: \"2\" },\n    });\n\n    dataTable.dispatchEvent(icPageChangeEvent);\n\n    currentPage = \"Page 2\";\n\n    page.rootInstance.updateScrollOffset();\n\n    await page.waitForChanges();\n\n    expect(currentPage).toEqual(\"Page 2\");\n  });\n\n  it(\"should change number of items per page when select dropdown is changed\", async () => {\n    const page = await newSpecPage({\n      components: [DataTable, PaginationBar],\n      template: () => (\n        <ic-unstable-data-table\n          caption=\"test table\"\n          columns={columns}\n          data={longData}\n          show-pagination\n          paginationOptions={{\n            itemsPerPage: [\n              { label: \"10\", value: \"10\" },\n              { label: \"25\", value: \"25\" },\n              { label: \"50\", value: \"50\" },\n            ],\n            type: \"data\",\n          }}\n        ></ic-unstable-data-table>\n      ),\n    });\n\n    await page.waitForChanges();\n\n    const dataTable = document.querySelector(icDataTable);\n\n    const paginationBar =\n      dataTable.shadowRoot.querySelector(\"ic-pagination-bar\");\n\n    const itemsPerPageLabel = paginationBar.shadowRoot.querySelector(\n      \".item-pagination-label\"\n    );\n\n    page.rootInstance.rowsPerPage = 10;\n\n    expect(itemsPerPageLabel.textContent).toEqual(\"1 - 10 of 20 items\");\n\n    const icPageChangeEvent = new CustomEvent(\"icPageChange\", {\n      detail: { value: \"1\" },\n    });\n\n    const icItemsPerPageChangeEventUp = new CustomEvent(\n      \"icItemsPerPageChange\",\n      {\n        detail: { value: \"20\" },\n      }\n    );\n\n    const icItemsPerPageChangeEventDown = new CustomEvent(\n      \"icItemsPerPageChange\",\n      { detail: { value: \"10\" } }\n    );\n\n    dataTable.dispatchEvent(icItemsPerPageChangeEventUp);\n\n    page.rootInstance.rowsPerPage = 20;\n\n    dataTable.dispatchEvent(icPageChangeEvent);\n\n    page.rootInstance.toRow = 20;\n\n    await page.waitForChanges();\n\n    dataTable.dispatchEvent(icItemsPerPageChangeEventDown);\n\n    page.rootInstance.previousRowsPerPage = 20;\n\n    page.rootInstance.rowsPerPage = 10;\n\n    dataTable.dispatchEvent(icPageChangeEvent);\n\n    await page.waitForChanges();\n\n    expect(itemsPerPageLabel.textContent).toEqual(\"1 - 10 of 20 items\");\n  });\n\n  it(\"should sort data when the sort button is clicked\", async () => {\n    const page = await newSpecPage({\n      components: [Button, DataTable],\n      template: () => (\n        <ic-unstable-data-table\n          caption=\"test table\"\n          columns={columns}\n          data={dataWithObjects}\n          sortable\n        ></ic-unstable-data-table>\n      ),\n    });\n\n    const dataTable = document.querySelector(icDataTable);\n\n    const sortButton = Array.from(\n      dataTable.shadowRoot.querySelectorAll(\".sort-button\")\n    ) as HTMLIcButtonElement[];\n\n    expect(page.root).toMatchSnapshot();\n\n    sortButton[0].click();\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n\n    sortButton[0].click();\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n\n    sortButton[1].click();\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should highlight the correct row when clicked\", async () => {\n    const page = await newSpecPage({\n      components: [Button, DataTable],\n      template: () => (\n        <ic-unstable-data-table\n          caption=\"test table\"\n          columns={columns}\n          data={data}\n        ></ic-unstable-data-table>\n      ),\n    });\n\n    const dataTable = document.querySelector(icDataTable);\n\n    const rows = dataTable.shadowRoot.querySelectorAll(\"tr\");\n\n    rows[1].click();\n\n    await page.waitForChanges();\n\n    expect(rows[1]).toHaveClass(highlightedRowClass);\n\n    rows[2].click();\n\n    await page.waitForChanges();\n\n    expect(rows[1]).not.toHaveClass(highlightedRowClass);\n    expect(rows[2]).toHaveClass(highlightedRowClass);\n\n    page.win.dispatchEvent(\n      new MouseEvent(\"click\", {\n        bubbles: true,\n        cancelable: true,\n      })\n    );\n\n    await page.waitForChanges();\n\n    expect(rows[1]).not.toHaveClass(highlightedRowClass);\n    expect(rows[2]).not.toHaveClass(highlightedRowClass);\n  });\n});\n"]}