@ukic/web-components 2.8.0 → 2.10.0

package/dist/collection/components/ic-tab/ic-tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"ic-tab.js","sourceRoot":"","sources":["../../../src/components/ic-tab/ic-tab.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Prop,\n  h,\n  Method,\n  Watch,\n} from \"@stencil/core\";\n\nimport { IcTabClickEventDetail } from \"./ic-tab.types\";\nimport {\n  IcThemeForegroundNoDefault,\n  IcThemeForegroundEnum,\n} from \"../../utils/types\";\nimport { isSlotUsed, removeDisabledFalse } from \"../../utils/helpers\";\n\n/**\n * @slot icon - Content will be rendered next to the tab label.\n * @slot badge - Badge component displayed inline with the tab.\n */\n@Component({\n  tag: \"ic-tab\",\n  styleUrl: \"ic-tab.css\",\n  shadow: true,\n})\nexport class Tab {\n  private focusFromClick: boolean = false;\n  private focusTabId: string;\n  private isInitialRender: boolean = true;\n\n  @Element() el: HTMLIcTabElement;\n\n  /** @internal Determines whether the light or dark variant of the tabs should be displayed. */\n  @Prop() appearance?: IcThemeForegroundNoDefault = \"dark\";\n\n  /** @internal The unique context needed if using multiple tabs inside one another i.e. rendering another tabs inside a tab panel. */\n  @Prop({ reflect: true }) contextId?: string = \"default\";\n\n  /**\n   * If `true`, the disabled state will be set.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /** @internal If `true`, the tab will display with a selected indicator and tabIndex will be set. */\n  @Prop({ reflect: true }) selected?: boolean = false;\n\n  /** @internal The shared ID between panel and tab. */\n  @Prop({ reflect: true }) tabId?: string;\n\n  /** @internal The position of the tab inside the tabs array in context. */\n  @Prop() tabPosition?: number;\n\n  @Watch(\"disabled\")\n  disabledWatchHandler(): void {\n    this.tabEnabled.emit();\n  }\n\n  /**\n   * @internal Emitted when a tab is selected.\n   */\n  @Event() tabClick: EventEmitter<IcTabClickEventDetail>;\n\n  /**\n   * @internal Emitted when a tab is dynamically created.\n   */\n  @Event() tabCreated: EventEmitter<HTMLIcTabElement>;\n\n  /**\n   * @internal Emitted when a tab's disabled prop changes\n   */\n  @Event() tabEnabled: EventEmitter<void>;\n\n  /**\n   * @internal Emitted when a tab is focussed.\n   */\n  @Event() tabFocus: EventEmitter<IcTabClickEventDetail>;\n\n  /**\n   * @internal Emitted when a tab is unmounted.\n   */\n  @Event() tabRemoved: EventEmitter<void>;\n\n  connectedCallback(): void {\n    this.tabCreated.emit(this.el);\n  }\n\n  disconnectedCallback(): void {\n    const tabContext = document.querySelector(\n      `ic-tab-context[context-id=${this.contextId}]`\n    ) as HTMLIcTabContextElement;\n    if (tabContext) {\n      tabContext.tabRemovedHandler(!!this.focusTabId);\n    }\n  }\n\n  componentWillLoad(): void {\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  componentDidUpdate(): void {\n    this.isInitialRender = false;\n  }\n\n  /**\n   * Sets focus on the tab.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    if (this.el) {\n      this.el.focus();\n    }\n  }\n\n  private handleClick = () => {\n    this.tabClick.emit({\n      tabId: this.tabId,\n      contextId: this.contextId,\n      position: this.tabPosition,\n    });\n    if (this.focusFromClick) {\n      this.tabFocus.emit({\n        tabId: this.tabId,\n        contextId: this.contextId,\n        position: this.tabPosition,\n      });\n      this.focusFromClick = false;\n    }\n  };\n\n  private handleFocus = () => {\n    if (!this.focusFromClick) {\n      this.focusTabId = this.tabId;\n\n      this.tabFocus.emit({\n        tabId: this.tabId,\n        contextId: this.contextId,\n        position: this.tabPosition,\n      });\n    }\n  };\n\n  private handleMouseDown = () => {\n    //set flag so that focus gets handled after click\n    //there is a timing issue where a long click only causes focus to happen & not the click\n    //the focus does need to be a seperate event though to handle focus from keyboard\n    this.focusFromClick = true;\n  };\n\n  render() {\n    const { disabled, selected, appearance } = this;\n    return (\n      <Host\n        class={{\n          [\"with-transition\"]: !this.isInitialRender,\n          [\"ic-tab-light\"]: appearance === IcThemeForegroundEnum.Light,\n          [\"selected\"]: selected,\n          [\"disabled\"]: disabled,\n        }}\n        role=\"tab\"\n        aria-selected={selected ? \"true\" : \"false\"}\n        onClick={this.handleClick}\n        onFocus={this.handleFocus}\n        onMouseDown={this.handleMouseDown}\n        aria-disabled={disabled ? \"true\" : \"false\"}\n        tabindex={this.selected ? 0 : -1}\n      >\n        {this.el.querySelector('[slot=\"icon\"]') && <slot name=\"icon\"></slot>}\n        <ic-typography class=\"ic-tab-label\" variant=\"label\">\n          <span>\n            <slot></slot>\n          </span>\n        </ic-typography>\n        {isSlotUsed(this.el, \"badge\") && <slot name=\"badge\"></slot>}\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ic-tab.js","sourceRoot":"","sources":["../../../src/components/ic-tab/ic-tab.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Prop,\n  h,\n  Method,\n  Watch,\n} from \"@stencil/core\";\n\nimport { IcTabClickEventDetail } from \"./ic-tab.types\";\nimport {\n  IcThemeForegroundNoDefault,\n  IcThemeForegroundEnum,\n} from \"../../utils/types\";\nimport { isSlotUsed, removeDisabledFalse } from \"../../utils/helpers\";\n\n/**\n * @slot icon - Content will be rendered next to the tab label.\n * @slot badge - Badge component displayed inline with the tab.\n */\n@Component({\n  tag: \"ic-tab\",\n  styleUrl: \"ic-tab.css\",\n  shadow: true,\n})\nexport class Tab {\n  private focusFromClick: boolean = false;\n  private focusTabId: string;\n  private isInitialRender: boolean = true;\n\n  @Element() el: HTMLIcTabElement;\n\n  /** @internal Determines whether the light or dark variant of the tabs should be displayed. */\n  @Prop() appearance?: IcThemeForegroundNoDefault = \"dark\";\n\n  /** @internal The unique context needed if using multiple tabs inside one another i.e. rendering another tabs inside a tab panel. */\n  @Prop({ reflect: true }) contextId?: string = \"default\";\n\n  /**\n   * If `true`, the disabled state will be set.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /** @internal If `true`, the tab will display with a selected indicator and tabIndex will be set. */\n  @Prop({ reflect: true }) selected?: boolean = false;\n\n  /** @internal The shared ID between panel and tab. */\n  @Prop({ reflect: true }) tabId?: string;\n\n  /** @internal The position of the tab inside the tabs array in context. */\n  @Prop() tabPosition?: number;\n\n  @Watch(\"disabled\")\n  disabledWatchHandler(): void {\n    this.tabEnabled.emit();\n  }\n\n  /**\n   * @internal Emitted when a tab is selected.\n   */\n  @Event() tabClick: EventEmitter<IcTabClickEventDetail>;\n\n  /**\n   * @internal Emitted when a tab is dynamically created.\n   */\n  @Event() tabCreated: EventEmitter<HTMLIcTabElement>;\n\n  /**\n   * @internal Emitted when a tab's disabled prop changes\n   */\n  @Event() tabEnabled: EventEmitter<void>;\n\n  /**\n   * @internal Emitted when a tab is focussed.\n   */\n  @Event() tabFocus: EventEmitter<IcTabClickEventDetail>;\n\n  /**\n   * @internal Emitted when a tab is unmounted.\n   */\n  @Event() tabRemoved: EventEmitter<void>;\n\n  connectedCallback(): void {\n    this.tabCreated.emit(this.el);\n  }\n\n  disconnectedCallback(): void {\n    const tabContext = document.querySelector(\n      `ic-tab-context[context-id=${this.contextId}]`\n    ) as HTMLIcTabContextElement;\n    if (tabContext) {\n      tabContext.tabRemovedHandler(!!this.focusTabId);\n    }\n  }\n\n  componentWillLoad(): void {\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  componentDidUpdate(): void {\n    this.isInitialRender = false;\n  }\n\n  /**\n   * Sets focus on the tab.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    if (this.el) {\n      this.el.focus();\n    }\n  }\n\n  private handleClick = () => {\n    this.tabClick.emit({\n      tabId: this.tabId,\n      contextId: this.contextId,\n      position: this.tabPosition,\n    });\n    if (this.focusFromClick) {\n      this.tabFocus.emit({\n        tabId: this.tabId,\n        contextId: this.contextId,\n        position: this.tabPosition,\n      });\n      this.focusFromClick = false;\n    }\n  };\n\n  private handleFocus = () => {\n    if (!this.focusFromClick) {\n      this.focusTabId = this.tabId;\n\n      this.tabFocus.emit({\n        tabId: this.tabId,\n        contextId: this.contextId,\n        position: this.tabPosition,\n      });\n    }\n  };\n\n  private handleMouseDown = () => {\n    //set flag so that focus gets handled after click\n    //there is a timing issue where a long click only causes focus to happen & not the click\n    //the focus does need to be a seperate event though to handle focus from keyboard\n    this.focusFromClick = true;\n  };\n\n  render() {\n    const { disabled, selected, appearance } = this;\n    return (\n      <Host\n        class={{\n          [\"with-transition\"]: !this.isInitialRender,\n          [\"ic-tab-light\"]: appearance === IcThemeForegroundEnum.Light,\n          [\"selected\"]: selected,\n          [\"disabled\"]: disabled,\n        }}\n        role=\"tab\"\n        aria-selected={selected ? \"true\" : \"false\"}\n        onClick={this.handleClick}\n        onFocus={this.handleFocus}\n        onMouseDown={this.handleMouseDown}\n        aria-disabled={disabled ? \"true\" : \"false\"}\n        tabindex={this.selected ? 0 : -1}\n      >\n        {this.el.querySelector('[slot=\"icon\"]') && <slot name=\"icon\"></slot>}\n        <ic-typography class=\"ic-tab-label\" variant=\"label\">\n          <span>\n            <slot></slot>\n          </span>\n        </ic-typography>\n        {isSlotUsed(this.el, \"badge\") && <slot name=\"badge\"></slot>}\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1,32 +1,32 @@
 import { newE2EPage } from "@stencil/core/testing";
 describe("ic-tab component", () => {
-  it("should call tabClick event when clicked", async () => {
-    const page = await newE2EPage();
-    await page.setContent(`<ic-tab tab-id="test-id" tab-position="1">IC Tab Test</ic-tab>`);
-    await page.waitForChanges();
-    const tab = await page.find("ic-tab");
-    const tabClick = await page.spyOnEvent("tabClick");
-    await tab.click();
-    await page.waitForChanges();
-    expect(tabClick).toHaveReceivedEventDetail({
-      tabId: "test-id",
-      contextId: "default",
-      position: 1,
+    it("should call tabClick event when clicked", async () => {
+        const page = await newE2EPage();
+        await page.setContent(`<ic-tab tab-id="test-id" tab-position="1">IC Tab Test</ic-tab>`);
+        await page.waitForChanges();
+        const tab = await page.find("ic-tab");
+        const tabClick = await page.spyOnEvent("tabClick");
+        await tab.click();
+        await page.waitForChanges();
+        expect(tabClick).toHaveReceivedEventDetail({
+            tabId: "test-id",
+            contextId: "default",
+            position: 1,
+        });
     });
-  });
-  it("should call tabFocus event when focussed", async () => {
-    const page = await newE2EPage();
-    await page.setContent(`<ic-tab tab-id="test-id" tab-position="1">IC Tab Test</ic-tab>`);
-    await page.waitForChanges();
-    const tab = await page.find("ic-tab");
-    const tabFocus = await page.spyOnEvent("tabFocus");
-    await tab.focus();
-    await page.waitForChanges();
-    expect(tabFocus).toHaveReceivedEventDetail({
-      tabId: "test-id",
-      contextId: "default",
-      position: 1,
+    it("should call tabFocus event when focussed", async () => {
+        const page = await newE2EPage();
+        await page.setContent(`<ic-tab tab-id="test-id" tab-position="1">IC Tab Test</ic-tab>`);
+        await page.waitForChanges();
+        const tab = await page.find("ic-tab");
+        const tabFocus = await page.spyOnEvent("tabFocus");
+        await tab.focus();
+        await page.waitForChanges();
+        expect(tabFocus).toHaveReceivedEventDetail({
+            tabId: "test-id",
+            contextId: "default",
+            position: 1,
+        });
     });
-  });
 });
 //# sourceMappingURL=ic-tab.e2e.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ic-tab.e2e.js","sourceRoot":"","sources":["../../../../../src/components/ic-tab/test/basic/ic-tab.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;EAChC,EAAE,CAAC,yCAAyC,EAAE,KAAK,IAAI,EAAE;IACvD,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CACnB,gEAAgE,CACjE,CAAC;IACF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACtC,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;IACnD,MAAM,GAAG,CAAC,KAAK,EAAE,CAAC;IAElB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,CAAC,QAAQ,CAAC,CAAC,yBAAyB,CAAC;MACzC,KAAK,EAAE,SAAS;MAChB,SAAS,EAAE,SAAS;MACpB,QAAQ,EAAE,CAAC;KACZ,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;IACxD,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CACnB,gEAAgE,CACjE,CAAC;IACF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACtC,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;IACnD,MAAM,GAAG,CAAC,KAAK,EAAE,CAAC;IAElB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,CAAC,QAAQ,CAAC,CAAC,yBAAyB,CAAC;MACzC,KAAK,EAAE,SAAS;MAChB,SAAS,EAAE,SAAS;MACpB,QAAQ,EAAE,CAAC;KACZ,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from \"@stencil/core/testing\";\n\ndescribe(\"ic-tab component\", () => {\n  it(\"should call tabClick event when clicked\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(\n      `<ic-tab tab-id=\"test-id\" tab-position=\"1\">IC Tab Test</ic-tab>`\n    );\n    await page.waitForChanges();\n\n    const tab = await page.find(\"ic-tab\");\n    const tabClick = await page.spyOnEvent(\"tabClick\");\n    await tab.click();\n\n    await page.waitForChanges();\n\n    expect(tabClick).toHaveReceivedEventDetail({\n      tabId: \"test-id\",\n      contextId: \"default\",\n      position: 1,\n    });\n  });\n\n  it(\"should call tabFocus event when focussed\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(\n      `<ic-tab tab-id=\"test-id\" tab-position=\"1\">IC Tab Test</ic-tab>`\n    );\n    await page.waitForChanges();\n\n    const tab = await page.find(\"ic-tab\");\n    const tabFocus = await page.spyOnEvent(\"tabFocus\");\n    await tab.focus();\n\n    await page.waitForChanges();\n\n    expect(tabFocus).toHaveReceivedEventDetail({\n      tabId: \"test-id\",\n      contextId: \"default\",\n      position: 1,\n    });\n  });\n});\n"]}
+{"version":3,"file":"ic-tab.e2e.js","sourceRoot":"","sources":["../../../../../src/components/ic-tab/test/basic/ic-tab.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,yCAAyC,EAAE,KAAK,IAAI,EAAE;QACvD,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CACnB,gEAAgE,CACjE,CAAC;QACF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACtC,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;QACnD,MAAM,GAAG,CAAC,KAAK,EAAE,CAAC;QAElB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,QAAQ,CAAC,CAAC,yBAAyB,CAAC;YACzC,KAAK,EAAE,SAAS;YAChB,SAAS,EAAE,SAAS;YACpB,QAAQ,EAAE,CAAC;SACZ,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;QACxD,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CACnB,gEAAgE,CACjE,CAAC;QACF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACtC,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;QACnD,MAAM,GAAG,CAAC,KAAK,EAAE,CAAC;QAElB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,QAAQ,CAAC,CAAC,yBAAyB,CAAC;YACzC,KAAK,EAAE,SAAS;YAChB,SAAS,EAAE,SAAS;YACpB,QAAQ,EAAE,CAAC;SACZ,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from \"@stencil/core/testing\";\n\ndescribe(\"ic-tab component\", () => {\n  it(\"should call tabClick event when clicked\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(\n      `<ic-tab tab-id=\"test-id\" tab-position=\"1\">IC Tab Test</ic-tab>`\n    );\n    await page.waitForChanges();\n\n    const tab = await page.find(\"ic-tab\");\n    const tabClick = await page.spyOnEvent(\"tabClick\");\n    await tab.click();\n\n    await page.waitForChanges();\n\n    expect(tabClick).toHaveReceivedEventDetail({\n      tabId: \"test-id\",\n      contextId: \"default\",\n      position: 1,\n    });\n  });\n\n  it(\"should call tabFocus event when focussed\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(\n      `<ic-tab tab-id=\"test-id\" tab-position=\"1\">IC Tab Test</ic-tab>`\n    );\n    await page.waitForChanges();\n\n    const tab = await page.find(\"ic-tab\");\n    const tabFocus = await page.spyOnEvent(\"tabFocus\");\n    await tab.focus();\n\n    await page.waitForChanges();\n\n    expect(tabFocus).toHaveReceivedEventDetail({\n      tabId: \"test-id\",\n      contextId: \"default\",\n      position: 1,\n    });\n  });\n});\n"]}

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

@@ -3,13 +3,13 @@ import { Button } from "../../../ic-button/ic-button";
 import { Tab } from "../../ic-tab";
 import { Typography } from "../../../ic-typography/ic-typography";
 describe("ic-tab component", () => {
-  it("should render with correct label", async () => {
-    const page = await newSpecPage({
-      components: [Button, Tab, Typography],
-      html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,
-    });
-    expect(page.root)
-      .toEqualHtml(`<ic-tab aria-disabled="false" aria-selected="false" context-id="default" role="tab" tabindex="-1" tab-position="1">
+    it("should render with correct label", async () => {
+        const page = await newSpecPage({
+            components: [Button, Tab, Typography],
+            html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,
+        });
+        expect(page.root)
+            .toEqualHtml(`<ic-tab aria-disabled="false" aria-selected="false" context-id="default" role="tab" tabindex="-1" tab-position="1">
     <mock:shadow-root>
       <ic-typography class="ic-tab-label ic-typography-label">
         <mock:shadow-root>
@@ -22,15 +22,15 @@ describe("ic-tab component", () => {
     </mock:shadow-root>
     IC Tab Test
   </ic-tab>`);
-  });
-  it("should set the correct attributes when selected", async () => {
-    const page = await newSpecPage({
-      components: [Button, Tab, Typography],
-      html: `<ic-tab selected tab-position=1>IC Tab Test</ic-tab>`,
-      supportsShadowDom: true,
     });
-    expect(page.root)
-      .toEqualHtml(`<ic-tab aria-disabled="false" aria-selected="true" class="selected" context-id="default" role="tab" selected="" tabindex="0" tab-position="1">
+    it("should set the correct attributes when selected", async () => {
+        const page = await newSpecPage({
+            components: [Button, Tab, Typography],
+            html: `<ic-tab selected tab-position=1>IC Tab Test</ic-tab>`,
+            supportsShadowDom: true,
+        });
+        expect(page.root)
+            .toEqualHtml(`<ic-tab aria-disabled="false" aria-selected="true" class="selected" context-id="default" role="tab" selected="" tabindex="0" tab-position="1">
     <mock:shadow-root>
       <ic-typography class="ic-tab-label ic-typography-label">
         <mock:shadow-root>
@@ -43,15 +43,15 @@ describe("ic-tab component", () => {
     </mock:shadow-root>
     IC Tab Test
   </ic-tab>`);
-  });
-  it("should set the disabled attribute on the button", async () => {
-    const page = await newSpecPage({
-      components: [Button, Tab, Typography],
-      html: `<ic-tab disabled tab-position=1>IC Tab Test</ic-tab>`,
-      supportsShadowDom: true,
     });
-    expect(page.root)
-      .toEqualHtml(`<ic-tab aria-disabled="true" aria-selected="false" class="disabled" context-id="default" disabled="" role="tab" tabindex="-1" tab-position="1">
+    it("should set the disabled attribute on the button", async () => {
+        const page = await newSpecPage({
+            components: [Button, Tab, Typography],
+            html: `<ic-tab disabled tab-position=1>IC Tab Test</ic-tab>`,
+            supportsShadowDom: true,
+        });
+        expect(page.root)
+            .toEqualHtml(`<ic-tab aria-disabled="true" aria-selected="false" class="disabled" context-id="default" disabled="" role="tab" tabindex="-1" tab-position="1">
     <mock:shadow-root>
       <ic-typography class="ic-tab-label ic-typography-label">
         <mock:shadow-root>
@@ -64,15 +64,15 @@ describe("ic-tab component", () => {
     </mock:shadow-root>
     IC Tab Test
   </ic-tab>`);
-  });
-  it("should display an icon", async () => {
-    const page = await newSpecPage({
-      components: [Button, Tab, Typography],
-      html: `<ic-tab tab-position=1>IC Tab Test<svg slot="icon"></svg></ic-tab>`,
-      supportsShadowDom: true,
     });
-    expect(page.root)
-      .toEqualHtml(`<ic-tab aria-disabled="false" aria-selected="false" context-id="default" role="tab" tabindex="-1" tab-position="1">
+    it("should display an icon", async () => {
+        const page = await newSpecPage({
+            components: [Button, Tab, Typography],
+            html: `<ic-tab tab-position=1>IC Tab Test<svg slot="icon"></svg></ic-tab>`,
+            supportsShadowDom: true,
+        });
+        expect(page.root)
+            .toEqualHtml(`<ic-tab aria-disabled="false" aria-selected="false" context-id="default" role="tab" tabindex="-1" tab-position="1">
     <mock:shadow-root>
     <slot name="icon"></slot>
       <ic-typography class="ic-tab-label ic-typography-label">
@@ -87,73 +87,73 @@ describe("ic-tab component", () => {
     IC Tab Test
     <svg slot="icon"></svg>
   </ic-tab>`);
-  });
-  it("should set focus to true on mouse down", async () => {
-    const page = await newSpecPage({
-      components: [Button, Tab, Typography],
-      html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,
-      supportsShadowDom: true,
     });
-    page.rootInstance.handleMouseDown();
-    page.waitForChanges();
-    expect(page.rootInstance.focusFromClick).toBe(true);
-  });
-  it("should set isInitialRender to false on component update", async () => {
-    const page = await newSpecPage({
-      components: [Button, Tab, Typography],
-      html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,
-      supportsShadowDom: true,
+    it("should set focus to true on mouse down", async () => {
+        const page = await newSpecPage({
+            components: [Button, Tab, Typography],
+            html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,
+            supportsShadowDom: true,
+        });
+        page.rootInstance.handleMouseDown();
+        page.waitForChanges();
+        expect(page.rootInstance.focusFromClick).toBe(true);
+    });
+    it("should set isInitialRender to false on component update", async () => {
+        const page = await newSpecPage({
+            components: [Button, Tab, Typography],
+            html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,
+            supportsShadowDom: true,
+        });
+        page.rootInstance.componentDidUpdate();
+        page.waitForChanges();
+        expect(page.rootInstance.isInitialRender).toBe(false);
     });
-    page.rootInstance.componentDidUpdate();
-    page.waitForChanges();
-    expect(page.rootInstance.isInitialRender).toBe(false);
-  });
-  it("should emit tabFocus on handleFocus", async () => {
-    const page = await newSpecPage({
-      components: [Button, Tab, Typography],
-      html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,
-      supportsShadowDom: true,
+    it("should emit tabFocus on handleFocus", async () => {
+        const page = await newSpecPage({
+            components: [Button, Tab, Typography],
+            html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,
+            supportsShadowDom: true,
+        });
+        const callbackFn = jest.fn();
+        page.doc.addEventListener("tabFocus", callbackFn);
+        page.rootInstance.handleFocus();
+        page.waitForChanges();
+        expect(callbackFn).toHaveBeenCalled();
     });
-    const callbackFn = jest.fn();
-    page.doc.addEventListener("tabFocus", callbackFn);
-    page.rootInstance.handleFocus();
-    page.waitForChanges();
-    expect(callbackFn).toHaveBeenCalled();
-  });
-  it("should emit tabClick on handleClick", async () => {
-    const page = await newSpecPage({
-      components: [Button, Tab, Typography],
-      html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,
-      supportsShadowDom: true,
+    it("should emit tabClick on handleClick", async () => {
+        const page = await newSpecPage({
+            components: [Button, Tab, Typography],
+            html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,
+            supportsShadowDom: true,
+        });
+        const callbackFn = jest.fn();
+        page.doc.addEventListener("tabClick", callbackFn);
+        page.rootInstance.handleClick();
+        page.waitForChanges();
+        expect(callbackFn).toHaveBeenCalled();
     });
-    const callbackFn = jest.fn();
-    page.doc.addEventListener("tabClick", callbackFn);
-    page.rootInstance.handleClick();
-    page.waitForChanges();
-    expect(callbackFn).toHaveBeenCalled();
-  });
-  it("should call 'setFocus' when tab is focused", async () => {
-    const page = await newSpecPage({
-      components: [Tab],
-      html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,
+    it("should call 'setFocus' when tab is focused", async () => {
+        const page = await newSpecPage({
+            components: [Tab],
+            html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,
+        });
+        //Can't expect anything in this test - this is to increase code coverage only
+        await page.rootInstance.setFocus().toHaveBeenCalled;
     });
-    //Can't expect anything in this test - this is to increase code coverage only
-    await page.rootInstance.setFocus().toHaveBeenCalled;
-  });
-  it("should emit tabFocus on handleClick when focusFromClick is true", async () => {
-    const page = await newSpecPage({
-      components: [Button, Tab, Typography],
-      html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,
-      supportsShadowDom: true,
+    it("should emit tabFocus on handleClick when focusFromClick is true", async () => {
+        const page = await newSpecPage({
+            components: [Button, Tab, Typography],
+            html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,
+            supportsShadowDom: true,
+        });
+        page.rootInstance.focusFromClick = true;
+        page.waitForChanges();
+        const callbackFn = jest.fn();
+        page.doc.addEventListener("tabFocus", callbackFn);
+        page.rootInstance.handleClick();
+        page.waitForChanges();
+        expect(callbackFn).toHaveBeenCalled();
+        expect(page.rootInstance.focusFromClick).toBe(false);
     });
-    page.rootInstance.focusFromClick = true;
-    page.waitForChanges();
-    const callbackFn = jest.fn();
-    page.doc.addEventListener("tabFocus", callbackFn);
-    page.rootInstance.handleClick();
-    page.waitForChanges();
-    expect(callbackFn).toHaveBeenCalled();
-    expect(page.rootInstance.focusFromClick).toBe(false);
-  });
 });
 //# sourceMappingURL=ic-tab.spec.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ic-tab.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-tab/test/basic/ic-tab.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { Button } from \"../../../ic-button/ic-button\";\nimport { Tab } from \"../../ic-tab\";\nimport { Typography } from \"../../../ic-typography/ic-typography\";\n\ndescribe(\"ic-tab component\", () => {\n  it(\"should render with correct label\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Tab, Typography],\n      html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,\n    });\n\n    expect(page.root)\n      .toEqualHtml(`<ic-tab aria-disabled=\"false\" aria-selected=\"false\" context-id=\"default\" role=\"tab\" tabindex=\"-1\" tab-position=\"1\">\n    <mock:shadow-root>\n      <ic-typography class=\"ic-tab-label ic-typography-label\">\n        <mock:shadow-root>\n          <slot></slot>\n        </mock:shadow-root>\n        <span>\n          <slot></slot>\n        </span>\n      </ic-typography>\n    </mock:shadow-root>\n    IC Tab Test\n  </ic-tab>`);\n  });\n\n  it(\"should set the correct attributes when selected\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Tab, Typography],\n      html: `<ic-tab selected tab-position=1>IC Tab Test</ic-tab>`,\n      supportsShadowDom: true,\n    });\n\n    expect(page.root)\n      .toEqualHtml(`<ic-tab aria-disabled=\"false\" aria-selected=\"true\" class=\"selected\" context-id=\"default\" role=\"tab\" selected=\"\" tabindex=\"0\" tab-position=\"1\">\n    <mock:shadow-root>\n      <ic-typography class=\"ic-tab-label ic-typography-label\">\n        <mock:shadow-root>\n          <slot></slot>\n        </mock:shadow-root>\n        <span>\n          <slot></slot>\n        </span>\n      </ic-typography>\n    </mock:shadow-root>\n    IC Tab Test\n  </ic-tab>`);\n  });\n\n  it(\"should set the disabled attribute on the button\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Tab, Typography],\n      html: `<ic-tab disabled tab-position=1>IC Tab Test</ic-tab>`,\n      supportsShadowDom: true,\n    });\n\n    expect(page.root)\n      .toEqualHtml(`<ic-tab aria-disabled=\"true\" aria-selected=\"false\" class=\"disabled\" context-id=\"default\" disabled=\"\" role=\"tab\" tabindex=\"-1\" tab-position=\"1\">\n    <mock:shadow-root>\n      <ic-typography class=\"ic-tab-label ic-typography-label\">\n        <mock:shadow-root>\n          <slot></slot>\n        </mock:shadow-root>\n        <span>\n          <slot></slot>\n        </span>\n      </ic-typography>\n    </mock:shadow-root>\n    IC Tab Test\n  </ic-tab>`);\n  });\n\n  it(\"should display an icon\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Tab, Typography],\n      html: `<ic-tab tab-position=1>IC Tab Test<svg slot=\"icon\"></svg></ic-tab>`,\n      supportsShadowDom: true,\n    });\n\n    expect(page.root)\n      .toEqualHtml(`<ic-tab aria-disabled=\"false\" aria-selected=\"false\" context-id=\"default\" role=\"tab\" tabindex=\"-1\" tab-position=\"1\">\n    <mock:shadow-root>\n    <slot name=\"icon\"></slot>\n      <ic-typography class=\"ic-tab-label ic-typography-label\">\n        <mock:shadow-root>\n          <slot></slot>\n        </mock:shadow-root>\n        <span>\n          <slot></slot>\n        </span>\n      </ic-typography>\n    </mock:shadow-root>\n    IC Tab Test\n    <svg slot=\"icon\"></svg>\n  </ic-tab>`);\n  });\n\n  it(\"should set focus to true on mouse down\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Tab, Typography],\n      html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,\n      supportsShadowDom: true,\n    });\n\n    page.rootInstance.handleMouseDown();\n    page.waitForChanges();\n\n    expect(page.rootInstance.focusFromClick).toBe(true);\n  });\n\n  it(\"should set isInitialRender to false on component update\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Tab, Typography],\n      html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,\n      supportsShadowDom: true,\n    });\n\n    page.rootInstance.componentDidUpdate();\n    page.waitForChanges();\n\n    expect(page.rootInstance.isInitialRender).toBe(false);\n  });\n\n  it(\"should emit tabFocus on handleFocus\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Tab, Typography],\n      html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,\n      supportsShadowDom: true,\n    });\n\n    const callbackFn = jest.fn();\n    page.doc.addEventListener(\"tabFocus\", callbackFn);\n    page.rootInstance.handleFocus();\n    page.waitForChanges();\n\n    expect(callbackFn).toHaveBeenCalled();\n  });\n\n  it(\"should emit tabClick on handleClick\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Tab, Typography],\n      html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,\n      supportsShadowDom: true,\n    });\n\n    const callbackFn = jest.fn();\n    page.doc.addEventListener(\"tabClick\", callbackFn);\n    page.rootInstance.handleClick();\n    page.waitForChanges();\n\n    expect(callbackFn).toHaveBeenCalled();\n  });\n\n  it(\"should call 'setFocus' when tab is focused\", async () => {\n    const page = await newSpecPage({\n      components: [Tab],\n      html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,\n    });\n\n    //Can't expect anything in this test - this is to increase code coverage only\n    await page.rootInstance.setFocus().toHaveBeenCalled;\n  });\n\n  it(\"should emit tabFocus on handleClick when focusFromClick is true\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Tab, Typography],\n      html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,\n      supportsShadowDom: true,\n    });\n\n    page.rootInstance.focusFromClick = true;\n    page.waitForChanges();\n\n    const callbackFn = jest.fn();\n    page.doc.addEventListener(\"tabFocus\", callbackFn);\n    page.rootInstance.handleClick();\n    page.waitForChanges();\n\n    expect(callbackFn).toHaveBeenCalled();\n    expect(page.rootInstance.focusFromClick).toBe(false);\n  });\n});\n"]}
+{"version":3,"file":"ic-tab.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-tab/test/basic/ic-tab.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAElE,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,UAAU,CAAC;YACrC,IAAI,EAAE,6CAA6C;SACpD,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;aACd,WAAW,CAAC;;;;;;;;;;;;YAYP,CAAC,CAAC;IACZ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;QAC/D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,UAAU,CAAC;YACrC,IAAI,EAAE,sDAAsD;YAC5D,iBAAiB,EAAE,IAAI;SACxB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;aACd,WAAW,CAAC;;;;;;;;;;;;YAYP,CAAC,CAAC;IACZ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;QAC/D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,UAAU,CAAC;YACrC,IAAI,EAAE,sDAAsD;YAC5D,iBAAiB,EAAE,IAAI;SACxB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;aACd,WAAW,CAAC;;;;;;;;;;;;YAYP,CAAC,CAAC;IACZ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wBAAwB,EAAE,KAAK,IAAI,EAAE;QACtC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,UAAU,CAAC;YACrC,IAAI,EAAE,oEAAoE;YAC1E,iBAAiB,EAAE,IAAI;SACxB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;aACd,WAAW,CAAC;;;;;;;;;;;;;;YAcP,CAAC,CAAC;IACZ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;QACtD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,UAAU,CAAC;YACrC,IAAI,EAAE,6CAA6C;YACnD,iBAAiB,EAAE,IAAI;SACxB,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,CAAC;QACpC,IAAI,CAAC,cAAc,EAAE,CAAC;QAEtB,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACtD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yDAAyD,EAAE,KAAK,IAAI,EAAE;QACvE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,UAAU,CAAC;YACrC,IAAI,EAAE,6CAA6C;YACnD,iBAAiB,EAAE,IAAI;SACxB,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,CAAC,kBAAkB,EAAE,CAAC;QACvC,IAAI,CAAC,cAAc,EAAE,CAAC;QAEtB,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACnD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,UAAU,CAAC;YACrC,IAAI,EAAE,6CAA6C;YACnD,iBAAiB,EAAE,IAAI;SACxB,CAAC,CAAC;QAEH,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC7B,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;QAClD,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;QAChC,IAAI,CAAC,cAAc,EAAE,CAAC;QAEtB,MAAM,CAAC,UAAU,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACnD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,UAAU,CAAC;YACrC,IAAI,EAAE,6CAA6C;YACnD,iBAAiB,EAAE,IAAI;SACxB,CAAC,CAAC;QAEH,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC7B,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;QAClD,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;QAChC,IAAI,CAAC,cAAc,EAAE,CAAC;QAEtB,MAAM,CAAC,UAAU,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;QAC1D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,GAAG,CAAC;YACjB,IAAI,EAAE,6CAA6C;SACpD,CAAC,CAAC;QAEH,6EAA6E;QAC7E,MAAM,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,gBAAgB,CAAC;IACtD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iEAAiE,EAAE,KAAK,IAAI,EAAE;QAC/E,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,UAAU,CAAC;YACrC,IAAI,EAAE,6CAA6C;YACnD,iBAAiB,EAAE,IAAI;SACxB,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,CAAC,cAAc,GAAG,IAAI,CAAC;QACxC,IAAI,CAAC,cAAc,EAAE,CAAC;QAEtB,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC7B,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;QAClD,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;QAChC,IAAI,CAAC,cAAc,EAAE,CAAC;QAEtB,MAAM,CAAC,UAAU,CAAC,CAAC,gBAAgB,EAAE,CAAC;QACtC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { Button } from \"../../../ic-button/ic-button\";\nimport { Tab } from \"../../ic-tab\";\nimport { Typography } from \"../../../ic-typography/ic-typography\";\n\ndescribe(\"ic-tab component\", () => {\n  it(\"should render with correct label\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Tab, Typography],\n      html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,\n    });\n\n    expect(page.root)\n      .toEqualHtml(`<ic-tab aria-disabled=\"false\" aria-selected=\"false\" context-id=\"default\" role=\"tab\" tabindex=\"-1\" tab-position=\"1\">\n    <mock:shadow-root>\n      <ic-typography class=\"ic-tab-label ic-typography-label\">\n        <mock:shadow-root>\n          <slot></slot>\n        </mock:shadow-root>\n        <span>\n          <slot></slot>\n        </span>\n      </ic-typography>\n    </mock:shadow-root>\n    IC Tab Test\n  </ic-tab>`);\n  });\n\n  it(\"should set the correct attributes when selected\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Tab, Typography],\n      html: `<ic-tab selected tab-position=1>IC Tab Test</ic-tab>`,\n      supportsShadowDom: true,\n    });\n\n    expect(page.root)\n      .toEqualHtml(`<ic-tab aria-disabled=\"false\" aria-selected=\"true\" class=\"selected\" context-id=\"default\" role=\"tab\" selected=\"\" tabindex=\"0\" tab-position=\"1\">\n    <mock:shadow-root>\n      <ic-typography class=\"ic-tab-label ic-typography-label\">\n        <mock:shadow-root>\n          <slot></slot>\n        </mock:shadow-root>\n        <span>\n          <slot></slot>\n        </span>\n      </ic-typography>\n    </mock:shadow-root>\n    IC Tab Test\n  </ic-tab>`);\n  });\n\n  it(\"should set the disabled attribute on the button\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Tab, Typography],\n      html: `<ic-tab disabled tab-position=1>IC Tab Test</ic-tab>`,\n      supportsShadowDom: true,\n    });\n\n    expect(page.root)\n      .toEqualHtml(`<ic-tab aria-disabled=\"true\" aria-selected=\"false\" class=\"disabled\" context-id=\"default\" disabled=\"\" role=\"tab\" tabindex=\"-1\" tab-position=\"1\">\n    <mock:shadow-root>\n      <ic-typography class=\"ic-tab-label ic-typography-label\">\n        <mock:shadow-root>\n          <slot></slot>\n        </mock:shadow-root>\n        <span>\n          <slot></slot>\n        </span>\n      </ic-typography>\n    </mock:shadow-root>\n    IC Tab Test\n  </ic-tab>`);\n  });\n\n  it(\"should display an icon\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Tab, Typography],\n      html: `<ic-tab tab-position=1>IC Tab Test<svg slot=\"icon\"></svg></ic-tab>`,\n      supportsShadowDom: true,\n    });\n\n    expect(page.root)\n      .toEqualHtml(`<ic-tab aria-disabled=\"false\" aria-selected=\"false\" context-id=\"default\" role=\"tab\" tabindex=\"-1\" tab-position=\"1\">\n    <mock:shadow-root>\n    <slot name=\"icon\"></slot>\n      <ic-typography class=\"ic-tab-label ic-typography-label\">\n        <mock:shadow-root>\n          <slot></slot>\n        </mock:shadow-root>\n        <span>\n          <slot></slot>\n        </span>\n      </ic-typography>\n    </mock:shadow-root>\n    IC Tab Test\n    <svg slot=\"icon\"></svg>\n  </ic-tab>`);\n  });\n\n  it(\"should set focus to true on mouse down\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Tab, Typography],\n      html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,\n      supportsShadowDom: true,\n    });\n\n    page.rootInstance.handleMouseDown();\n    page.waitForChanges();\n\n    expect(page.rootInstance.focusFromClick).toBe(true);\n  });\n\n  it(\"should set isInitialRender to false on component update\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Tab, Typography],\n      html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,\n      supportsShadowDom: true,\n    });\n\n    page.rootInstance.componentDidUpdate();\n    page.waitForChanges();\n\n    expect(page.rootInstance.isInitialRender).toBe(false);\n  });\n\n  it(\"should emit tabFocus on handleFocus\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Tab, Typography],\n      html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,\n      supportsShadowDom: true,\n    });\n\n    const callbackFn = jest.fn();\n    page.doc.addEventListener(\"tabFocus\", callbackFn);\n    page.rootInstance.handleFocus();\n    page.waitForChanges();\n\n    expect(callbackFn).toHaveBeenCalled();\n  });\n\n  it(\"should emit tabClick on handleClick\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Tab, Typography],\n      html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,\n      supportsShadowDom: true,\n    });\n\n    const callbackFn = jest.fn();\n    page.doc.addEventListener(\"tabClick\", callbackFn);\n    page.rootInstance.handleClick();\n    page.waitForChanges();\n\n    expect(callbackFn).toHaveBeenCalled();\n  });\n\n  it(\"should call 'setFocus' when tab is focused\", async () => {\n    const page = await newSpecPage({\n      components: [Tab],\n      html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,\n    });\n\n    //Can't expect anything in this test - this is to increase code coverage only\n    await page.rootInstance.setFocus().toHaveBeenCalled;\n  });\n\n  it(\"should emit tabFocus on handleClick when focusFromClick is true\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Tab, Typography],\n      html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,\n      supportsShadowDom: true,\n    });\n\n    page.rootInstance.focusFromClick = true;\n    page.waitForChanges();\n\n    const callbackFn = jest.fn();\n    page.doc.addEventListener(\"tabFocus\", callbackFn);\n    page.rootInstance.handleClick();\n    page.waitForChanges();\n\n    expect(callbackFn).toHaveBeenCalled();\n    expect(page.rootInstance.focusFromClick).toBe(false);\n  });\n});\n"]}