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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ic-dialog.spec.js","sourceRoot":"","sources":["../../../src/components/ic-dialog/ic-dialog.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { SpecPage, newSpecPage } from \"@stencil/core/testing\";\nimport { Dialog } from \"./ic-dialog\";\nimport {\n  waitForTimeout,\n  testKeyboardEvent as keyboardEvent,\n} from \"../../testspec.setup\";\nimport { Button } from \"../ic-button/ic-button\";\nimport { TextField } from \"../ic-text-field/ic-text-field\";\n\nconst DIALOG_DELAY_MS = 100;\n\nconst setupDialogMethods = (page: SpecPage) => {\n  page.rootInstance.dialogEl.showModal = jest.fn(function mock(\n    this: HTMLDialogElement\n  ) {\n    this.open = true;\n  });\n\n  page.rootInstance.dialogEl.close = jest.fn(function mock(\n    this: HTMLDialogElement\n  ) {\n    this.open = false;\n  });\n};\n\ndescribe(\"ic-dialog component\", () => {\n  it(\"should render\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\" buttons=\"false\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with a label\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\" label=\"Dialog label\" buttons=\"false\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with no buttons\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog],\n      html: `<ic-dialog heading=\"Dialog heading\" buttons=\"false\">Dialog content</ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with slotted content\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, TextField, Button],\n      html: `<ic-dialog heading=\"Dialog heading\">\n        <ic-text-field label=\"What is your favourite coffee?\">\n        </ic-text-field>\n        <ic-button>Click Me</ic-button>\n      </ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render as medium size\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\" size=\"medium\" buttons=\"false\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render as large size\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\" size=\"large\" buttons=\"false\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with a single default button\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: '<ic-dialog heading=\"Dialog heading\"></ic-dialog>',\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    dialog.buttonProps = [\n      { label: \"Confirm\", onclick: \"this.icDialogConfirm()\" },\n    ];\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with two default buttons\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: '<ic-dialog heading=\"Dialog heading\"></ic-dialog>',\n    });\n\n    setupDialogMethods(page);\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with three default buttons\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: '<ic-dialog heading=\"Dialog heading\"></ic-dialog>',\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    dialog.buttonProps = [\n      { label: \"Cancel\", onclick: \"this.hideDialog()\" },\n      { label: \"Options\", onclick: \"alert('Options...')\" },\n      { label: \"Confirm\", onclick: \"this.icDialogConfirm()\" },\n    ];\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with no more than three default buttons\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: '<ic-dialog heading=\"Dialog heading\"></ic-dialog>',\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    dialog.buttonProps = [\n      { label: \"Cancel\", onclick: \"this.hideDialog()\" },\n      { label: \"Options\", onclick: \"alert('Options...')\" },\n      { label: \"Confirm\", onclick: \"this.icDialogConfirm()\" },\n      { label: \"Extra\", onclick: \"alert('Extra button')\" },\n    ];\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with a destructive default button\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: '<ic-dialog heading=\"Dialog heading test\" destructive=\"true\"></ic-dialog>',\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    dialog.buttonProps = [\n      { label: \"Confirm\", onclick: \"this.icDialogConfirm()\" },\n    ];\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with an alert\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\" status=\"neutral\" alert-heading=\"Alert heading\" alert-message=\"Alert message\" buttons=\"false\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should display with the showDialog method\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    const eventSpy = jest.fn();\n    page.win.addEventListener(\"icDialogOpened\", eventSpy);\n\n    await dialog.showDialog();\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(eventSpy).toHaveBeenCalled();\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n  });\n\n  it(\"should hide with the hideDialog method\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    await dialog.showDialog();\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n\n    const eventSpy = jest.fn();\n    page.win.addEventListener(\"icDialogClosed\", eventSpy);\n\n    await dialog.hideDialog();\n\n    await page.waitForChanges();\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(eventSpy).toHaveBeenCalled();\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n  });\n\n  it(\"should test icDialogCancelled event emitted\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    await dialog.showDialog();\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n\n    const eventSpy = jest.fn();\n    page.win.addEventListener(\"icDialogCancelled\", eventSpy);\n\n    page.root.shadowRoot.querySelectorAll(\"ic-button\")[1].click();\n\n    await page.waitForChanges();\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(eventSpy).toHaveBeenCalled();\n  });\n\n  it(\"should test icDialogConfirmed event emitted\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    await dialog.showDialog();\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n\n    const eventSpy = jest.fn();\n    page.win.addEventListener(\"icDialogConfirmed\", eventSpy);\n\n    page.root.shadowRoot.querySelectorAll(\"ic-button\")[2].click();\n\n    await page.waitForChanges();\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(eventSpy).toHaveBeenCalled();\n  });\n\n  it(\"should test cancelDialog method\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: '<ic-dialog heading=\"Dialog heading\"></ic-dialog>',\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    await dialog.showDialog();\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n\n    const eventSpy = jest.fn();\n    page.win.addEventListener(\"icDialogCancelled\", eventSpy);\n\n    await dialog.cancelDialog();\n\n    await page.waitForChanges();\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(eventSpy).toHaveBeenCalled();\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n  });\n\n  it(\"should test confirmDialog method\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: '<ic-dialog heading=\"Dialog heading\"></ic-dialog>',\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    await dialog.showDialog();\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n\n    const eventSpy = jest.fn();\n    page.win.addEventListener(\"icDialogConfirmed\", eventSpy);\n\n    await dialog.confirmDialog();\n\n    await page.waitForChanges();\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(eventSpy).toHaveBeenCalled();\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n  });\n\n  it(\"should render with slotted controls\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\"><ic-button variant=\"primary\" onclick=\"alert('Confirmed!')\" slot=\"dialog-controls\">Confirm</ic-button></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    await dialog.showDialog();\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should hide when the escape key is pressed\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    await dialog.showDialog();\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n\n    page.win.document.dispatchEvent(\n      new KeyboardEvent(\"keydown\", keyboardEvent(\"Escape\"))\n    );\n\n    await page.waitForChanges();\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n  });\n\n  it(\"should hide when something besides the dialog is clicked\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    await dialog.showDialog();\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n\n    page.root.dispatchEvent(\n      new window.window.MouseEvent(\"click\", {\n        bubbles: true,\n        cancelable: true,\n        clientX: 10,\n        clientY: 10,\n      })\n    );\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n  });\n\n  it(\"should not hide when close-on-backdrop-click false\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\" close-on-backdrop-click=\"false\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    await dialog.showDialog();\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n\n    page.root.dispatchEvent(\n      new window.window.MouseEvent(\"click\", {\n        bubbles: true,\n        cancelable: true,\n        clientX: 10,\n        clientY: 10,\n      })\n    );\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n  });\n\n  it(\"should hide when the close button is clicked\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: `<ic-dialog heading=\"Dialog heading\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    await dialog.showDialog();\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n\n    page.root.shadowRoot.querySelector(\"ic-button\").click();\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n  });\n\n  it(\"should correctly pass onclick functions to a single default button\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: '<ic-dialog heading=\"Dialog heading\"></ic-dialog>',\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    dialog.buttonProps = [{ label: \"Confirm\", onclick: \"this.hideDialog()\" }];\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    await dialog.showDialog();\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n\n    page.root.shadowRoot.querySelectorAll(\"ic-button\")[1].click();\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n  });\n\n  it(\"should trigger private focusNextInteractiveElement method when tab pressed\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, TextField, Button],\n      html: `<ic-dialog heading=\"Dialog heading\">\n        <ic-text-field label=\"What is your favourite coffee?\">\n        </ic-text-field>\n        <ic-button>Click Me</ic-button>\n      </ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    await dialog.showDialog();\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    page.win.document.dispatchEvent(\n      new KeyboardEvent(\"keydown\", keyboardEvent(\"Tab\"))\n    );\n    await page.waitForChanges();\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n  });\n\n  it(\"should set appropriate data-overflow attribute\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, TextField, Button],\n      html: `<ic-dialog heading=\"Dialog heading\"></ic-dialog>`,\n    });\n\n    setupDialogMethods(page);\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    await dialog.showDialog();\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    page.rootInstance.dialogEl.clientHeight = 100;\n    page.rootInstance.dialogEl.scrollHeight = 100;\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    page.rootInstance.resizeObserverCallback();\n\n    expect(page.rootInstance.el.getAttribute(\"data-overflow\")).toBe(\"false\");\n\n    await dialog.hideDialog();\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    await dialog.showDialog();\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    page.rootInstance.dialogEl.clientHeight = 50;\n    page.rootInstance.dialogEl.scrollHeight = 100;\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    page.rootInstance.resizeObserverCallback();\n\n    expect(page.rootInstance.el.getAttribute(\"data-overflow\")).toBe(\"true\");\n  });\n\n  it(\"should correctly pass onclick functions to two default buttons\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: '<ic-dialog heading=\"Dialog heading\"></ic-dialog>',\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    dialog.buttonProps = [\n      { label: \"Close\", onclick: \"this.hideDialog()\" },\n      { label: \"Confirm\", onclick: \"this.hideDialog()\" },\n    ];\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    await dialog.showDialog();\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n\n    page.root.shadowRoot.querySelectorAll(\"ic-button\")[1].click();\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    await dialog.showDialog();\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n\n    page.root.shadowRoot.querySelectorAll(\"ic-button\")[2].click();\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n  });\n\n  it(\"should correctly pass onclick functions to three default buttons\", async () => {\n    const page = await newSpecPage({\n      components: [Dialog, Button],\n      html: '<ic-dialog heading=\"Dialog heading\"></ic-dialog>',\n    });\n\n    setupDialogMethods(page);\n\n    const dialog = document.querySelector(\"ic-dialog\");\n\n    dialog.buttonProps = [\n      { label: \"Cancel\", onclick: \"this.hideDialog()\" },\n      { label: \"Options\", onclick: \"this.hideDialog()\" },\n      { label: \"Confirm\", onclick: \"this.hideDialog()\" },\n    ];\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    await dialog.showDialog();\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n\n    page.root.shadowRoot.querySelectorAll(\"ic-button\")[1].click();\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    await dialog.showDialog();\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n\n    page.root.shadowRoot.querySelectorAll(\"ic-button\")[2].click();\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n\n    await dialog.showDialog();\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(true);\n\n    page.root.shadowRoot.querySelectorAll(\"ic-button\")[3].click();\n\n    await page.waitForChanges();\n\n    //delay for setTimeout in code\n    await waitForTimeout(DIALOG_DELAY_MS);\n\n    expect(page.rootInstance.dialogRendered).toBe(false);\n  });\n});\n"]}

package/dist/collection/components/ic-dialog/ic-dialog.test.a11y.js

@@ -0,0 +1,28 @@
+import { fixture } from "@open-wc/testing-helpers";
+import { axe } from "jest-axe";
+import { checkShadowElementRendersCorrectly } from "../../utils/testa11y.helpers";
+describe("dialog component", () => {
+  it("passes accessibility", async () => {
+    const el = await fixture(`
+    <ic-dialog
+        label="Success"
+        heading="Action was a success!" 
+        size="small" 
+        status="success"
+        alert-heading="Success!"
+        alert-message="Action was a success"
+        buttons="two"
+    >
+        Lorem ipsum dolor sit amet, 
+        consectetur adipiscing elit, 
+        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+    </ic-dialog>
+    <script>
+      dialog = document.querySelector('ic-dialog');
+      dialog.buttonProps = [{label: "Click me!", onclick: "alert('clicked')"},{label: "Close", onclick: "this.hideDialog()"},{}];
+    </script>`);
+    checkShadowElementRendersCorrectly(el);
+    expect(await axe(el)).toHaveNoViolations();
+  });
+});
+//# sourceMappingURL=ic-dialog.test.a11y.js.map

package/dist/collection/components/ic-dialog/ic-dialog.test.a11y.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ic-dialog.test.a11y.js","sourceRoot":"","sources":["../../../src/components/ic-dialog/ic-dialog.test.a11y.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,8BAA8B,CAAC;AAElF,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;EAChC,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;IACpC,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;cAiBf,CAAC,CAAC;IACZ,kCAAkC,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC;EAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { fixture } from \"@open-wc/testing-helpers\";\nimport { axe } from \"jest-axe\";\nimport { checkShadowElementRendersCorrectly } from \"../../utils/testa11y.helpers\";\n\ndescribe(\"dialog component\", () => {\n  it(\"passes accessibility\", async () => {\n    const el = await fixture(`\n    <ic-dialog\n        label=\"Success\"\n        heading=\"Action was a success!\" \n        size=\"small\" \n        status=\"success\"\n        alert-heading=\"Success!\"\n        alert-message=\"Action was a success\"\n        buttons=\"two\"\n    >\n        Lorem ipsum dolor sit amet, \n        consectetur adipiscing elit, \n        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n    </ic-dialog>\n    <script>\n      dialog = document.querySelector('ic-dialog');\n      dialog.buttonProps = [{label: \"Click me!\", onclick: \"alert('clicked')\"},{label: \"Close\", onclick: \"this.hideDialog()\"},{}];\n    </script>`);\n    checkShadowElementRendersCorrectly(el);\n    expect(await axe(el)).toHaveNoViolations();\n  });\n});\n"]}

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

@@ -0,0 +1,24 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { Divider } from "./ic-divider";
+describe("ic-divider", () => {
+  it("should render", async () => {
+    const page = await newSpecPage({
+      components: [Divider],
+      html: `<ic-divider></ic-divider>`,
+    });
+    expect(page.root).toMatchSnapshot();
+  });
+  it("correctly sets foregroundColor on theme change", async () => {
+    const page = await newSpecPage({
+      components: [Divider],
+      html: `<ic-divider></ic-divider>`,
+    });
+    await page.rootInstance.themeChangeHandler({
+      detail: { mode: "light" },
+    });
+    await page.waitForChanges();
+    expect(page.root).toMatchSnapshot();
+    expect(page.rootInstance.foregroundColor).toEqual("light");
+  });
+});
+//# sourceMappingURL=ic-divider.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ic-divider.spec.js","sourceRoot":"","sources":["../../../src/components/ic-divider/ic-divider.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;EAC1B,EAAE,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;IAC7B,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,OAAO,CAAC;MACrB,IAAI,EAAE,2BAA2B;KAClC,CAAC,CAAC;IAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;EACtC,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gDAAgD,EAAE,KAAK,IAAI,EAAE;IAC9D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,OAAO,CAAC;MACrB,IAAI,EAAE,2BAA2B;KAClC,CAAC,CAAC;IAEH,MAAM,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC;MACzC,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;KAC1B,CAAC,CAAC;IACH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAC5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IAEpC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;EAC7D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { Divider } from \"./ic-divider\";\n\ndescribe(\"ic-divider\", () => {\n  it(\"should render\", async () => {\n    const page = await newSpecPage({\n      components: [Divider],\n      html: `<ic-divider></ic-divider>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"correctly sets foregroundColor on theme change\", async () => {\n    const page = await newSpecPage({\n      components: [Divider],\n      html: `<ic-divider></ic-divider>`,\n    });\n\n    await page.rootInstance.themeChangeHandler({\n      detail: { mode: \"light\" },\n    });\n    await page.waitForChanges();\n    expect(page.root).toMatchSnapshot();\n\n    expect(page.rootInstance.foregroundColor).toEqual(\"light\");\n  });\n});\n"]}

package/dist/collection/components/ic-footer/ic-footer.css

@@ -443,18 +443,18 @@ video {
 
 :host {
   display: block;
+
+  --footer-compliance-padding: 1rem 0;
 }
 
 :host(.footer-sparse) {
   --footer-links-padding: 1.5rem 0;
-  --footer-compliance-padding: 1.5rem 0 0.5rem 0;
   --footer-logo-margin-bottom: var(--ic-space-lg);
   --footer-link-inner-flex-direction: row;
 }
 
 :host(.footer-small) {
   --footer-links-padding: 0 0;
-  --footer-compliance-padding: 1rem 0 0.5rem;
   --footer-logo-margin-bottom: var(--ic-space-md);
   --footer-link-inner-flex-direction: column;
 }

package/dist/collection/components/ic-footer/ic-footer.e2e.js

@@ -0,0 +1,50 @@
+import { newE2EPage } from "@stencil/core/testing";
+const pageWidth = 700;
+const pageHeight = 600;
+describe("ic-footer", () => {
+  it("renders", async () => {
+    const page = await newE2EPage();
+    await page.setContent(`<ic-footer description="Description">
+            <ic-footer-link-group slot="link" group-title="Link group 1">
+                <ic-footer-link href="/">Link 1</ic-footer-link>
+                <ic-footer-link href="/">Link 2</ic-footer-link>
+            </ic-footer-link-group>
+            <ic-footer-link-group slot="link" group-title="Link group 2">
+                <ic-footer-link href="/">Link 1</ic-footer-link>
+                <ic-footer-link href="/">Link 2</ic-footer-link>
+            </ic-footer-link-group>
+        </ic-footer>`);
+    const element = await page.find("ic-footer");
+    expect(element).toHaveClass("hydrated");
+  });
+  it("should toggle the link groups when clicked", async () => {
+    const page = await newE2EPage();
+    await page.setContent(`<ic-footer description="Description">
+            <ic-footer-link-group slot="link" group-title="Link group 1">
+                <ic-footer-link href="/">Link 1</ic-footer-link>
+                <ic-footer-link href="/">Link 2</ic-footer-link>
+            </ic-footer-link-group>
+            <ic-footer-link-group slot="link" group-title="Link group 2">
+                <ic-footer-link href="/">Link 1</ic-footer-link>
+                <ic-footer-link href="/">Link 2</ic-footer-link>
+            </ic-footer-link-group>
+        </ic-footer>`);
+    await page.setViewport({
+      width: pageWidth,
+      height: pageHeight,
+    });
+    await page.waitForChanges();
+    const element = await page.find("ic-footer");
+    let dropdownListLinks = await page.find("ic-footer-link-group >>> .footer-link-group-links");
+    expect(element).not.toBeNull();
+    expect(dropdownListLinks).toBeNull();
+    await page.evaluate(() => {
+      const footerLinkGroup = document.querySelector("ic-footer-link-group");
+      footerLinkGroup.click();
+    });
+    await page.waitForChanges();
+    dropdownListLinks = await page.find("ic-footer-link-group >>> .footer-link-group-links");
+    expect(dropdownListLinks).not.toBeNull();
+  });
+});
+//# sourceMappingURL=ic-footer.e2e.js.map

package/dist/collection/components/ic-footer/ic-footer.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ic-footer.e2e.js","sourceRoot":"","sources":["../../../src/components/ic-footer/ic-footer.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,MAAM,SAAS,GAAG,GAAG,CAAC;AACtB,MAAM,UAAU,GAAG,GAAG,CAAC;AAEvB,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;EACzB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CACnB;;;;;;;;;qBASe,CAChB,CAAC;IAEF,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAE7C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EAC1C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;IAC1D,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CACnB;;;;;;;;;qBASe,CAChB,CAAC;IAEF,MAAM,IAAI,CAAC,WAAW,CAAC;MACrB,KAAK,EAAE,SAAS;MAChB,MAAM,EAAE,UAAU;KACnB,CAAC,CAAC;IAEH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC7C,IAAI,iBAAiB,GAAG,MAAM,IAAI,CAAC,IAAI,CACrC,mDAAmD,CACpD,CAAC;IAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAC/B,MAAM,CAAC,iBAAiB,CAAC,CAAC,QAAQ,EAAE,CAAC;IAErC,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;MACvB,MAAM,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC;MACvE,eAAe,CAAC,KAAK,EAAE,CAAC;IAC1B,CAAC,CAAC,CAAC;IAEH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,iBAAiB,GAAG,MAAM,IAAI,CAAC,IAAI,CACjC,mDAAmD,CACpD,CAAC;IAEF,MAAM,CAAC,iBAAiB,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;EAC3C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from \"@stencil/core/testing\";\n\nconst pageWidth = 700;\nconst pageHeight = 600;\n\ndescribe(\"ic-footer\", () => {\n  it(\"renders\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(\n      `<ic-footer description=\"Description\">\n            <ic-footer-link-group slot=\"link\" group-title=\"Link group 1\">\n                <ic-footer-link href=\"/\">Link 1</ic-footer-link>\n                <ic-footer-link href=\"/\">Link 2</ic-footer-link>\n            </ic-footer-link-group>\n            <ic-footer-link-group slot=\"link\" group-title=\"Link group 2\">\n                <ic-footer-link href=\"/\">Link 1</ic-footer-link>\n                <ic-footer-link href=\"/\">Link 2</ic-footer-link>\n            </ic-footer-link-group>\n        </ic-footer>`\n    );\n\n    const element = await page.find(\"ic-footer\");\n\n    expect(element).toHaveClass(\"hydrated\");\n  });\n\n  it(\"should toggle the link groups when clicked\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(\n      `<ic-footer description=\"Description\">\n            <ic-footer-link-group slot=\"link\" group-title=\"Link group 1\">\n                <ic-footer-link href=\"/\">Link 1</ic-footer-link>\n                <ic-footer-link href=\"/\">Link 2</ic-footer-link>\n            </ic-footer-link-group>\n            <ic-footer-link-group slot=\"link\" group-title=\"Link group 2\">\n                <ic-footer-link href=\"/\">Link 1</ic-footer-link>\n                <ic-footer-link href=\"/\">Link 2</ic-footer-link>\n            </ic-footer-link-group>\n        </ic-footer>`\n    );\n\n    await page.setViewport({\n      width: pageWidth,\n      height: pageHeight,\n    });\n\n    await page.waitForChanges();\n\n    const element = await page.find(\"ic-footer\");\n    let dropdownListLinks = await page.find(\n      \"ic-footer-link-group >>> .footer-link-group-links\"\n    );\n\n    expect(element).not.toBeNull();\n    expect(dropdownListLinks).toBeNull();\n\n    await page.evaluate(() => {\n      const footerLinkGroup = document.querySelector(\"ic-footer-link-group\");\n      footerLinkGroup.click();\n    });\n\n    await page.waitForChanges();\n\n    dropdownListLinks = await page.find(\n      \"ic-footer-link-group >>> .footer-link-group-links\"\n    );\n\n    expect(dropdownListLinks).not.toBeNull();\n  });\n});\n"]}

package/dist/collection/components/ic-footer/ic-footer.js

@@ -70,7 +70,7 @@ export class Footer {
         // Slots will be able to infer their own color
         [IcThemeForegroundEnum.Dark]: foregroundColor === IcThemeForegroundEnum.Dark,
         [IcThemeForegroundEnum.Light]: foregroundColor === IcThemeForegroundEnum.Light,
-      } }, h("footer", { ref: (footerEl) => (this.footerEl = footerEl) }, h("div", { class: "footer-description" }, h("ic-section-container", { aligned: aligned, fullHeight: true }, h("div", { class: "footer-description-inner" }, h("ic-typography", { variant: "body" }, h("slot", { name: "description" }, description))))), h("div", { class: "footer-links" }, groupLinks && small ? (h("div", { class: "footer-links-inner" }, h("slot", { name: "link" }))) : (h("ic-section-container", { fullHeight: true, aligned: aligned }, h("div", { class: "footer-links-inner" }, h("slot", { name: "link" }))))), h("div", { class: "footer-compliance" }, h("ic-section-container", { aligned: aligned, fullHeight: true }, h("div", { class: "footer-compliance-inner" }, isSlotUsed(this.el, "logo") && (h("div", { class: "footer-logo" }, h("slot", { name: "logo" }))), (isSlotUsed(this.el, "caption") || caption) && (h("div", { class: "footer-caption" }, h("ic-typography", { variant: this.deviceSize <= IC_DEVICE_SIZES.M
+      } }, h("footer", { ref: (footerEl) => (this.footerEl = footerEl) }, h("div", { class: "footer-description" }, h("ic-section-container", { aligned: aligned, fullHeight: true }, h("div", { class: "footer-description-inner" }, h("ic-typography", { variant: "body" }, h("slot", { name: "description" }, description))))), isSlotUsed(this.el, "link") && (h("div", { class: "footer-links" }, groupLinks && small ? (h("div", { class: "footer-links-inner" }, h("slot", { name: "link" }))) : (h("ic-section-container", { fullHeight: true, aligned: aligned }, h("div", { class: "footer-links-inner" }, h("slot", { name: "link" })))))), h("div", { class: "footer-compliance" }, h("ic-section-container", { aligned: aligned, fullHeight: true }, h("div", { class: "footer-compliance-inner" }, isSlotUsed(this.el, "logo") && (h("div", { class: "footer-logo" }, h("slot", { name: "logo" }))), (isSlotUsed(this.el, "caption") || caption) && (h("div", { class: "footer-caption" }, h("ic-typography", { variant: this.deviceSize <= IC_DEVICE_SIZES.M
         ? "caption"
         : "body" }, h("slot", { name: "caption" }, caption)))), copyright && (h("div", { class: {
         ["footer-copyright"]: true,

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

@@ -1 +1 @@
-{"version":3,"file":"ic-footer.js","sourceRoot":"","sources":["../../../src/components/ic-footer/ic-footer.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n  h,\n  Host,\n  Listen,\n} from \"@stencil/core\";\nimport { IC_DEVICE_SIZES } from \"../../utils/constants\";\nimport {\n  getCurrentDeviceSize,\n  getThemeForegroundColor,\n  checkResizeObserver,\n  hasClassificationBanner,\n  isSlotUsed,\n} from \"../../utils/helpers\";\nimport {\n  IcAlignment,\n  IcTheme,\n  IcThemeForeground,\n  IcThemeForegroundEnum,\n} from \"../../utils/types\";\nimport { IcFooterBreakpoints } from \"./ic-footer.types\";\n\n/**\n * @slot description - Content will be rendered at the top of the footer.\n * @slot link - Content will be rendered between description and logos.\n * @slot logo - Content will be rendered underneath footer links.\n * @slot caption - Content will be rendered above Crown Copyright.\n */\n\n@Component({\n  tag: \"ic-footer\",\n  styleUrl: \"ic-footer.css\",\n  shadow: true,\n})\nexport class Footer {\n  @Element() el: HTMLIcFooterElement;\n\n  /**\n   *  @internal Triggers on page resize and triggers style changes in footer links and link groups\n   */\n  @Event() footerResized: EventEmitter<void>;\n\n  /**\n   * The description displayed at the top of the footer.\n   */\n  @Prop() description: string;\n\n  /**\n   * The alignment of the section containers used within the footer.\n   */\n  @Prop() aligned?: IcAlignment = \"left\";\n\n  /**\n   * The screen size breakpoint at which to switch to the small layout.\n   */\n  @Prop() breakpoint?: IcFooterBreakpoints = \"medium\";\n\n  /**\n   * If `true`, the footer will be set up to handle link groups instead of standalone links.\n   */\n  @Prop() groupLinks?: boolean = false;\n\n  /**\n   * The caption displayed at the bottom of the footer.\n   */\n  @Prop() caption: string;\n\n  /**\n   * If `true`, the footer will display the crown copyright at the bottom.\n   */\n  @Prop() copyright: boolean = true;\n\n  @State() deviceSize: number = IC_DEVICE_SIZES.XL;\n\n  @State() foregroundColor: IcThemeForeground = getThemeForegroundColor();\n\n  private isSmall() {\n    const bp = this.breakpoint;\n\n    return bp === \"extra small\"\n      ? this.deviceSize < IC_DEVICE_SIZES.XS\n      : bp === \"small\"\n      ? this.deviceSize < IC_DEVICE_SIZES.S\n      : bp === \"medium\"\n      ? this.deviceSize < IC_DEVICE_SIZES.M\n      : bp === \"large\"\n      ? this.deviceSize < IC_DEVICE_SIZES.L\n      : bp === \"extra large\"\n      ? this.deviceSize < IC_DEVICE_SIZES.XL\n      : false;\n  }\n\n  @Listen(\"themeChange\", { target: \"document\" })\n  themeChangeHandler(ev: CustomEvent): void {\n    const theme: IcTheme = ev.detail;\n    this.foregroundColor = theme.mode;\n  }\n\n  private resizeObserver: ResizeObserver;\n  private footerEl: HTMLElement;\n\n  private resizeObserverCallback = (currSize: number) => {\n    if (currSize !== this.deviceSize) {\n      this.deviceSize = currSize;\n    }\n    this.footerResized.emit();\n  };\n\n  private runResizeObserver = () => {\n    this.resizeObserver = new ResizeObserver(() => {\n      const currSize = getCurrentDeviceSize();\n      this.resizeObserverCallback(currSize);\n    });\n\n    this.resizeObserver.observe(this.footerEl);\n  };\n\n  componentWillLoad(): void {\n    this.deviceSize = getCurrentDeviceSize();\n  }\n\n  componentDidLoad(): void {\n    checkResizeObserver(this.runResizeObserver);\n  }\n\n  disconnectedCallback(): void {\n    this.resizeObserver.disconnect();\n  }\n\n  render() {\n    const {\n      aligned,\n      caption,\n      copyright,\n      description,\n      groupLinks,\n      foregroundColor,\n    } = this;\n    const small = this.isSmall();\n\n    return (\n      <Host\n        class={{\n          footer: true,\n          [`footer-${small ? \"small\" : \"sparse\"}`]: true,\n          [`footer-${groupLinks ? \"grouped\" : \"ungrouped\"}`]: true,\n          [`footer-${foregroundColor}`]: true,\n          // Slots will be able to infer their own color\n          [IcThemeForegroundEnum.Dark]:\n            foregroundColor === IcThemeForegroundEnum.Dark,\n          [IcThemeForegroundEnum.Light]:\n            foregroundColor === IcThemeForegroundEnum.Light,\n        }}\n      >\n        <footer ref={(footerEl) => (this.footerEl = footerEl)}>\n          {/* Description */}\n          <div class=\"footer-description\">\n            <ic-section-container aligned={aligned} fullHeight={true}>\n              <div class=\"footer-description-inner\">\n                <ic-typography variant=\"body\">\n                  <slot name=\"description\">{description}</slot>\n                </ic-typography>\n              </div>\n            </ic-section-container>\n          </div>\n\n          {/* Links */}\n          <div class=\"footer-links\">\n            {groupLinks && small ? (\n              <div class=\"footer-links-inner\">\n                <slot name=\"link\" />\n              </div>\n            ) : (\n              <ic-section-container fullHeight aligned={aligned}>\n                <div class=\"footer-links-inner\">\n                  <slot name=\"link\" />\n                </div>\n              </ic-section-container>\n            )}\n          </div>\n\n          {/* Compliance (logo, caption, copyright) */}\n          <div class=\"footer-compliance\">\n            <ic-section-container aligned={aligned} fullHeight={true}>\n              <div class=\"footer-compliance-inner\">\n                {isSlotUsed(this.el, \"logo\") && (\n                  <div class=\"footer-logo\">\n                    {/* Logo */}\n                    <slot name=\"logo\" />\n                  </div>\n                )}\n                {(isSlotUsed(this.el, \"caption\") || caption) && (\n                  <div class=\"footer-caption\">\n                    <ic-typography\n                      variant={\n                        this.deviceSize <= IC_DEVICE_SIZES.M\n                          ? \"caption\"\n                          : \"body\"\n                      }\n                    >\n                      <slot name=\"caption\">{caption}</slot>\n                    </ic-typography>\n                  </div>\n                )}\n                {copyright && (\n                  <div\n                    class={{\n                      [\"footer-copyright\"]: true,\n                      [\"classification-spacing\"]: hasClassificationBanner(),\n                    }}\n                  >\n                    <ic-typography\n                      variant={\n                        this.deviceSize <= IC_DEVICE_SIZES.M\n                          ? \"caption-uppercase\"\n                          : \"label-uppercase\"\n                      }\n                    >\n                      &copy; Crown Copyright\n                    </ic-typography>\n                  </div>\n                )}\n              </div>\n            </ic-section-container>\n          </div>\n        </footer>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ic-footer.js","sourceRoot":"","sources":["../../../src/components/ic-footer/ic-footer.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n  h,\n  Host,\n  Listen,\n} from \"@stencil/core\";\nimport { IC_DEVICE_SIZES } from \"../../utils/constants\";\nimport {\n  getCurrentDeviceSize,\n  getThemeForegroundColor,\n  checkResizeObserver,\n  hasClassificationBanner,\n  isSlotUsed,\n} from \"../../utils/helpers\";\nimport {\n  IcAlignment,\n  IcTheme,\n  IcThemeForeground,\n  IcThemeForegroundEnum,\n} from \"../../utils/types\";\nimport { IcFooterBreakpoints } from \"./ic-footer.types\";\n\n/**\n * @slot description - Content will be rendered at the top of the footer.\n * @slot link - Content will be rendered between description and logos.\n * @slot logo - Content will be rendered underneath footer links.\n * @slot caption - Content will be rendered above Crown Copyright.\n */\n\n@Component({\n  tag: \"ic-footer\",\n  styleUrl: \"ic-footer.css\",\n  shadow: true,\n})\nexport class Footer {\n  @Element() el: HTMLIcFooterElement;\n\n  /**\n   *  @internal Triggers on page resize and triggers style changes in footer links and link groups\n   */\n  @Event() footerResized: EventEmitter<void>;\n\n  /**\n   * The description displayed at the top of the footer.\n   */\n  @Prop() description: string;\n\n  /**\n   * The alignment of the section containers used within the footer.\n   */\n  @Prop() aligned?: IcAlignment = \"left\";\n\n  /**\n   * The screen size breakpoint at which to switch to the small layout.\n   */\n  @Prop() breakpoint?: IcFooterBreakpoints = \"medium\";\n\n  /**\n   * If `true`, the footer will be set up to handle link groups instead of standalone links.\n   */\n  @Prop() groupLinks?: boolean = false;\n\n  /**\n   * The caption displayed at the bottom of the footer.\n   */\n  @Prop() caption: string;\n\n  /**\n   * If `true`, the footer will display the crown copyright at the bottom.\n   */\n  @Prop() copyright: boolean = true;\n\n  @State() deviceSize: number = IC_DEVICE_SIZES.XL;\n\n  @State() foregroundColor: IcThemeForeground = getThemeForegroundColor();\n\n  private isSmall() {\n    const bp = this.breakpoint;\n\n    return bp === \"extra small\"\n      ? this.deviceSize < IC_DEVICE_SIZES.XS\n      : bp === \"small\"\n      ? this.deviceSize < IC_DEVICE_SIZES.S\n      : bp === \"medium\"\n      ? this.deviceSize < IC_DEVICE_SIZES.M\n      : bp === \"large\"\n      ? this.deviceSize < IC_DEVICE_SIZES.L\n      : bp === \"extra large\"\n      ? this.deviceSize < IC_DEVICE_SIZES.XL\n      : false;\n  }\n\n  @Listen(\"themeChange\", { target: \"document\" })\n  themeChangeHandler(ev: CustomEvent): void {\n    const theme: IcTheme = ev.detail;\n    this.foregroundColor = theme.mode;\n  }\n\n  private resizeObserver: ResizeObserver;\n  private footerEl: HTMLElement;\n\n  private resizeObserverCallback = (currSize: number) => {\n    if (currSize !== this.deviceSize) {\n      this.deviceSize = currSize;\n    }\n    this.footerResized.emit();\n  };\n\n  private runResizeObserver = () => {\n    this.resizeObserver = new ResizeObserver(() => {\n      const currSize = getCurrentDeviceSize();\n      this.resizeObserverCallback(currSize);\n    });\n\n    this.resizeObserver.observe(this.footerEl);\n  };\n\n  componentWillLoad(): void {\n    this.deviceSize = getCurrentDeviceSize();\n  }\n\n  componentDidLoad(): void {\n    checkResizeObserver(this.runResizeObserver);\n  }\n\n  disconnectedCallback(): void {\n    this.resizeObserver.disconnect();\n  }\n\n  render() {\n    const {\n      aligned,\n      caption,\n      copyright,\n      description,\n      groupLinks,\n      foregroundColor,\n    } = this;\n    const small = this.isSmall();\n\n    return (\n      <Host\n        class={{\n          footer: true,\n          [`footer-${small ? \"small\" : \"sparse\"}`]: true,\n          [`footer-${groupLinks ? \"grouped\" : \"ungrouped\"}`]: true,\n          [`footer-${foregroundColor}`]: true,\n          // Slots will be able to infer their own color\n          [IcThemeForegroundEnum.Dark]:\n            foregroundColor === IcThemeForegroundEnum.Dark,\n          [IcThemeForegroundEnum.Light]:\n            foregroundColor === IcThemeForegroundEnum.Light,\n        }}\n      >\n        <footer ref={(footerEl) => (this.footerEl = footerEl)}>\n          {/* Description */}\n          <div class=\"footer-description\">\n            <ic-section-container aligned={aligned} fullHeight={true}>\n              <div class=\"footer-description-inner\">\n                <ic-typography variant=\"body\">\n                  <slot name=\"description\">{description}</slot>\n                </ic-typography>\n              </div>\n            </ic-section-container>\n          </div>\n\n          {/* Links */}\n          {isSlotUsed(this.el, \"link\") && (\n            <div class=\"footer-links\">\n              {groupLinks && small ? (\n                <div class=\"footer-links-inner\">\n                  <slot name=\"link\" />\n                </div>\n              ) : (\n                <ic-section-container fullHeight aligned={aligned}>\n                  <div class=\"footer-links-inner\">\n                    <slot name=\"link\" />\n                  </div>\n                </ic-section-container>\n              )}\n            </div>\n          )}\n\n          {/* Compliance (logo, caption, copyright) */}\n          <div class=\"footer-compliance\">\n            <ic-section-container aligned={aligned} fullHeight={true}>\n              <div class=\"footer-compliance-inner\">\n                {isSlotUsed(this.el, \"logo\") && (\n                  <div class=\"footer-logo\">\n                    {/* Logo */}\n                    <slot name=\"logo\" />\n                  </div>\n                )}\n                {(isSlotUsed(this.el, \"caption\") || caption) && (\n                  <div class=\"footer-caption\">\n                    <ic-typography\n                      variant={\n                        this.deviceSize <= IC_DEVICE_SIZES.M\n                          ? \"caption\"\n                          : \"body\"\n                      }\n                    >\n                      <slot name=\"caption\">{caption}</slot>\n                    </ic-typography>\n                  </div>\n                )}\n                {copyright && (\n                  <div\n                    class={{\n                      [\"footer-copyright\"]: true,\n                      [\"classification-spacing\"]: hasClassificationBanner(),\n                    }}\n                  >\n                    <ic-typography\n                      variant={\n                        this.deviceSize <= IC_DEVICE_SIZES.M\n                          ? \"caption-uppercase\"\n                          : \"label-uppercase\"\n                      }\n                    >\n                      &copy; Crown Copyright\n                    </ic-typography>\n                  </div>\n                )}\n              </div>\n            </ic-section-container>\n          </div>\n        </footer>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,140 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { Typography } from "../ic-typography/ic-typography";
+import { Footer } from "./ic-footer";
+import { DEVICE_SIZES } from "../../utils/helpers";
+describe("ic-footer", () => {
+  it("should render", async () => {
+    const page = await newSpecPage({
+      components: [Footer],
+      html: `<ic-footer></ic-footer>`,
+    });
+    expect(page.root).toMatchSnapshot();
+  });
+  it("should render with a description via the description slot", async () => {
+    const page = await newSpecPage({
+      components: [Footer, Typography],
+      html: `<ic-footer><ic-typography slot="description">This is a footer</ic-typography></ic-footer>`,
+    });
+    expect(page.root).toMatchSnapshot();
+  });
+  it("should render with a caption via the caption prop", async () => {
+    const page = await newSpecPage({
+      components: [Footer],
+      html: `<ic-footer description="This is a footer" caption="Made by ICDS"></ic-footer>`,
+    });
+    expect(page.root).toMatchSnapshot();
+  });
+  it("should render with a caption via the caption slot", async () => {
+    const page = await newSpecPage({
+      components: [Footer],
+      html: `<ic-footer description="This is a footer"><ic-typography slot="caption">Made by ICDS</ic-typography></ic-footer>`,
+    });
+    expect(page.root).toMatchSnapshot();
+  });
+  it("should render without the copyright text when the copyright prop is false", async () => {
+    const page = await newSpecPage({
+      components: [Footer],
+      html: `<ic-footer description="This is a footer" copyright=false><ic-typography slot="caption">Made by ICDS</ic-typography></ic-footer>`,
+    });
+    expect(page.root).toMatchSnapshot();
+  });
+  it("should render with links", async () => {
+    const page = await newSpecPage({
+      components: [Footer],
+      html: `
+            <ic-footer description="This is a footer" caption="Made by ICDS">
+                <ic-footer-link href="/" slot="link">Link</ic-footer-link>
+                <ic-footer-link href="/" slot="link">Link</ic-footer-link>
+            </ic-footer>`,
+    });
+    expect(page.root).toMatchSnapshot();
+  });
+  it("should render with link groups", async () => {
+    const page = await newSpecPage({
+      components: [Footer],
+      html: `
+            <ic-footer description="This is a footer" caption="Made by ICDS">
+                <ic-footer-link-group group-title="Links" slot="link">
+                    <ic-footer-link href="/">Link</ic-footer-link>
+                    <ic-footer-link href="/">Link</ic-footer-link>
+                </ic-footer-link-group>
+            </ic-footer>`,
+    });
+    expect(page.root).toMatchSnapshot();
+  });
+  it("should render with classification banner", async () => {
+    const page = await newSpecPage({
+      components: [Footer],
+      html: `<ic-classification-banner></ic-classification-banner><ic-footer></ic-footer>`,
+    });
+    expect(page.root).toMatchSnapshot("footer-classification-banner");
+  });
+  it("should update foreground colour when the theme is updated", async () => {
+    const page = await newSpecPage({
+      components: [Footer],
+      html: "<div><ic-footer id='ic-footer'></ic-footer></div>",
+    });
+    await page.rootInstance.themeChangeHandler({ detail: { mode: "light" } });
+    expect(page.rootInstance.foregroundColor).toBe("light");
+  });
+  it("should update when resized", async () => {
+    const page = await newSpecPage({
+      components: [Footer],
+      html: "<div><ic-footer id='ic-footer' caption='caption'></ic-footer></div>",
+    });
+    await page.rootInstance.runResizeObserver();
+    await page.waitForChanges();
+    await page.rootInstance.resizeObserverCallback(DEVICE_SIZES.XL);
+    await page.waitForChanges();
+    expect(page.root.shadowRoot
+      .querySelector(".footer-caption")
+      .firstElementChild.getAttribute("variant")).toBe("body");
+    await page.rootInstance.resizeObserverCallback(DEVICE_SIZES.XS);
+    await page.waitForChanges();
+    expect(page.root.shadowRoot
+      .querySelector(".footer-caption")
+      .firstElementChild.getAttribute("variant")).toBe("caption");
+    await page.rootInstance.disconnectedCallback();
+  });
+  it("should render with the correct small breakpoint at extra small device size", async () => {
+    const page = await newSpecPage({
+      components: [Footer],
+      html: "<div><ic-footer id='ic-footer' caption='caption' breakpoint='extra small'></ic-footer></div>",
+    });
+    expect(page.root).not.toBeNull;
+    expect(page.root).toMatchSnapshot("footer-xs-breakpoint");
+  });
+  it("should render with the correct small breakpoint at small device size", async () => {
+    const page = await newSpecPage({
+      components: [Footer],
+      html: "<div><ic-footer id='ic-footer' caption='caption' breakpoint='small'></ic-footer></div>",
+    });
+    expect(page.root).not.toBeNull;
+    expect(page.root).toMatchSnapshot("footer-s-breakpoint");
+  });
+  it("should render with the correct small breakpoint at medium device size", async () => {
+    const page = await newSpecPage({
+      components: [Footer],
+      html: "<div><ic-footer id='ic-footer' caption='caption' breakpoint='medium'></ic-footer></div>",
+    });
+    expect(page.root).not.toBeNull;
+    expect(page.root).toMatchSnapshot("footer-m-breakpoint");
+  });
+  it("should render with the correct small breakpoint at large device size", async () => {
+    const page = await newSpecPage({
+      components: [Footer],
+      html: "<div><ic-footer id='ic-footer' caption='caption' breakpoint='large'></ic-footer></div>",
+    });
+    expect(page.root).not.toBeNull;
+    expect(page.root).toMatchSnapshot("footer-l-breakpoint");
+  });
+  it("should render with the correct small breakpoint at extra large device size", async () => {
+    const page = await newSpecPage({
+      components: [Footer],
+      html: "<div><ic-footer id='ic-footer' caption='caption' breakpoint='extra large'></ic-footer></div>",
+    });
+    expect(page.root).not.toBeNull;
+    expect(page.root).toMatchSnapshot("footer-xl-breakpoint");
+  });
+});
+//# sourceMappingURL=ic-footer.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ic-footer.spec.js","sourceRoot":"","sources":["../../../src/components/ic-footer/ic-footer.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;EACzB,EAAE,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;IAC7B,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,MAAM,CAAC;MACpB,IAAI,EAAE,yBAAyB;KAChC,CAAC,CAAC;IAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;EACtC,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,2DAA2D,EAAE,KAAK,IAAI,EAAE;IACzE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC;MAChC,IAAI,EAAE,2FAA2F;KAClG,CAAC,CAAC;IAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;EACtC,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,mDAAmD,EAAE,KAAK,IAAI,EAAE;IACjE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,MAAM,CAAC;MACpB,IAAI,EAAE,+EAA+E;KACtF,CAAC,CAAC;IAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;EACtC,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,mDAAmD,EAAE,KAAK,IAAI,EAAE;IACjE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,MAAM,CAAC;MACpB,IAAI,EAAE,kHAAkH;KACzH,CAAC,CAAC;IAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;EACtC,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,2EAA2E,EAAE,KAAK,IAAI,EAAE;IACzF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,MAAM,CAAC;MACpB,IAAI,EAAE,kIAAkI;KACzI,CAAC,CAAC;IAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;EACtC,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,0BAA0B,EAAE,KAAK,IAAI,EAAE;IACxC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,MAAM,CAAC;MACpB,IAAI,EAAE;;;;yBAIa;KACpB,CAAC,CAAC;IAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;EACtC,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC9C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,MAAM,CAAC;MACpB,IAAI,EAAE;;;;;;yBAMa;KACpB,CAAC,CAAC;IAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;EACtC,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;IACxD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,MAAM,CAAC;MACpB,IAAI,EAAE,8EAA8E;KACrF,CAAC,CAAC;IAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,8BAA8B,CAAC,CAAC;EACpE,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,2DAA2D,EAAE,KAAK,IAAI,EAAE;IACzE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,MAAM,CAAC;MACpB,IAAI,EAAE,mDAAmD;KAC1D,CAAC,CAAC;IAEH,MAAM,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC;IAE1E,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;EAC1D,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;IAC1C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,MAAM,CAAC;MACpB,IAAI,EAAE,qEAAqE;KAC5E,CAAC,CAAC;IAEH,MAAM,IAAI,CAAC,YAAY,CAAC,iBAAiB,EAAE,CAAC;IAC5C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,IAAI,CAAC,YAAY,CAAC,sBAAsB,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;IAChE,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,CACJ,IAAI,CAAC,IAAI,CAAC,UAAU;OACjB,aAAa,CAAC,iBAAiB,CAAC;OAChC,iBAAiB,CAAC,YAAY,CAAC,SAAS,CAAC,CAC7C,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAEf,MAAM,IAAI,CAAC,YAAY,CAAC,sBAAsB,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;IAChE,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,CACJ,IAAI,CAAC,IAAI,CAAC,UAAU;OACjB,aAAa,CAAC,iBAAiB,CAAC;OAChC,iBAAiB,CAAC,YAAY,CAAC,SAAS,CAAC,CAC7C,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAElB,MAAM,IAAI,CAAC,YAAY,CAAC,oBAAoB,EAAE,CAAC;EACjD,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,4EAA4E,EAAE,KAAK,IAAI,EAAE;IAC1F,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,MAAM,CAAC;MACpB,IAAI,EAAE,8FAA8F;KACrG,CAAC,CAAC;IAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC;IAE/B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,sBAAsB,CAAC,CAAC;EAC5D,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,sEAAsE,EAAE,KAAK,IAAI,EAAE;IACpF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,MAAM,CAAC;MACpB,IAAI,EAAE,wFAAwF;KAC/F,CAAC,CAAC;IAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC;IAE/B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,qBAAqB,CAAC,CAAC;EAC3D,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,uEAAuE,EAAE,KAAK,IAAI,EAAE;IACrF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,MAAM,CAAC;MACpB,IAAI,EAAE,yFAAyF;KAChG,CAAC,CAAC;IAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC;IAE/B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,qBAAqB,CAAC,CAAC;EAC3D,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,sEAAsE,EAAE,KAAK,IAAI,EAAE;IACpF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,MAAM,CAAC;MACpB,IAAI,EAAE,wFAAwF;KAC/F,CAAC,CAAC;IAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC;IAE/B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,qBAAqB,CAAC,CAAC;EAC3D,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,4EAA4E,EAAE,KAAK,IAAI,EAAE;IAC1F,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,MAAM,CAAC;MACpB,IAAI,EAAE,8FAA8F;KACrG,CAAC,CAAC;IAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC;IAE/B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,sBAAsB,CAAC,CAAC;EAC5D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { Typography } from \"../ic-typography/ic-typography\";\nimport { Footer } from \"./ic-footer\";\nimport { DEVICE_SIZES } from \"../../utils/helpers\";\n\ndescribe(\"ic-footer\", () => {\n  it(\"should render\", async () => {\n    const page = await newSpecPage({\n      components: [Footer],\n      html: `<ic-footer></ic-footer>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with a description via the description slot\", async () => {\n    const page = await newSpecPage({\n      components: [Footer, Typography],\n      html: `<ic-footer><ic-typography slot=\"description\">This is a footer</ic-typography></ic-footer>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with a caption via the caption prop\", async () => {\n    const page = await newSpecPage({\n      components: [Footer],\n      html: `<ic-footer description=\"This is a footer\" caption=\"Made by ICDS\"></ic-footer>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with a caption via the caption slot\", async () => {\n    const page = await newSpecPage({\n      components: [Footer],\n      html: `<ic-footer description=\"This is a footer\"><ic-typography slot=\"caption\">Made by ICDS</ic-typography></ic-footer>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render without the copyright text when the copyright prop is false\", async () => {\n    const page = await newSpecPage({\n      components: [Footer],\n      html: `<ic-footer description=\"This is a footer\" copyright=false><ic-typography slot=\"caption\">Made by ICDS</ic-typography></ic-footer>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with links\", async () => {\n    const page = await newSpecPage({\n      components: [Footer],\n      html: `\n            <ic-footer description=\"This is a footer\" caption=\"Made by ICDS\">\n                <ic-footer-link href=\"/\" slot=\"link\">Link</ic-footer-link>\n                <ic-footer-link href=\"/\" slot=\"link\">Link</ic-footer-link>\n            </ic-footer>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with link groups\", async () => {\n    const page = await newSpecPage({\n      components: [Footer],\n      html: `\n            <ic-footer description=\"This is a footer\" caption=\"Made by ICDS\">\n                <ic-footer-link-group group-title=\"Links\" slot=\"link\">\n                    <ic-footer-link href=\"/\">Link</ic-footer-link>\n                    <ic-footer-link href=\"/\">Link</ic-footer-link>\n                </ic-footer-link-group>\n            </ic-footer>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with classification banner\", async () => {\n    const page = await newSpecPage({\n      components: [Footer],\n      html: `<ic-classification-banner></ic-classification-banner><ic-footer></ic-footer>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"footer-classification-banner\");\n  });\n\n  it(\"should update foreground colour when the theme is updated\", async () => {\n    const page = await newSpecPage({\n      components: [Footer],\n      html: \"<div><ic-footer id='ic-footer'></ic-footer></div>\",\n    });\n\n    await page.rootInstance.themeChangeHandler({ detail: { mode: \"light\" } });\n\n    expect(page.rootInstance.foregroundColor).toBe(\"light\");\n  });\n\n  it(\"should update when resized\", async () => {\n    const page = await newSpecPage({\n      components: [Footer],\n      html: \"<div><ic-footer id='ic-footer' caption='caption'></ic-footer></div>\",\n    });\n\n    await page.rootInstance.runResizeObserver();\n    await page.waitForChanges();\n\n    await page.rootInstance.resizeObserverCallback(DEVICE_SIZES.XL);\n    await page.waitForChanges();\n\n    expect(\n      page.root.shadowRoot\n        .querySelector(\".footer-caption\")\n        .firstElementChild.getAttribute(\"variant\")\n    ).toBe(\"body\");\n\n    await page.rootInstance.resizeObserverCallback(DEVICE_SIZES.XS);\n    await page.waitForChanges();\n\n    expect(\n      page.root.shadowRoot\n        .querySelector(\".footer-caption\")\n        .firstElementChild.getAttribute(\"variant\")\n    ).toBe(\"caption\");\n\n    await page.rootInstance.disconnectedCallback();\n  });\n\n  it(\"should render with the correct small breakpoint at extra small device size\", async () => {\n    const page = await newSpecPage({\n      components: [Footer],\n      html: \"<div><ic-footer id='ic-footer' caption='caption' breakpoint='extra small'></ic-footer></div>\",\n    });\n\n    expect(page.root).not.toBeNull;\n\n    expect(page.root).toMatchSnapshot(\"footer-xs-breakpoint\");\n  });\n\n  it(\"should render with the correct small breakpoint at small device size\", async () => {\n    const page = await newSpecPage({\n      components: [Footer],\n      html: \"<div><ic-footer id='ic-footer' caption='caption' breakpoint='small'></ic-footer></div>\",\n    });\n\n    expect(page.root).not.toBeNull;\n\n    expect(page.root).toMatchSnapshot(\"footer-s-breakpoint\");\n  });\n\n  it(\"should render with the correct small breakpoint at medium device size\", async () => {\n    const page = await newSpecPage({\n      components: [Footer],\n      html: \"<div><ic-footer id='ic-footer' caption='caption' breakpoint='medium'></ic-footer></div>\",\n    });\n\n    expect(page.root).not.toBeNull;\n\n    expect(page.root).toMatchSnapshot(\"footer-m-breakpoint\");\n  });\n\n  it(\"should render with the correct small breakpoint at large device size\", async () => {\n    const page = await newSpecPage({\n      components: [Footer],\n      html: \"<div><ic-footer id='ic-footer' caption='caption' breakpoint='large'></ic-footer></div>\",\n    });\n\n    expect(page.root).not.toBeNull;\n\n    expect(page.root).toMatchSnapshot(\"footer-l-breakpoint\");\n  });\n\n  it(\"should render with the correct small breakpoint at extra large device size\", async () => {\n    const page = await newSpecPage({\n      components: [Footer],\n      html: \"<div><ic-footer id='ic-footer' caption='caption' breakpoint='extra large'></ic-footer></div>\",\n    });\n\n    expect(page.root).not.toBeNull;\n\n    expect(page.root).toMatchSnapshot(\"footer-xl-breakpoint\");\n  });\n});\n"]}

package/dist/collection/components/ic-footer-link/ic-footer-link.spec.js

@@ -0,0 +1,62 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { FooterLink } from "./ic-footer-link";
+describe("ic-footer-link", () => {
+  it("should render", async () => {
+    const page = await newSpecPage({
+      components: [FooterLink],
+      html: `<ic-footer-link href="/">Link</ic-footer-link>`,
+    });
+    expect(page.root).toEqualHtml(`
+    <ic-footer-link class="footer-link footer-link-light footer-link-ungrouped-sparse" href="/">
+        <mock:shadow-root>
+            <a href="/">
+                <slot></slot>
+            </a>
+        </mock:shadow-root>
+            Link
+    </ic-footer-link>`);
+  });
+  it("should render small with grouped links", async () => {
+    const page = await newSpecPage({
+      components: [FooterLink],
+      html: `<ic-footer-link href="/">Link</ic-footer-link>`,
+    });
+    page.rootInstance.footerConfig = { small: true, grouped: true };
+    await page.waitForChanges();
+    expect(page.root).toEqualHtml(`
+        <ic-footer-link class="footer-link footer-link-light footer-link-grouped-small" href="/">
+            <mock:shadow-root>
+                <a href="/">
+                    <slot></slot>
+                </a>
+            </mock:shadow-root>
+                Link
+        </ic-footer-link>`);
+  });
+  it("should set foregroundColor on theme change", async () => {
+    const page = await newSpecPage({
+      components: [FooterLink],
+      html: `<ic-footer-link label="button1" onclick="alert('test')">
+      </ic-footer-link>`,
+    });
+    await page.rootInstance.footerThemeChangeHandler({
+      detail: { mode: "light" },
+    });
+    await page.waitForChanges();
+    expect(page.rootInstance.foregroundColor).toEqual("light");
+  });
+  it("should test footer resize handler", async () => {
+    const page = await newSpecPage({
+      components: [FooterLink],
+      html: `<ic-footer-link label="button1" onclick="alert('test')">
+      </ic-footer-link>`,
+    });
+    await page.rootInstance.footerResizeHandler();
+    await page.waitForChanges();
+    expect(page.rootInstance.footerConfig).toStrictEqual({
+      grouped: false,
+      small: false,
+    });
+  });
+});
+//# sourceMappingURL=ic-footer-link.spec.js.map

package/dist/collection/components/ic-footer-link/ic-footer-link.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ic-footer-link.spec.js","sourceRoot":"","sources":["../../../src/components/ic-footer-link/ic-footer-link.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;EAC9B,EAAE,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;IAC7B,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;MACxB,IAAI,EAAE,gDAAgD;KACvD,CAAC,CAAC;IAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;sBAQZ,CAAC,CAAC;EACtB,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;IACtD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;MACxB,IAAI,EAAE,gDAAgD;KACvD,CAAC,CAAC;IAEH,IAAI,CAAC,YAAY,CAAC,YAAY,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAChE,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;0BAQR,CAAC,CAAC;EAC1B,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;IAC1D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;MACxB,IAAI,EAAE;wBACY;KACnB,CAAC,CAAC;IAEH,MAAM,IAAI,CAAC,YAAY,CAAC,wBAAwB,CAAC;MAC/C,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;KAC1B,CAAC,CAAC;IACH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;EAC7D,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;IACjD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;MACxB,IAAI,EAAE;wBACY;KACnB,CAAC,CAAC;IAEH,MAAM,IAAI,CAAC,YAAY,CAAC,mBAAmB,EAAE,CAAC;IAC9C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,aAAa,CAAC;MACnD,OAAO,EAAE,KAAK;MACd,KAAK,EAAE,KAAK;KACb,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { FooterLink } from \"./ic-footer-link\";\n\ndescribe(\"ic-footer-link\", () => {\n  it(\"should render\", async () => {\n    const page = await newSpecPage({\n      components: [FooterLink],\n      html: `<ic-footer-link href=\"/\">Link</ic-footer-link>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <ic-footer-link class=\"footer-link footer-link-light footer-link-ungrouped-sparse\" href=\"/\">\n        <mock:shadow-root>\n            <a href=\"/\">\n                <slot></slot>\n            </a>\n        </mock:shadow-root>\n            Link\n    </ic-footer-link>`);\n  });\n\n  it(\"should render small with grouped links\", async () => {\n    const page = await newSpecPage({\n      components: [FooterLink],\n      html: `<ic-footer-link href=\"/\">Link</ic-footer-link>`,\n    });\n\n    page.rootInstance.footerConfig = { small: true, grouped: true };\n    await page.waitForChanges();\n\n    expect(page.root).toEqualHtml(`\n        <ic-footer-link class=\"footer-link footer-link-light footer-link-grouped-small\" href=\"/\">\n            <mock:shadow-root>\n                <a href=\"/\">\n                    <slot></slot>\n                </a>\n            </mock:shadow-root>\n                Link\n        </ic-footer-link>`);\n  });\n\n  it(\"should set foregroundColor on theme change\", async () => {\n    const page = await newSpecPage({\n      components: [FooterLink],\n      html: `<ic-footer-link label=\"button1\" onclick=\"alert('test')\">\n      </ic-footer-link>`,\n    });\n\n    await page.rootInstance.footerThemeChangeHandler({\n      detail: { mode: \"light\" },\n    });\n    await page.waitForChanges();\n\n    expect(page.rootInstance.foregroundColor).toEqual(\"light\");\n  });\n\n  it(\"should test footer resize handler\", async () => {\n    const page = await newSpecPage({\n      components: [FooterLink],\n      html: `<ic-footer-link label=\"button1\" onclick=\"alert('test')\">\n      </ic-footer-link>`,\n    });\n\n    await page.rootInstance.footerResizeHandler();\n    await page.waitForChanges();\n\n    expect(page.rootInstance.footerConfig).toStrictEqual({\n      grouped: false,\n      small: false,\n    });\n  });\n});\n"]}