@ukic/web-components 3.0.0 → 3.2.0

package/dist/collection/components/ic-tab-context/test/basic/ic-tab-context.spec.js

@@ -1,390 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { TabGroup } from "../../../ic-tab-group/ic-tab-group";
-import { TabPanel } from "../../../ic-tab-panel/ic-tab-panel";
-import { Tab } from "../../../ic-tab/ic-tab";
-import { TabContext } from "../../ic-tab-context";
-beforeAll(() => {
-    jest.spyOn(console, "warn").mockImplementation(jest.fn());
-});
-describe("ic-tab-context component", () => {
-    it("should render tab context with tabs", async () => {
-        const page = await newSpecPage({
-            components: [TabContext, TabGroup, Tab, TabPanel],
-            html: `<ic-tab-context>
-      <ic-tab-group label="Example tab group">
-        <ic-tab>One</ic-tab>
-        <ic-tab>Two</ic-tab>
-        <ic-tab>Three</ic-tab>
-      </ic-tab-group>
-      <ic-tab-panel>Tab One</ic-tab-panel>
-      <ic-tab-panel>Tab Two</ic-tab-panel>
-      <ic-tab-panel>Tab Three</ic-tab-panel>
-      </ic-tab-context>`,
-        });
-        expect(page.root).toMatchSnapshot();
-        //test disconnected callback for automatic activation
-        page.setContent("");
-    });
-    it("should render tab context with tabs - light appearance", async () => {
-        const page = await newSpecPage({
-            components: [TabContext, TabGroup, Tab, TabPanel],
-            html: `<ic-tab-context appearance="light">
-      <ic-tab-group label="Example tab group" appearance="light">
-        <ic-tab>One</ic-tab>
-        <ic-tab>Two</ic-tab>
-        <ic-tab>Three</ic-tab>
-      </ic-tab-group>
-      <ic-tab-panel>Tab One</ic-tab-panel>
-      <ic-tab-panel>Tab Two</ic-tab-panel>
-      <ic-tab-panel>Tab Three</ic-tab-panel>
-      </ic-tab-context>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render tab context with tabs - selected tab", async () => {
-        const page = await newSpecPage({
-            components: [TabContext, TabGroup, Tab, TabPanel],
-            html: `<ic-tab-context selected-tab-index="2">
-      <ic-tab-group label="Example tab group">
-        <ic-tab>One</ic-tab>
-        <ic-tab>Two</ic-tab>
-        <ic-tab>Three</ic-tab>
-      </ic-tab-group>
-      <ic-tab-panel>Tab One</ic-tab-panel>
-      <ic-tab-panel>Tab Two</ic-tab-panel>
-      <ic-tab-panel>Tab Three</ic-tab-panel>
-      </ic-tab-context>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should test controlled mode - selected tab", async () => {
-        const page = await newSpecPage({
-            components: [TabContext, TabGroup, Tab, TabPanel],
-            html: `<ic-tab-context selected-tab-index="2">
-      <ic-tab-group label="Example tab group">
-        <ic-tab>One</ic-tab>
-        <ic-tab>Two</ic-tab>
-        <ic-tab>Three</ic-tab>
-      </ic-tab-group>
-      <ic-tab-panel>Tab One</ic-tab-panel>
-      <ic-tab-panel>Tab Two</ic-tab-panel>
-      <ic-tab-panel>Tab Three</ic-tab-panel>
-      </ic-tab-context>`,
-        });
-        expect(page.rootInstance.selectedTab).toBe(2);
-        const eventSpy = jest.fn();
-        page.root.addEventListener("icTabSelect", eventSpy);
-        const tabGroup = page.root.querySelector("ic-tab-group");
-        tabGroup.dispatchEvent(new window.window.KeyboardEvent("keydown", {
-            key: "Home",
-            bubbles: true,
-            cancelable: true,
-        }));
-        await page.waitForChanges();
-        expect(eventSpy).toHaveBeenCalled();
-    });
-    it("should render tab context with tabs - manual activation", async () => {
-        const page = await newSpecPage({
-            components: [TabContext, TabGroup, Tab, TabPanel],
-            html: `<ic-tab-context activation-type="manual">
-      <ic-tab-group label="Example tab group">
-        <ic-tab>One</ic-tab>
-        <ic-tab>Two</ic-tab>
-        <ic-tab>Three</ic-tab>
-      </ic-tab-group>
-      <ic-tab-panel>Tab One</ic-tab-panel>
-      <ic-tab-panel>Tab Two</ic-tab-panel>
-      <ic-tab-panel>Tab Three</ic-tab-panel>
-      </ic-tab-context>`,
-        });
-        expect(page.root).toMatchSnapshot();
-        //test disconnected callback for manual activation
-        page.setContent("");
-    });
-    it("should render tab context with custom contextId", async () => {
-        const page = await newSpecPage({
-            components: [TabContext, TabGroup, Tab, TabPanel],
-            html: `<ic-tab-context context-id="custom-context">
-      <ic-tab-group label="Example tab group">
-        <ic-tab>One</ic-tab>
-        <ic-tab>Two</ic-tab>
-        <ic-tab>Three</ic-tab>
-      </ic-tab-group>
-      <ic-tab-panel>Tab One</ic-tab-panel>
-      <ic-tab-panel>Tab Two</ic-tab-panel>
-      <ic-tab-panel>Tab Three</ic-tab-panel>
-      </ic-tab-context>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should test setting selected tab", async () => {
-        const page = await newSpecPage({
-            components: [TabContext, TabGroup, Tab, TabPanel],
-            html: `<ic-tab-context>
-      <ic-tab-group label="Example tab group">
-        <ic-tab>One</ic-tab>
-        <ic-tab>Two</ic-tab>
-        <ic-tab>Three</ic-tab>
-      </ic-tab-group>
-      <ic-tab-panel>Tab One</ic-tab-panel>
-      <ic-tab-panel>Tab Two</ic-tab-panel>
-      <ic-tab-panel>Tab Three</ic-tab-panel>
-      </ic-tab-context>`,
-        });
-        expect(page.rootInstance.selectedTab).toBe(0);
-        page.root.selectedTabIndex = 1;
-        await page.waitForChanges();
-        expect(page.rootInstance.selectedTab).toBe(1);
-    });
-    it("should test tab click handler", async () => {
-        const page = await newSpecPage({
-            components: [TabContext, TabGroup, Tab, TabPanel],
-            html: `<ic-tab-context>
-      <ic-tab-group label="Example tab group">
-        <ic-tab>One</ic-tab>
-        <ic-tab>Two</ic-tab>
-        <ic-tab>Three</ic-tab>
-      </ic-tab-group>
-      <ic-tab-panel>Tab One</ic-tab-panel>
-      <ic-tab-panel>Tab Two</ic-tab-panel>
-      <ic-tab-panel>Tab Three</ic-tab-panel>
-      </ic-tab-context>`,
-        });
-        expect(page.rootInstance.selectedTabIndex).toBe(undefined);
-        const eventSpy = jest.fn();
-        page.root.addEventListener("icTabSelect", eventSpy);
-        await page.rootInstance.tabClickHandler({
-            stopImmediatePropagation: jest.fn(),
-            detail: {
-                contextId: "default",
-                position: 1,
-                tabId: "ic-tab--1-context-default",
-            },
-        });
-        await page.waitForChanges();
-        expect(page.rootInstance.selectedTab).toBe(1);
-        expect(eventSpy).toHaveBeenCalled();
-    });
-    it("should test key down handler - automatic", async () => {
-        const page = await newSpecPage({
-            components: [TabContext, TabGroup, Tab, TabPanel],
-            html: `<ic-tab-context>
-      <ic-tab-group label="Example tab group">
-        <ic-tab>One</ic-tab>
-        <ic-tab>Two</ic-tab>
-        <ic-tab>Three</ic-tab>
-      </ic-tab-group>
-      <ic-tab-panel>Tab One</ic-tab-panel>
-      <ic-tab-panel>Tab Two</ic-tab-panel>
-      <ic-tab-panel>Tab Three</ic-tab-panel>
-      </ic-tab-context>`,
-        });
-        const tabGroup = page.root.querySelector("ic-tab-group");
-        tabGroup.dispatchEvent(new window.window.KeyboardEvent("keydown", {
-            key: "End",
-            bubbles: true,
-            cancelable: true,
-        }));
-        await page.waitForChanges();
-        expect(page.rootInstance.selectedTab).toBe(2);
-        tabGroup.dispatchEvent(new window.window.KeyboardEvent("keydown", {
-            key: "Home",
-            bubbles: true,
-            cancelable: true,
-        }));
-        await page.waitForChanges();
-        expect(page.rootInstance.selectedTab).toBe(0);
-        tabGroup.dispatchEvent(new window.window.KeyboardEvent("keydown", {
-            key: "ArrowLeft",
-            bubbles: true,
-            cancelable: true,
-        }));
-        await page.waitForChanges();
-        expect(page.rootInstance.selectedTab).toBe(2);
-        tabGroup.dispatchEvent(new window.window.KeyboardEvent("keydown", {
-            key: "ArrowLeft",
-            bubbles: true,
-            cancelable: true,
-        }));
-        await page.waitForChanges();
-        expect(page.rootInstance.selectedTab).toBe(1);
-        tabGroup.dispatchEvent(new window.window.KeyboardEvent("keydown", {
-            key: "ArrowRight",
-            bubbles: true,
-            cancelable: true,
-        }));
-        await page.waitForChanges();
-        expect(page.rootInstance.selectedTab).toBe(2);
-        tabGroup.dispatchEvent(new window.window.KeyboardEvent("keydown", {
-            key: "ArrowRight",
-            bubbles: true,
-            cancelable: true,
-        }));
-        await page.waitForChanges();
-        expect(page.rootInstance.selectedTab).toBe(0);
-        tabGroup.dispatchEvent(new window.window.KeyboardEvent("keydown", {
-            key: "Escape",
-            bubbles: true,
-            cancelable: true,
-        }));
-        await page.waitForChanges();
-        expect(page.rootInstance.selectedTab).toBe(0);
-    });
-    it("should test key down handler - manual", async () => {
-        const page = await newSpecPage({
-            components: [TabContext, TabGroup, Tab, TabPanel],
-            html: `<ic-tab-context activation-type="manual">
-      <ic-tab-group label="Example tab group">
-        <ic-tab>One</ic-tab>
-        <ic-tab>Two</ic-tab>
-        <ic-tab>Three</ic-tab>
-      </ic-tab-group>
-      <ic-tab-panel>Tab One</ic-tab-panel>
-      <ic-tab-panel>Tab Two</ic-tab-panel>
-      <ic-tab-panel>Tab Three</ic-tab-panel>
-      </ic-tab-context>`,
-        });
-        const tabGroup = page.root.querySelector("ic-tab-group");
-        tabGroup.dispatchEvent(new window.window.KeyboardEvent("keydown", {
-            key: "End",
-            bubbles: true,
-            cancelable: true,
-        }));
-        await page.waitForChanges();
-        expect(page.rootInstance.selectedTab).toBe(0);
-        expect(page.rootInstance.focusedTabIndex).toBe(2);
-        tabGroup.dispatchEvent(new window.window.KeyboardEvent("keydown", {
-            key: "Enter",
-            bubbles: true,
-            cancelable: true,
-        }));
-        await page.waitForChanges();
-        expect(page.rootInstance.selectedTab).toBe(2);
-        tabGroup.dispatchEvent(new window.window.KeyboardEvent("keydown", {
-            key: "Home",
-            bubbles: true,
-            cancelable: true,
-        }));
-        await page.waitForChanges();
-        expect(page.rootInstance.focusedTabIndex).toBe(0);
-        expect(page.rootInstance.selectedTab).toBe(2);
-        tabGroup.dispatchEvent(new window.window.KeyboardEvent("keydown", {
-            key: " ",
-            bubbles: true,
-            cancelable: true,
-        }));
-        await page.waitForChanges();
-        expect(page.rootInstance.selectedTab).toBe(0);
-        tabGroup.dispatchEvent(new window.window.KeyboardEvent("keydown", {
-            key: "ArrowLeft",
-            bubbles: true,
-            cancelable: true,
-        }));
-        await page.waitForChanges();
-        expect(page.rootInstance.focusedTabIndex).toBe(2);
-        tabGroup.dispatchEvent(new window.window.KeyboardEvent("keydown", {
-            key: "ArrowLeft",
-            bubbles: true,
-            cancelable: true,
-        }));
-        await page.waitForChanges();
-        expect(page.rootInstance.focusedTabIndex).toBe(1);
-        tabGroup.dispatchEvent(new window.window.KeyboardEvent("keydown", {
-            key: "ArrowRight",
-            bubbles: true,
-            cancelable: true,
-        }));
-        await page.waitForChanges();
-        expect(page.rootInstance.focusedTabIndex).toBe(2);
-        tabGroup.dispatchEvent(new window.window.KeyboardEvent("keydown", {
-            key: "ArrowRight",
-            bubbles: true,
-            cancelable: true,
-        }));
-        await page.waitForChanges();
-        expect(page.rootInstance.focusedTabIndex).toBe(0);
-        tabGroup.dispatchEvent(new window.window.KeyboardEvent("keydown", {
-            key: "Escape",
-            bubbles: true,
-            cancelable: true,
-        }));
-        await page.waitForChanges();
-        expect(page.rootInstance.focusedTabIndex).toBe(0);
-    });
-    it("should apply tab and panel ids to elements added after initial render of the context", async () => {
-        const page = await newSpecPage({
-            components: [TabContext, TabGroup, Tab, TabPanel],
-            html: `<ic-tab-context>
-      <ic-tab-group label="Example tab group">
-        <ic-tab>One</ic-tab>
-        <ic-tab>Two</ic-tab>
-        <ic-tab>Three</ic-tab>
-      </ic-tab-group>
-      <ic-tab-panel>Tab One</ic-tab-panel>
-      <ic-tab-panel>Tab Two</ic-tab-panel>
-      <ic-tab-panel>Tab Three</ic-tab-panel>
-      </ic-tab-context>`,
-        });
-        const tabGroup = page.root.querySelector("ic-tab-group");
-        tabGroup.insertAdjacentHTML("beforeend", "<ic-tab>Four</ic-tab>");
-        page.root.insertAdjacentHTML("beforeend", "<ic-tab-panel>Four</ic-tab-panel>");
-        await page.waitForChanges();
-        const newTab = page.root.querySelector('[id*="ic-tab-3-context-default"]');
-        const newTabPanel = page.root.querySelector('[id*="ic-tab-panel-3-context-default"]');
-        expect(newTab.tabId).toBe("ic-tab--3-context-default");
-        expect(newTabPanel.panelId).toBe("ic-tab--3-context-default");
-    });
-    it("should reassign ids if tab and tab panel are dynamically removed", async () => {
-        const page = await newSpecPage({
-            components: [TabContext, TabGroup, Tab, TabPanel],
-            html: `<ic-tab-context>
-      <ic-tab-group label="Example tab group">
-        <ic-tab>One</ic-tab>
-        <ic-tab>Two</ic-tab>
-        <ic-tab>Three</ic-tab>
-      </ic-tab-group>
-      <ic-tab-panel>Tab One</ic-tab-panel>
-      <ic-tab-panel>Tab Two</ic-tab-panel>
-      <ic-tab-panel>Tab Three</ic-tab-panel>
-      </ic-tab-context>`,
-        });
-        const tabGroup = page.root.querySelector("ic-tab-group");
-        let allTabs = tabGroup.querySelectorAll("ic-tab");
-        let allTabPanels = page.root.querySelectorAll("ic-tab-panel");
-        expect(allTabs.length).toBe(3);
-        expect(allTabPanels.length).toBe(3);
-        allTabPanels[allTabPanels.length - 2].remove();
-        allTabs[allTabs.length - 2].remove();
-        await page.waitForChanges();
-        allTabs = tabGroup.querySelectorAll("ic-tab");
-        allTabPanels = page.root.querySelectorAll("ic-tab-panel");
-        expect(allTabs.length).toBe(2);
-        expect(allTabPanels.length).toBe(2);
-        const newlyUpdatedTab = page.root.querySelector('[id*="ic-tab-1-context-default"]');
-        const newlyUpdatedTabPanel = page.root.querySelector('[id*="ic-tab-panel-1-context-default"]');
-        expect(newlyUpdatedTab.tabId).toBe("ic-tab--1-context-default");
-        expect(newlyUpdatedTabPanel.panelId).toBe("ic-tab--1-context-default");
-    });
-    it("should add a tab to enabledTabs when the tab changes from disabled to enabled", async () => {
-        const page = await newSpecPage({
-            components: [TabContext, TabGroup, Tab, TabPanel],
-            html: `<ic-tab-context>
-      <ic-tab-group label="Example tab group">
-        <ic-tab disabled>One</ic-tab>
-        <ic-tab>Two</ic-tab>
-        <ic-tab>Three</ic-tab>
-      </ic-tab-group>
-      <ic-tab-panel>Tab One</ic-tab-panel>
-      <ic-tab-panel>Tab Two</ic-tab-panel>
-      <ic-tab-panel>Tab Three</ic-tab-panel>
-      </ic-tab-context>`,
-        });
-        const tab = page.root.querySelector("ic-tab");
-        expect(page.rootInstance.enabledTabs).not.toContain(tab);
-        tab.disabled = false;
-        expect(page.rootInstance.enabledTabs).toContain(tab);
-        tab.disabled = true;
-        expect(page.rootInstance.enabledTabs).not.toContain(tab);
-    });
-});
-//# sourceMappingURL=ic-tab-context.spec.js.map

package/dist/collection/components/ic-tab-context/test/basic/ic-tab-context.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ic-tab-context.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-tab-context/test/basic/ic-tab-context.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAC9D,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,SAAS,CAAC,GAAG,EAAE;IACb,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;AAC5D,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACxC,EAAE,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACnD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,CAAC;YACjD,IAAI,EAAE;;;;;;;;;wBASY;SACnB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpC,qDAAqD;QACrD,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;IACtB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wDAAwD,EAAE,KAAK,IAAI,EAAE;QACtE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,CAAC;YACjD,IAAI,EAAE;;;;;;;;;wBASY;SACnB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oDAAoD,EAAE,KAAK,IAAI,EAAE;QAClE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,CAAC;YACjD,IAAI,EAAE;;;;;;;;;wBASY;SACnB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;QAC1D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,CAAC;YACjD,IAAI,EAAE;;;;;;;;;wBASY;SACnB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAE9C,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC3B,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;QAEpD,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;QAEzD,QAAQ,CAAC,aAAa,CACpB,IAAI,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE;YACzC,GAAG,EAAE,MAAM;YACX,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;SACjB,CAAC,CACH,CAAC;QAEF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,CAAC,QAAQ,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yDAAyD,EAAE,KAAK,IAAI,EAAE;QACvE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,CAAC;YACjD,IAAI,EAAE;;;;;;;;;wBASY;SACnB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpC,kDAAkD;QAClD,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;IACtB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;QAC/D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,CAAC;YACjD,IAAI,EAAE;;;;;;;;;wBASY;SACnB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,CAAC;YACjD,IAAI,EAAE;;;;;;;;;wBASY;SACnB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAE9C,IAAI,CAAC,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC;QAC/B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC7C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,CAAC;YACjD,IAAI,EAAE;;;;;;;;;wBASY;SACnB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAE3D,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC3B,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;QAEpD,MAAM,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC;YACtC,wBAAwB,EAAE,IAAI,CAAC,EAAE,EAAE;YACnC,MAAM,EAAE;gBACN,SAAS,EAAE,SAAS;gBACpB,QAAQ,EAAE,CAAC;gBACX,KAAK,EAAE,2BAA2B;aACnC;SACF,CAAC,CAAC;QAEH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC9C,MAAM,CAAC,QAAQ,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;QACxD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,CAAC;YACjD,IAAI,EAAE;;;;;;;;;wBASY;SACnB,CAAC,CAAC;QAEH,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;QAEzD,QAAQ,CAAC,aAAa,CACpB,IAAI,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE;YACzC,GAAG,EAAE,KAAK;YACV,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;SACjB,CAAC,CACH,CAAC;QAEF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAE9C,QAAQ,CAAC,aAAa,CACpB,IAAI,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE;YACzC,GAAG,EAAE,MAAM;YACX,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;SACjB,CAAC,CACH,CAAC;QAEF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAE9C,QAAQ,CAAC,aAAa,CACpB,IAAI,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE;YACzC,GAAG,EAAE,WAAW;YAChB,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;SACjB,CAAC,CACH,CAAC;QAEF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAE9C,QAAQ,CAAC,aAAa,CACpB,IAAI,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE;YACzC,GAAG,EAAE,WAAW;YAChB,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;SACjB,CAAC,CACH,CAAC;QAEF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAE9C,QAAQ,CAAC,aAAa,CACpB,IAAI,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE;YACzC,GAAG,EAAE,YAAY;YACjB,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;SACjB,CAAC,CACH,CAAC;QAEF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAE9C,QAAQ,CAAC,aAAa,CACpB,IAAI,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE;YACzC,GAAG,EAAE,YAAY;YACjB,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;SACjB,CAAC,CACH,CAAC;QAEF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAE9C,QAAQ,CAAC,aAAa,CACpB,IAAI,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE;YACzC,GAAG,EAAE,QAAQ;YACb,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;SACjB,CAAC,CACH,CAAC;QAEF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,CAAC;YACjD,IAAI,EAAE;;;;;;;;;wBASY;SACnB,CAAC,CAAC;QAEH,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;QAEzD,QAAQ,CAAC,aAAa,CACpB,IAAI,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE;YACzC,GAAG,EAAE,KAAK;YACV,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;SACjB,CAAC,CACH,CAAC;QAEF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC9C,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAElD,QAAQ,CAAC,aAAa,CACpB,IAAI,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE;YACzC,GAAG,EAAE,OAAO;YACZ,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;SACjB,CAAC,CACH,CAAC;QAEF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAE9C,QAAQ,CAAC,aAAa,CACpB,IAAI,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE;YACzC,GAAG,EAAE,MAAM;YACX,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;SACjB,CAAC,CACH,CAAC;QAEF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAClD,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAE9C,QAAQ,CAAC,aAAa,CACpB,IAAI,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE;YACzC,GAAG,EAAE,GAAG;YACR,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;SACjB,CAAC,CACH,CAAC;QAEF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAE9C,QAAQ,CAAC,aAAa,CACpB,IAAI,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE;YACzC,GAAG,EAAE,WAAW;YAChB,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;SACjB,CAAC,CACH,CAAC;QAEF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAElD,QAAQ,CAAC,aAAa,CACpB,IAAI,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE;YACzC,GAAG,EAAE,WAAW;YAChB,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;SACjB,CAAC,CACH,CAAC;QAEF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAElD,QAAQ,CAAC,aAAa,CACpB,IAAI,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE;YACzC,GAAG,EAAE,YAAY;YACjB,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;SACjB,CAAC,CACH,CAAC;QAEF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAElD,QAAQ,CAAC,aAAa,CACpB,IAAI,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE;YACzC,GAAG,EAAE,YAAY;YACjB,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;SACjB,CAAC,CACH,CAAC;QAEF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAElD,QAAQ,CAAC,aAAa,CACpB,IAAI,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE;YACzC,GAAG,EAAE,QAAQ;YACb,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;SACjB,CAAC,CACH,CAAC;QAEF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sFAAsF,EAAE,KAAK,IAAI,EAAE;QACpG,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,CAAC;YACjD,IAAI,EAAE;;;;;;;;;wBASY;SACnB,CAAC,CAAC;QAEH,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;QAEzD,QAAQ,CAAC,kBAAkB,CAAC,WAAW,EAAE,uBAAuB,CAAC,CAAC;QAClE,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAC1B,WAAW,EACX,mCAAmC,CACpC,CAAC;QACF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CACpC,kCAAkC,CACf,CAAC;QACtB,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CACzC,wCAAwC,CAChB,CAAC;QAE3B,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,2BAA2B,CAAC,CAAC;QACvD,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,2BAA2B,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kEAAkE,EAAE,KAAK,IAAI,EAAE;QAChF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,CAAC;YACjD,IAAI,EAAE;;;;;;;;;wBASY;SACnB,CAAC,CAAC;QAEH,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;QAEzD,IAAI,OAAO,GAAG,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QAClD,IAAI,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;QAE9D,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC/B,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAEpC,YAAY,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC;QAC/C,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC;QAErC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,OAAO,GAAG,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QAC9C,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;QAE1D,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC/B,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAEpC,MAAM,eAAe,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAC7C,kCAAkC,CACf,CAAC;QACtB,MAAM,oBAAoB,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAClD,wCAAwC,CAChB,CAAC;QAE3B,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,2BAA2B,CAAC,CAAC;QAChE,MAAM,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,2BAA2B,CAAC,CAAC;IACzE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+EAA+E,EAAE,KAAK,IAAI,EAAE;QAC7F,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,CAAC;YACjD,IAAI,EAAE;;;;;;;;;wBASY;SACnB,CAAC,CAAC;QAEH,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC9C,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;QACzD,GAAG,CAAC,QAAQ,GAAG,KAAK,CAAC;QACrB,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;QACrD,GAAG,CAAC,QAAQ,GAAG,IAAI,CAAC;QACpB,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { TabGroup } from \"../../../ic-tab-group/ic-tab-group\";\nimport { TabPanel } from \"../../../ic-tab-panel/ic-tab-panel\";\nimport { Tab } from \"../../../ic-tab/ic-tab\";\nimport { TabContext } from \"../../ic-tab-context\";\n\nbeforeAll(() => {\n  jest.spyOn(console, \"warn\").mockImplementation(jest.fn());\n});\n\ndescribe(\"ic-tab-context component\", () => {\n  it(\"should render tab context with tabs\", async () => {\n    const page = await newSpecPage({\n      components: [TabContext, TabGroup, Tab, TabPanel],\n      html: `<ic-tab-context>\n      <ic-tab-group label=\"Example tab group\">\n        <ic-tab>One</ic-tab>\n        <ic-tab>Two</ic-tab>\n        <ic-tab>Three</ic-tab>\n      </ic-tab-group>\n      <ic-tab-panel>Tab One</ic-tab-panel>\n      <ic-tab-panel>Tab Two</ic-tab-panel>\n      <ic-tab-panel>Tab Three</ic-tab-panel>\n      </ic-tab-context>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n\n    //test disconnected callback for automatic activation\n    page.setContent(\"\");\n  });\n\n  it(\"should render tab context with tabs - light appearance\", async () => {\n    const page = await newSpecPage({\n      components: [TabContext, TabGroup, Tab, TabPanel],\n      html: `<ic-tab-context appearance=\"light\">\n      <ic-tab-group label=\"Example tab group\" appearance=\"light\">\n        <ic-tab>One</ic-tab>\n        <ic-tab>Two</ic-tab>\n        <ic-tab>Three</ic-tab>\n      </ic-tab-group>\n      <ic-tab-panel>Tab One</ic-tab-panel>\n      <ic-tab-panel>Tab Two</ic-tab-panel>\n      <ic-tab-panel>Tab Three</ic-tab-panel>\n      </ic-tab-context>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render tab context with tabs - selected tab\", async () => {\n    const page = await newSpecPage({\n      components: [TabContext, TabGroup, Tab, TabPanel],\n      html: `<ic-tab-context selected-tab-index=\"2\">\n      <ic-tab-group label=\"Example tab group\">\n        <ic-tab>One</ic-tab>\n        <ic-tab>Two</ic-tab>\n        <ic-tab>Three</ic-tab>\n      </ic-tab-group>\n      <ic-tab-panel>Tab One</ic-tab-panel>\n      <ic-tab-panel>Tab Two</ic-tab-panel>\n      <ic-tab-panel>Tab Three</ic-tab-panel>\n      </ic-tab-context>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should test controlled mode - selected tab\", async () => {\n    const page = await newSpecPage({\n      components: [TabContext, TabGroup, Tab, TabPanel],\n      html: `<ic-tab-context selected-tab-index=\"2\">\n      <ic-tab-group label=\"Example tab group\">\n        <ic-tab>One</ic-tab>\n        <ic-tab>Two</ic-tab>\n        <ic-tab>Three</ic-tab>\n      </ic-tab-group>\n      <ic-tab-panel>Tab One</ic-tab-panel>\n      <ic-tab-panel>Tab Two</ic-tab-panel>\n      <ic-tab-panel>Tab Three</ic-tab-panel>\n      </ic-tab-context>`,\n    });\n\n    expect(page.rootInstance.selectedTab).toBe(2);\n\n    const eventSpy = jest.fn();\n    page.root.addEventListener(\"icTabSelect\", eventSpy);\n\n    const tabGroup = page.root.querySelector(\"ic-tab-group\");\n\n    tabGroup.dispatchEvent(\n      new window.window.KeyboardEvent(\"keydown\", {\n        key: \"Home\",\n        bubbles: true,\n        cancelable: true,\n      })\n    );\n\n    await page.waitForChanges();\n    expect(eventSpy).toHaveBeenCalled();\n  });\n\n  it(\"should render tab context with tabs - manual activation\", async () => {\n    const page = await newSpecPage({\n      components: [TabContext, TabGroup, Tab, TabPanel],\n      html: `<ic-tab-context activation-type=\"manual\">\n      <ic-tab-group label=\"Example tab group\">\n        <ic-tab>One</ic-tab>\n        <ic-tab>Two</ic-tab>\n        <ic-tab>Three</ic-tab>\n      </ic-tab-group>\n      <ic-tab-panel>Tab One</ic-tab-panel>\n      <ic-tab-panel>Tab Two</ic-tab-panel>\n      <ic-tab-panel>Tab Three</ic-tab-panel>\n      </ic-tab-context>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n\n    //test disconnected callback for manual activation\n    page.setContent(\"\");\n  });\n\n  it(\"should render tab context with custom contextId\", async () => {\n    const page = await newSpecPage({\n      components: [TabContext, TabGroup, Tab, TabPanel],\n      html: `<ic-tab-context context-id=\"custom-context\">\n      <ic-tab-group label=\"Example tab group\">\n        <ic-tab>One</ic-tab>\n        <ic-tab>Two</ic-tab>\n        <ic-tab>Three</ic-tab>\n      </ic-tab-group>\n      <ic-tab-panel>Tab One</ic-tab-panel>\n      <ic-tab-panel>Tab Two</ic-tab-panel>\n      <ic-tab-panel>Tab Three</ic-tab-panel>\n      </ic-tab-context>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should test setting selected tab\", async () => {\n    const page = await newSpecPage({\n      components: [TabContext, TabGroup, Tab, TabPanel],\n      html: `<ic-tab-context>\n      <ic-tab-group label=\"Example tab group\">\n        <ic-tab>One</ic-tab>\n        <ic-tab>Two</ic-tab>\n        <ic-tab>Three</ic-tab>\n      </ic-tab-group>\n      <ic-tab-panel>Tab One</ic-tab-panel>\n      <ic-tab-panel>Tab Two</ic-tab-panel>\n      <ic-tab-panel>Tab Three</ic-tab-panel>\n      </ic-tab-context>`,\n    });\n\n    expect(page.rootInstance.selectedTab).toBe(0);\n\n    page.root.selectedTabIndex = 1;\n    await page.waitForChanges();\n\n    expect(page.rootInstance.selectedTab).toBe(1);\n  });\n\n  it(\"should test tab click handler\", async () => {\n    const page = await newSpecPage({\n      components: [TabContext, TabGroup, Tab, TabPanel],\n      html: `<ic-tab-context>\n      <ic-tab-group label=\"Example tab group\">\n        <ic-tab>One</ic-tab>\n        <ic-tab>Two</ic-tab>\n        <ic-tab>Three</ic-tab>\n      </ic-tab-group>\n      <ic-tab-panel>Tab One</ic-tab-panel>\n      <ic-tab-panel>Tab Two</ic-tab-panel>\n      <ic-tab-panel>Tab Three</ic-tab-panel>\n      </ic-tab-context>`,\n    });\n\n    expect(page.rootInstance.selectedTabIndex).toBe(undefined);\n\n    const eventSpy = jest.fn();\n    page.root.addEventListener(\"icTabSelect\", eventSpy);\n\n    await page.rootInstance.tabClickHandler({\n      stopImmediatePropagation: jest.fn(),\n      detail: {\n        contextId: \"default\",\n        position: 1,\n        tabId: \"ic-tab--1-context-default\",\n      },\n    });\n\n    await page.waitForChanges();\n    expect(page.rootInstance.selectedTab).toBe(1);\n    expect(eventSpy).toHaveBeenCalled();\n  });\n\n  it(\"should test key down handler - automatic\", async () => {\n    const page = await newSpecPage({\n      components: [TabContext, TabGroup, Tab, TabPanel],\n      html: `<ic-tab-context>\n      <ic-tab-group label=\"Example tab group\">\n        <ic-tab>One</ic-tab>\n        <ic-tab>Two</ic-tab>\n        <ic-tab>Three</ic-tab>\n      </ic-tab-group>\n      <ic-tab-panel>Tab One</ic-tab-panel>\n      <ic-tab-panel>Tab Two</ic-tab-panel>\n      <ic-tab-panel>Tab Three</ic-tab-panel>\n      </ic-tab-context>`,\n    });\n\n    const tabGroup = page.root.querySelector(\"ic-tab-group\");\n\n    tabGroup.dispatchEvent(\n      new window.window.KeyboardEvent(\"keydown\", {\n        key: \"End\",\n        bubbles: true,\n        cancelable: true,\n      })\n    );\n\n    await page.waitForChanges();\n    expect(page.rootInstance.selectedTab).toBe(2);\n\n    tabGroup.dispatchEvent(\n      new window.window.KeyboardEvent(\"keydown\", {\n        key: \"Home\",\n        bubbles: true,\n        cancelable: true,\n      })\n    );\n\n    await page.waitForChanges();\n    expect(page.rootInstance.selectedTab).toBe(0);\n\n    tabGroup.dispatchEvent(\n      new window.window.KeyboardEvent(\"keydown\", {\n        key: \"ArrowLeft\",\n        bubbles: true,\n        cancelable: true,\n      })\n    );\n\n    await page.waitForChanges();\n    expect(page.rootInstance.selectedTab).toBe(2);\n\n    tabGroup.dispatchEvent(\n      new window.window.KeyboardEvent(\"keydown\", {\n        key: \"ArrowLeft\",\n        bubbles: true,\n        cancelable: true,\n      })\n    );\n\n    await page.waitForChanges();\n    expect(page.rootInstance.selectedTab).toBe(1);\n\n    tabGroup.dispatchEvent(\n      new window.window.KeyboardEvent(\"keydown\", {\n        key: \"ArrowRight\",\n        bubbles: true,\n        cancelable: true,\n      })\n    );\n\n    await page.waitForChanges();\n    expect(page.rootInstance.selectedTab).toBe(2);\n\n    tabGroup.dispatchEvent(\n      new window.window.KeyboardEvent(\"keydown\", {\n        key: \"ArrowRight\",\n        bubbles: true,\n        cancelable: true,\n      })\n    );\n\n    await page.waitForChanges();\n    expect(page.rootInstance.selectedTab).toBe(0);\n\n    tabGroup.dispatchEvent(\n      new window.window.KeyboardEvent(\"keydown\", {\n        key: \"Escape\",\n        bubbles: true,\n        cancelable: true,\n      })\n    );\n\n    await page.waitForChanges();\n    expect(page.rootInstance.selectedTab).toBe(0);\n  });\n\n  it(\"should test key down handler - manual\", async () => {\n    const page = await newSpecPage({\n      components: [TabContext, TabGroup, Tab, TabPanel],\n      html: `<ic-tab-context activation-type=\"manual\">\n      <ic-tab-group label=\"Example tab group\">\n        <ic-tab>One</ic-tab>\n        <ic-tab>Two</ic-tab>\n        <ic-tab>Three</ic-tab>\n      </ic-tab-group>\n      <ic-tab-panel>Tab One</ic-tab-panel>\n      <ic-tab-panel>Tab Two</ic-tab-panel>\n      <ic-tab-panel>Tab Three</ic-tab-panel>\n      </ic-tab-context>`,\n    });\n\n    const tabGroup = page.root.querySelector(\"ic-tab-group\");\n\n    tabGroup.dispatchEvent(\n      new window.window.KeyboardEvent(\"keydown\", {\n        key: \"End\",\n        bubbles: true,\n        cancelable: true,\n      })\n    );\n\n    await page.waitForChanges();\n    expect(page.rootInstance.selectedTab).toBe(0);\n    expect(page.rootInstance.focusedTabIndex).toBe(2);\n\n    tabGroup.dispatchEvent(\n      new window.window.KeyboardEvent(\"keydown\", {\n        key: \"Enter\",\n        bubbles: true,\n        cancelable: true,\n      })\n    );\n\n    await page.waitForChanges();\n    expect(page.rootInstance.selectedTab).toBe(2);\n\n    tabGroup.dispatchEvent(\n      new window.window.KeyboardEvent(\"keydown\", {\n        key: \"Home\",\n        bubbles: true,\n        cancelable: true,\n      })\n    );\n\n    await page.waitForChanges();\n    expect(page.rootInstance.focusedTabIndex).toBe(0);\n    expect(page.rootInstance.selectedTab).toBe(2);\n\n    tabGroup.dispatchEvent(\n      new window.window.KeyboardEvent(\"keydown\", {\n        key: \" \",\n        bubbles: true,\n        cancelable: true,\n      })\n    );\n\n    await page.waitForChanges();\n    expect(page.rootInstance.selectedTab).toBe(0);\n\n    tabGroup.dispatchEvent(\n      new window.window.KeyboardEvent(\"keydown\", {\n        key: \"ArrowLeft\",\n        bubbles: true,\n        cancelable: true,\n      })\n    );\n\n    await page.waitForChanges();\n    expect(page.rootInstance.focusedTabIndex).toBe(2);\n\n    tabGroup.dispatchEvent(\n      new window.window.KeyboardEvent(\"keydown\", {\n        key: \"ArrowLeft\",\n        bubbles: true,\n        cancelable: true,\n      })\n    );\n\n    await page.waitForChanges();\n    expect(page.rootInstance.focusedTabIndex).toBe(1);\n\n    tabGroup.dispatchEvent(\n      new window.window.KeyboardEvent(\"keydown\", {\n        key: \"ArrowRight\",\n        bubbles: true,\n        cancelable: true,\n      })\n    );\n\n    await page.waitForChanges();\n    expect(page.rootInstance.focusedTabIndex).toBe(2);\n\n    tabGroup.dispatchEvent(\n      new window.window.KeyboardEvent(\"keydown\", {\n        key: \"ArrowRight\",\n        bubbles: true,\n        cancelable: true,\n      })\n    );\n\n    await page.waitForChanges();\n    expect(page.rootInstance.focusedTabIndex).toBe(0);\n\n    tabGroup.dispatchEvent(\n      new window.window.KeyboardEvent(\"keydown\", {\n        key: \"Escape\",\n        bubbles: true,\n        cancelable: true,\n      })\n    );\n\n    await page.waitForChanges();\n    expect(page.rootInstance.focusedTabIndex).toBe(0);\n  });\n\n  it(\"should apply tab and panel ids to elements added after initial render of the context\", async () => {\n    const page = await newSpecPage({\n      components: [TabContext, TabGroup, Tab, TabPanel],\n      html: `<ic-tab-context>\n      <ic-tab-group label=\"Example tab group\">\n        <ic-tab>One</ic-tab>\n        <ic-tab>Two</ic-tab>\n        <ic-tab>Three</ic-tab>\n      </ic-tab-group>\n      <ic-tab-panel>Tab One</ic-tab-panel>\n      <ic-tab-panel>Tab Two</ic-tab-panel>\n      <ic-tab-panel>Tab Three</ic-tab-panel>\n      </ic-tab-context>`,\n    });\n\n    const tabGroup = page.root.querySelector(\"ic-tab-group\");\n\n    tabGroup.insertAdjacentHTML(\"beforeend\", \"<ic-tab>Four</ic-tab>\");\n    page.root.insertAdjacentHTML(\n      \"beforeend\",\n      \"<ic-tab-panel>Four</ic-tab-panel>\"\n    );\n    await page.waitForChanges();\n\n    const newTab = page.root.querySelector(\n      '[id*=\"ic-tab-3-context-default\"]'\n    ) as HTMLIcTabElement;\n    const newTabPanel = page.root.querySelector(\n      '[id*=\"ic-tab-panel-3-context-default\"]'\n    ) as HTMLIcTabPanelElement;\n\n    expect(newTab.tabId).toBe(\"ic-tab--3-context-default\");\n    expect(newTabPanel.panelId).toBe(\"ic-tab--3-context-default\");\n  });\n\n  it(\"should reassign ids if tab and tab panel are dynamically removed\", async () => {\n    const page = await newSpecPage({\n      components: [TabContext, TabGroup, Tab, TabPanel],\n      html: `<ic-tab-context>\n      <ic-tab-group label=\"Example tab group\">\n        <ic-tab>One</ic-tab>\n        <ic-tab>Two</ic-tab>\n        <ic-tab>Three</ic-tab>\n      </ic-tab-group>\n      <ic-tab-panel>Tab One</ic-tab-panel>\n      <ic-tab-panel>Tab Two</ic-tab-panel>\n      <ic-tab-panel>Tab Three</ic-tab-panel>\n      </ic-tab-context>`,\n    });\n\n    const tabGroup = page.root.querySelector(\"ic-tab-group\");\n\n    let allTabs = tabGroup.querySelectorAll(\"ic-tab\");\n    let allTabPanels = page.root.querySelectorAll(\"ic-tab-panel\");\n\n    expect(allTabs.length).toBe(3);\n    expect(allTabPanels.length).toBe(3);\n\n    allTabPanels[allTabPanels.length - 2].remove();\n    allTabs[allTabs.length - 2].remove();\n\n    await page.waitForChanges();\n\n    allTabs = tabGroup.querySelectorAll(\"ic-tab\");\n    allTabPanels = page.root.querySelectorAll(\"ic-tab-panel\");\n\n    expect(allTabs.length).toBe(2);\n    expect(allTabPanels.length).toBe(2);\n\n    const newlyUpdatedTab = page.root.querySelector(\n      '[id*=\"ic-tab-1-context-default\"]'\n    ) as HTMLIcTabElement;\n    const newlyUpdatedTabPanel = page.root.querySelector(\n      '[id*=\"ic-tab-panel-1-context-default\"]'\n    ) as HTMLIcTabPanelElement;\n\n    expect(newlyUpdatedTab.tabId).toBe(\"ic-tab--1-context-default\");\n    expect(newlyUpdatedTabPanel.panelId).toBe(\"ic-tab--1-context-default\");\n  });\n\n  it(\"should add a tab to enabledTabs when the tab changes from disabled to enabled\", async () => {\n    const page = await newSpecPage({\n      components: [TabContext, TabGroup, Tab, TabPanel],\n      html: `<ic-tab-context>\n      <ic-tab-group label=\"Example tab group\">\n        <ic-tab disabled>One</ic-tab>\n        <ic-tab>Two</ic-tab>\n        <ic-tab>Three</ic-tab>\n      </ic-tab-group>\n      <ic-tab-panel>Tab One</ic-tab-panel>\n      <ic-tab-panel>Tab Two</ic-tab-panel>\n      <ic-tab-panel>Tab Three</ic-tab-panel>\n      </ic-tab-context>`,\n    });\n\n    const tab = page.root.querySelector(\"ic-tab\");\n    expect(page.rootInstance.enabledTabs).not.toContain(tab);\n    tab.disabled = false;\n    expect(page.rootInstance.enabledTabs).toContain(tab);\n    tab.disabled = true;\n    expect(page.rootInstance.enabledTabs).not.toContain(tab);\n  });\n});\n"]}

package/dist/collection/components/ic-tab-panel/test/basic/ic-tab-panel.spec.js

@@ -1,50 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { TabPanel } from "../../ic-tab-panel";
-describe("ic-tab component", () => {
-    it("should not be hidden if the corresponding tab is selected", async () => {
-        const page = await newSpecPage({
-            components: [TabPanel],
-            html: `<ic-tab-panel panel-id="1" selected-tab="1" tab-position=1>IC Tab Test</ic-tab-panel>`,
-        });
-        expect(page.root)
-            .toEqualHtml(`<ic-tab-panel panel-id="1" selected-tab="1" role="tabpanel" tab-position="1">
-    <mock:shadow-root>
-      <div>
-        <slot></slot>
-      </div>
-    </mock:shadow-root>
-    IC Tab Test
-  </ic-tab-panel>`);
-    });
-    it("should be hidden if the corresponding tab is not selected", async () => {
-        const page = await newSpecPage({
-            components: [TabPanel],
-            html: `<ic-tab-panel panel-id="1" selected-tab="2" tab-position=1>IC Tab Test</ic-tab-panel>`,
-        });
-        expect(page.root)
-            .toEqualHtml(`<ic-tab-panel panel-id="1" selected-tab="2" hidden="" role="tabpanel" tab-position="1">
-    <mock:shadow-root>
-      <div>
-        <slot></slot>
-      </div>
-    </mock:shadow-root>
-    IC Tab Test
-  </ic-tab-panel>`);
-    });
-    it("should be hidden if selectedTab and panelId are undefined", async () => {
-        const page = await newSpecPage({
-            components: [TabPanel],
-            html: `<ic-tab-panel tab-position=1>IC Tab Test</ic-tab-panel>`,
-        });
-        expect(page.root)
-            .toEqualHtml(`<ic-tab-panel hidden="" role="tabpanel" tab-position="1">
-    <mock:shadow-root>
-      <div>
-        <slot></slot>
-      </div>
-    </mock:shadow-root>
-    IC Tab Test
-  </ic-tab-panel>`);
-    });
-});
-//# sourceMappingURL=ic-tab-panel.spec.js.map

package/dist/collection/components/ic-tab-panel/test/basic/ic-tab-panel.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ic-tab-panel.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-tab-panel/test/basic/ic-tab-panel.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,2DAA2D,EAAE,KAAK,IAAI,EAAE;QACzE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,CAAC;YACtB,IAAI,EAAE,uFAAuF;SAC9F,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;aACd,WAAW,CAAC;;;;;;;kBAOD,CAAC,CAAC;IAClB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2DAA2D,EAAE,KAAK,IAAI,EAAE;QACzE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,CAAC;YACtB,IAAI,EAAE,uFAAuF;SAC9F,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;aACd,WAAW,CAAC;;;;;;;kBAOD,CAAC,CAAC;IAClB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2DAA2D,EAAE,KAAK,IAAI,EAAE;QACzE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,CAAC;YACtB,IAAI,EAAE,yDAAyD;SAChE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;aACd,WAAW,CAAC;;;;;;;kBAOD,CAAC,CAAC;IAClB,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { TabPanel } from \"../../ic-tab-panel\";\n\ndescribe(\"ic-tab component\", () => {\n  it(\"should not be hidden if the corresponding tab is selected\", async () => {\n    const page = await newSpecPage({\n      components: [TabPanel],\n      html: `<ic-tab-panel panel-id=\"1\" selected-tab=\"1\" tab-position=1>IC Tab Test</ic-tab-panel>`,\n    });\n\n    expect(page.root)\n      .toEqualHtml(`<ic-tab-panel panel-id=\"1\" selected-tab=\"1\" role=\"tabpanel\" tab-position=\"1\">\n    <mock:shadow-root>\n      <div>\n        <slot></slot>\n      </div>\n    </mock:shadow-root>\n    IC Tab Test\n  </ic-tab-panel>`);\n  });\n\n  it(\"should be hidden if the corresponding tab is not selected\", async () => {\n    const page = await newSpecPage({\n      components: [TabPanel],\n      html: `<ic-tab-panel panel-id=\"1\" selected-tab=\"2\" tab-position=1>IC Tab Test</ic-tab-panel>`,\n    });\n\n    expect(page.root)\n      .toEqualHtml(`<ic-tab-panel panel-id=\"1\" selected-tab=\"2\" hidden=\"\" role=\"tabpanel\" tab-position=\"1\">\n    <mock:shadow-root>\n      <div>\n        <slot></slot>\n      </div>\n    </mock:shadow-root>\n    IC Tab Test\n  </ic-tab-panel>`);\n  });\n\n  it(\"should be hidden if selectedTab and panelId are undefined\", async () => {\n    const page = await newSpecPage({\n      components: [TabPanel],\n      html: `<ic-tab-panel tab-position=1>IC Tab Test</ic-tab-panel>`,\n    });\n\n    expect(page.root)\n      .toEqualHtml(`<ic-tab-panel hidden=\"\" role=\"tabpanel\" tab-position=\"1\">\n    <mock:shadow-root>\n      <div>\n        <slot></slot>\n      </div>\n    </mock:shadow-root>\n    IC Tab Test\n  </ic-tab-panel>`);\n  });\n});\n"]}