@esri/calcite-components 1.0.0-next.597 → 1.0.0-next.599

package/dist/collection/components/modal/modal.e2e.js

@@ -1,382 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-import { focusable, renders, slots, hidden } from "../../tests/commonTests";
-import { html } from "../../../support/formatting";
-import { CSS, SLOTS } from "./resources";
-import { newProgrammaticE2EPage, skipAnimations } from "../../tests/utils";
-describe("calcite-modal properties", () => {
-    it("renders", () => renders("calcite-modal", { display: "flex", visible: false }));
-    it("honors hidden attribute", async () => hidden("calcite-modal"));
-    it("has slots", () => slots("calcite-modal", SLOTS));
-    it("adds localized strings set via intl-* props", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<calcite-modal intl-close="test"></calcite-modal>`);
-        const button = await page.find("calcite-modal >>> .close");
-        expect(button).toEqualAttribute("aria-label", "test");
-    });
-    it("should hide closeButton when disabled", async () => {
-        const page = await newE2EPage();
-        await page.setContent("<calcite-modal></calcite-modal>");
-        const modal = await page.find("calcite-modal");
-        modal.setProperty("disableCloseButton", true);
-        await page.waitForChanges();
-        const closeButton = await page.find("calcite-modal >>> .close");
-        expect(closeButton).toBe(null);
-    });
-    it("sets custom width correctly", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<calcite-modal width="400"></calcite-modal>`);
-        const modal = await page.find("calcite-modal");
-        await modal.setProperty("active", true);
-        await page.waitForChanges();
-        const style = await page.$eval("calcite-modal", (elm) => {
-            const m = elm.shadowRoot.querySelector(".modal");
-            return window.getComputedStyle(m).getPropertyValue("width");
-        });
-        expect(style).toEqual("400px");
-    });
-    it("calls the beforeClose method prior to closing", async () => {
-        const page = await newE2EPage();
-        const mockCallBack = jest.fn();
-        await page.exposeFunction("beforeClose", mockCallBack);
-        await page.setContent(`
-      <calcite-modal active></calcite-modal>
-    `);
-        const modal = await page.find("calcite-modal");
-        await page.$eval("calcite-modal", (elm) => (elm.beforeClose = window.beforeClose));
-        await page.waitForChanges();
-        await modal.setProperty("active", true);
-        await page.waitForChanges();
-        await modal.setProperty("active", false);
-        await page.waitForChanges();
-        expect(mockCallBack).toHaveBeenCalled();
-    });
-});
-describe("opening and closing behavior", () => {
-    it("opens and closes", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<calcite-modal></calcite-modal>`);
-        const modal = await page.find("calcite-modal");
-        const beforeOpenSpy = await modal.spyOnEvent("calciteModalBeforeOpen");
-        const openSpy = await modal.spyOnEvent("calciteModalOpen");
-        const beforeCloseSpy = await modal.spyOnEvent("calciteModalBeforeClose");
-        const closeSpy = await modal.spyOnEvent("calciteModalClose");
-        function getTransitionTransform(modalSelector, modalContainerSelector, type) {
-            const modalContainer = document
-                .querySelector(modalSelector)
-                .shadowRoot.querySelector(modalContainerSelector);
-            return getComputedStyle(modalContainer).transform.startsWith(type);
-        }
-        expect(beforeOpenSpy).toHaveReceivedEventTimes(0);
-        expect(openSpy).toHaveReceivedEventTimes(0);
-        expect(beforeCloseSpy).toHaveReceivedEventTimes(0);
-        expect(closeSpy).toHaveReceivedEventTimes(0);
-        await page.waitForFunction(getTransitionTransform, {}, "calcite-modal", `.${CSS.modal}`, "none");
-        await modal.setProperty("active", true);
-        let waitForEvent = page.waitForEvent("calciteModalBeforeOpen");
-        await page.waitForChanges();
-        await waitForEvent;
-        expect(beforeOpenSpy).toHaveReceivedEventTimes(1);
-        expect(openSpy).toHaveReceivedEventTimes(0);
-        expect(beforeCloseSpy).toHaveReceivedEventTimes(0);
-        expect(closeSpy).toHaveReceivedEventTimes(0);
-        await page.waitForFunction(getTransitionTransform, {}, "calcite-modal", `.${CSS.modal}`, "matrix");
-        waitForEvent = page.waitForEvent("calciteModalOpen");
-        await waitForEvent;
-        expect(beforeOpenSpy).toHaveReceivedEventTimes(1);
-        expect(openSpy).toHaveReceivedEventTimes(1);
-        expect(beforeCloseSpy).toHaveReceivedEventTimes(0);
-        expect(closeSpy).toHaveReceivedEventTimes(0);
-        expect(await modal.getProperty("open")).toBe(true);
-        await page.waitForFunction(getTransitionTransform, {}, "calcite-modal", `.${CSS.modal}`, "matrix");
-        await page.waitForFunction(getTransitionTransform, {}, "calcite-modal", `.${CSS.modal}`, "none");
-        await modal.setProperty("active", false);
-        waitForEvent = page.waitForEvent("calciteModalBeforeClose");
-        await page.waitForChanges();
-        await waitForEvent;
-        expect(beforeOpenSpy).toHaveReceivedEventTimes(1);
-        expect(openSpy).toHaveReceivedEventTimes(1);
-        expect(beforeCloseSpy).toHaveReceivedEventTimes(1);
-        expect(closeSpy).toHaveReceivedEventTimes(0);
-        await page.waitForFunction(getTransitionTransform, {}, "calcite-modal", `.${CSS.modal}`, "matrix");
-        waitForEvent = page.waitForEvent("calciteModalClose");
-        await waitForEvent;
-        expect(beforeOpenSpy).toHaveReceivedEventTimes(1);
-        expect(openSpy).toHaveReceivedEventTimes(1);
-        expect(beforeCloseSpy).toHaveReceivedEventTimes(1);
-        expect(closeSpy).toHaveReceivedEventTimes(1);
-        await page.waitForFunction(getTransitionTransform, {}, "calcite-modal", `.${CSS.modal}`, "matrix");
-        await page.waitForFunction(getTransitionTransform, {}, "calcite-modal", `.${CSS.modal}`, "none");
-        expect(await modal.getProperty("open")).toBe(false);
-    });
-    it("emits when set up to open on initial render", async () => {
-        const page = await newProgrammaticE2EPage();
-        const waitForOpen = page.waitForEvent("calciteModalOpen");
-        const beforeOpenSpy = await page.spyOnEvent("calciteModalBeforeOpen");
-        const openSpy = await page.spyOnEvent("calciteModalOpen");
-        await page.evaluate(() => {
-            const modal = document.createElement("calcite-modal");
-            modal.open = true;
-            document.body.append(modal);
-        });
-        await waitForOpen;
-        expect(beforeOpenSpy).toHaveReceivedEventTimes(1);
-        expect(openSpy).toHaveReceivedEventTimes(1);
-    });
-});
-describe("calcite-modal accessibility checks", () => {
-    it("traps focus within the modal when open", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<calcite-modal>
-        <div slot="content">
-          <button class="btn-1">Focus1</button>
-          <button class="btn-2">Focus1</button>
-        </div>
-      </calcite-modal>`);
-        const modal = await page.find("calcite-modal");
-        let $button1;
-        let $button2;
-        let $close;
-        await page.$eval(".btn-1", (elm) => ($button1 = elm));
-        await page.$eval(".btn-2", (elm) => ($button2 = elm));
-        await page.$eval("calcite-modal", (elm) => {
-            $close = elm.shadowRoot.querySelector(".close");
-        });
-        await modal.setProperty("active", true);
-        await page.waitForChanges();
-        expect(document.activeElement).toEqual($close);
-        await page.keyboard.press("Tab");
-        expect(document.activeElement).toEqual($button1);
-        await page.keyboard.press("Tab");
-        expect(document.activeElement).toEqual($button2);
-        await page.keyboard.press("Tab");
-        expect(document.activeElement).toEqual($close);
-        await page.keyboard.down("Shift");
-        await page.keyboard.press("Tab");
-        expect(document.activeElement).toEqual($button2);
-        await page.keyboard.press("Tab");
-        expect(document.activeElement).toEqual($button1);
-    });
-    it("restores focus to previously focused element when closed", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<button>Focus</button><calcite-modal></calcite-modal>`);
-        const modal = await page.find("calcite-modal");
-        let $button;
-        await page.$eval("button", (elm) => {
-            $button = elm;
-            $button.focus();
-        });
-        await modal.setProperty("active", true);
-        await page.waitForChanges();
-        await modal.setProperty("active", false);
-        await page.waitForChanges();
-        expect(document.activeElement).toEqual($button);
-    });
-    it("traps focus within the modal when open and disabled close button", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<calcite-modal disable-close-button>
-        <div slot="content">
-          <button class="btn-1">Focus1</button>
-          <button class="btn-2">Focus1</button>
-        </div>
-      </calcite-modal>`);
-        const modal = await page.find("calcite-modal");
-        let $button1;
-        let $button2;
-        await page.$eval(".btn-1", (elm) => ($button1 = elm));
-        await page.$eval(".btn-2", (elm) => ($button2 = elm));
-        await modal.setProperty("active", true);
-        await page.waitForChanges();
-        await page.keyboard.press("Tab");
-        expect(document.activeElement).toEqual($button1);
-        await page.keyboard.press("Tab");
-        expect(document.activeElement).toEqual($button2);
-        await page.keyboard.down("Shift");
-        await page.keyboard.press("Tab");
-        expect(document.activeElement).toEqual($button2);
-        await page.keyboard.press("Tab");
-        expect(document.activeElement).toEqual($button1);
-    });
-    describe("setFocus", () => {
-        const createModalHTML = (contentHTML) => `<calcite-modal active>${contentHTML}</calcite-modal>`;
-        const closeButtonFocusId = "close-button";
-        const closeButtonTargetSelector = ".close";
-        const focusableContentTargetClass = "test";
-        const focusableContentHTML = html `<h3 slot="header">Title</h3>
-      <p slot="content">This is the content <button class=${focusableContentTargetClass}>test</button></p>`;
-        it("focuses focusable content by default", async () => focusable(createModalHTML(focusableContentHTML), {
-            focusTargetSelector: `.${focusableContentTargetClass}`
-        }));
-        it("focuses close button if there is no focusable content", async () => focusable(createModalHTML(), {
-            focusId: closeButtonFocusId,
-            shadowFocusTargetSelector: closeButtonTargetSelector
-        }));
-        it.skip("can focus close button directly", async () => focusable(createModalHTML(focusableContentHTML), {
-            focusId: closeButtonFocusId,
-            shadowFocusTargetSelector: closeButtonTargetSelector
-        }));
-    });
-    it("has correct aria role/attribute", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<calcite-modal></calcite-modal>`);
-        const modal = await page.find("calcite-modal");
-        expect(modal).toEqualAttribute("role", "dialog");
-        expect(modal).toEqualAttribute("aria-modal", "true");
-    });
-    it("closes and allows re-opening when Escape key is pressed", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<calcite-modal intl-close="test"></calcite-modal>`);
-        await skipAnimations(page);
-        const modal = await page.find("calcite-modal");
-        await modal.setProperty("active", true);
-        await page.waitForChanges();
-        expect(await modal.isVisible()).toBe(true);
-        await page.keyboard.press("Escape");
-        await page.waitForChanges();
-        expect(await modal.isVisible()).toBe(false);
-        expect(await modal.getProperty("active")).toBe(false);
-        await modal.setProperty("active", true);
-        await page.waitForChanges();
-        expect(await modal.isVisible()).toBe(true);
-    });
-    it("closes when Escape key is pressed and modal is open on page load", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<calcite-modal intl-close="test" active></calcite-modal>`);
-        const modal = await page.find("calcite-modal");
-        await page.waitForChanges();
-        expect(modal).toHaveAttribute("active");
-        expect(modal).toHaveAttribute("open");
-        await page.keyboard.press("Escape");
-        await page.waitForChanges();
-        expect(modal).not.toHaveAttribute("active");
-        expect(modal).not.toHaveAttribute("open");
-        await modal.setProperty("active", true);
-        await page.waitForChanges();
-        expect(modal).toHaveAttribute("active");
-        expect(modal).toHaveAttribute("open");
-    });
-    it("closes and allows re-opening when Close button is clicked", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<calcite-modal intl-close="test"></calcite-modal>`);
-        await skipAnimations(page);
-        const modal = await page.find("calcite-modal");
-        modal.setProperty("active", true);
-        await page.waitForChanges();
-        expect(await modal.isVisible()).toBe(true);
-        const closeButton = await page.find("calcite-modal >>> .close");
-        await closeButton.click();
-        await page.waitForChanges();
-        expect(await modal.isVisible()).toBe(false);
-        expect(await modal.getProperty("active")).toBe(false);
-        modal.setProperty("active", true);
-        await page.waitForChanges();
-        expect(await modal.isVisible()).toBe(true);
-    });
-    it("should close when the scrim is clicked", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<calcite-modal intl-close="test"></calcite-modal>`);
-        const modal = await page.find("calcite-modal");
-        modal.setProperty("active", true);
-        await page.waitForChanges();
-        expect(modal).toHaveAttribute("active");
-        await page.$eval("calcite-modal", (elm) => elm.shadowRoot.querySelector("calcite-scrim").click());
-        await page.waitForChanges();
-        expect(await modal.getProperty("active")).toBe(false);
-    });
-    it("should not close when the scrim is clicked", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<calcite-modal disable-outside-close intl-close="test"></calcite-modal>`);
-        const modal = await page.find("calcite-modal");
-        modal.setProperty("active", true);
-        await page.waitForChanges();
-        expect(modal).toHaveAttribute("active");
-        await page.$eval("calcite-modal", (elm) => elm.shadowRoot.querySelector("calcite-scrim").click());
-        await page.waitForChanges();
-        expect(await modal.getProperty("active")).toBe(true);
-    });
-    it("does not close when Escape is pressed and disable-escape is set", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<calcite-modal disable-escape></calcite-modal>`);
-        const modal = await page.find("calcite-modal");
-        await modal.setProperty("active", true);
-        await page.waitForChanges();
-        expect(modal).toHaveAttribute("active");
-        await page.keyboard.press("Escape");
-        await page.waitForChanges();
-        expect(modal).toHaveAttribute("active");
-    });
-    it("correctly adds overflow class on document when open", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<calcite-modal></calcite-modal>`);
-        const modal = await page.find("calcite-modal");
-        await modal.setProperty("active", true);
-        await page.waitForChanges();
-        const documentClass = await page.evaluate(() => {
-            return document.documentElement.classList.contains("overflow-hidden");
-        });
-        expect(documentClass).toEqual(true);
-    });
-    it("correctly removes overflow class on document when open", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<calcite-modal></calcite-modal>`);
-        const modal = await page.find("calcite-modal");
-        await modal.setProperty("active", true);
-        await page.waitForChanges();
-        await modal.setProperty("active", false);
-        await page.waitForChanges();
-        const documentClass = await page.evaluate(() => {
-            return document.documentElement.classList.contains("overflow-hidden");
-        });
-        expect(documentClass).toEqual(false);
-    });
-    it("renders correctly with no footer", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-      <calcite-modal>
-        <calcite-button slot="primary">TEST</calcite-button>
-      </calcite-modal>
-    `);
-        let footer = await page.$eval("calcite-modal", (elm) => elm.shadowRoot.querySelector(".footer"));
-        expect(footer).toBeDefined();
-        await page.$eval("calcite-button", (elm) => elm.parentElement.removeChild(elm));
-        await page.waitForChanges();
-        footer = await page.$eval("calcite-modal", (elm) => elm.shadowRoot.querySelector(".footer"));
-        expect(footer).toBeFalsy();
-    });
-    it("should render calcite-scrim with dark background color", async () => {
-        const page = await newE2EPage({
-            html: `
-      <calcite-modal aria-labelledby="modal-title" is-active>
-        <h3 slot="header" id="modal-title">Title of the modal</h3>
-        <div slot="content">The actual content of the modal</div>
-        <calcite-button slot="back" color="neutral" appearance="outline" icon="chevron-left" width="full">
-          Back
-        </calcite-button>
-        <calcite-button slot="secondary" width="full" appearance="outline"> Cancel </calcite-button>
-        <calcite-button slot="primary" width="full"> Save </calcite-button>
-      </calcite-modal>
-      `
-        });
-        const scrimStyles = await page.evaluate(() => {
-            const scrim = document.querySelector("calcite-modal").shadowRoot.querySelector(".scrim");
-            return window.getComputedStyle(scrim).getPropertyValue("--calcite-scrim-background");
-        });
-        expect(scrimStyles).toEqual("rgba(0, 0, 0, 0.75)");
-    });
-    it("correctly reflects the scale of the modal on the close button icon", async () => {
-        const page = await newE2EPage();
-        await page.setContent(html ` <calcite-modal active></calcite-modal> `);
-        const modal = await page.find("calcite-modal");
-        modal.setProperty("scale", "s");
-        await page.waitForChanges();
-        let closeIcon = await page.find('calcite-modal >>> calcite-icon[scale="s"]');
-        expect(closeIcon).not.toBe(null);
-        modal.setProperty("scale", "m");
-        await page.waitForChanges();
-        closeIcon = await page.find('calcite-modal >>> calcite-icon[scale="m"]');
-        expect(closeIcon).not.toBe(null);
-        modal.setProperty("scale", "l");
-        await page.waitForChanges();
-        closeIcon = await page.find('calcite-modal >>> calcite-icon[scale="l"]');
-        expect(closeIcon).not.toBe(null);
-    });
-});

package/dist/collection/components/notice/notice.e2e.js

@@ -1,127 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-import { accessible, focusable, renders, slots, hidden } from "../../tests/commonTests";
-import { CSS, SLOTS } from "./resources";
-import { html } from "../../../support/formatting";
-describe("calcite-notice", () => {
-    const noticeContent = `
-  <div slot="title">Title Text</div>
-  <div slot="message">Message Text</div>
-  <calcite-link slot="link" href="">Action</calcite-link>
-`;
-    it("renders", async () => renders(`<calcite-notice open>${noticeContent}</calcite-notice>`, { display: "flex" }));
-    it("honors hidden attribute", async () => hidden("calcite-notice"));
-    it("is accessible", async () => accessible(`<calcite-notice open>${noticeContent}</calcite-notice>`));
-    it("is accessible with icon", async () => accessible(`<calcite-notice icon open>${noticeContent}</calcite-notice>`));
-    it("is accessible with close button", async () => accessible(`<calcite-notice closable open>${noticeContent}</calcite-notice>`));
-    it("is accessible with icon and close button (deprecated)", async () => accessible(`<calcite-notice icon dismissible open>${noticeContent}</calcite-notice>`));
-    it("is accessible with icon and close button", async () => accessible(`<calcite-notice icon closable open>${noticeContent}</calcite-notice>`));
-    it("has slots", () => slots("calcite-notice", SLOTS));
-    it("renders default props when none are provided", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-    <calcite-notice>
-    <div slot="title">Title Text</div>
-    <div slot="message">Message Text</div>
-    <calcite-link slot="link" href="">Action</calcite-link>
-    </calcite-notice>`);
-        const element = await page.find("calcite-notice");
-        const close = await page.find(`calcite-notice >>> .${CSS.close}`);
-        const icon = await page.find(`calcite-notice >>> .${CSS.icon}`);
-        expect(element).toEqualAttribute("color", "blue");
-        expect(close).toBeNull();
-        expect(icon).toBeNull();
-    });
-    it("renders requested props when valid props are provided", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-    <calcite-notice color="yellow" closable>
-    ${noticeContent}
-    </calcite-notice>`);
-        const element = await page.find("calcite-notice");
-        const close = await page.find(`calcite-notice >>> .${CSS.close}`);
-        const icon = await page.find(`calcite-notice >>> .${CSS.icon}`);
-        expect(element).toEqualAttribute("color", "yellow");
-        expect(close).not.toBeNull();
-        expect(icon).toBeNull();
-    });
-    it("renders an icon and close button when requested (deprecated)", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-    <calcite-notice icon closable>
-    ${noticeContent}
-    </calcite-notice>`);
-        const close = await page.find(`calcite-notice >>> .${CSS.close}`);
-        const icon = await page.find(`calcite-notice >>> .${CSS.icon}`);
-        expect(close).not.toBeNull();
-        expect(icon).not.toBeNull();
-    });
-    it("renders an icon and close button when requested", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-    <calcite-notice icon closable>
-    ${noticeContent}
-    </calcite-notice>`);
-        const close = await page.find(`calcite-notice >>> .${CSS.close}`);
-        const icon = await page.find(`calcite-notice >>> .${CSS.icon}`);
-        expect(close).not.toBeNull();
-        expect(icon).not.toBeNull();
-    });
-    it("successfully closes a dismissible notice (deprecated)", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-    <calcite-notice id="notice-1" active dismissible>
-    ${noticeContent}
-    </calcite-notice>
-    `);
-        const notice1 = await page.find("#notice-1 >>> .container");
-        const noticeclose1 = await page.find(`#notice-1 >>> .${CSS.close}`);
-        const animationDurationInMs = 400;
-        expect(await notice1.isVisible()).toBe(true);
-        await noticeclose1.click();
-        await page.waitForTimeout(animationDurationInMs);
-        expect(await notice1.isVisible()).not.toBe(true);
-    });
-    it("successfully closes a closable notice", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-    <calcite-notice id="notice-1" open closable>
-    ${noticeContent}
-    </calcite-notice>
-    `);
-        const notice1 = await page.find("#notice-1 >>> .container");
-        const noticeclose1 = await page.find(`#notice-1 >>> .${CSS.close}`);
-        const animationDurationInMs = 400;
-        expect(await notice1.isVisible()).toBe(true);
-        await noticeclose1.click();
-        await page.waitForTimeout(animationDurationInMs);
-        expect(await notice1.isVisible()).not.toBe(true);
-    });
-    describe("focusable (deprecated)", () => {
-        it("with link and dismissible  => focuses on link", () => focusable(html ` <calcite-notice id="notice-1" active dismissible> ${noticeContent}</calcite-notice>`, {
-            focusTargetSelector: `calcite-link`
-        }));
-        it("when dismissible => focuses on close button", () => focusable(html ` <calcite-notice id="notice-1" active dismissible>
-          <div slot="title">Title Text</div>
-          <div slot="message">Message Text</div>
-        </calcite-notice>`, {
-            shadowFocusTargetSelector: `.${CSS.close}`
-        }));
-        it("without link nor dismissible => does not focus", () => focusable(html ` <calcite-notice id="notice-1" active>
-          <div slot="title">Title Text</div>
-          <div slot="message">Message Text</div>
-        </calcite-notice>`, {
-            focusTargetSelector: "body"
-        }));
-    });
-    describe("focusable", () => {
-        it("with link and closable => focuses on link", () => focusable(html ` <calcite-notice id="notice-1" open closable> ${noticeContent}</calcite-notice>`, {
-            focusTargetSelector: `calcite-link`
-        }));
-        it("when closable => focuses on close button", () => focusable(html ` <calcite-notice id="notice-1" open closable>
-          <div slot="title">Title Text</div>
-          <div slot="message">Message Text</div>
-        </calcite-notice>`, {
-            shadowFocusTargetSelector: `.${CSS.close}`
-        }));
-    });
-});

package/dist/collection/components/option/option.e2e.js

@@ -1,56 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-import { accessible, defaults, reflects, renders, hidden } from "../../tests/commonTests";
-describe("calcite-option", () => {
-    it("renders", async () => renders("calcite-option", { display: "block" }));
-    it("honors hidden attribute", async () => hidden("calcite-option"));
-    it("is accessible", async () => accessible("calcite-option"));
-    it("has defaults", async () => defaults("calcite-option", [
-        {
-            propertyName: "disabled",
-            defaultValue: false
-        }
-    ]));
-    it("reflects", async () => reflects("calcite-option", [
-        {
-            propertyName: "disabled",
-            value: true
-        },
-        {
-            propertyName: "selected",
-            value: true
-        }
-    ]));
-    it("falls back to the text content when value/label is not specified", async () => {
-        const optionText = "one";
-        const page = await newE2EPage({
-            html: `<calcite-option>${optionText}</calcite-option>`
-        });
-        const option = await page.find("calcite-option");
-        expect(await option.getProperty("label")).toBe(optionText);
-        expect(await option.getProperty("value")).toBe(optionText);
-        option.setProperty("label", "two");
-        option.setProperty("value", 2);
-        await page.waitForChanges();
-        expect(await option.getProperty("label")).toBe("two");
-        expect(await option.getProperty("value")).toBe(2);
-        option.setProperty("label", undefined);
-        option.setProperty("value", undefined);
-        await page.waitForChanges();
-        expect(await option.getProperty("label")).toBe(optionText);
-        expect(await option.getProperty("value")).toBe(optionText);
-        const alternateLabel = "dos";
-        await option.setProperty("innerText", alternateLabel);
-        await page.waitForChanges();
-        expect(await option.getProperty("label")).toBe(alternateLabel);
-        expect(await option.getProperty("value")).toBe(alternateLabel);
-        const charDataUpdateLabel = "tres";
-        await page.evaluate((updatedText) => {
-            // Ember and possibly other frameworks use Text node APIs to update contents
-            const option = document.querySelector("calcite-option");
-            const textNode = option.childNodes[0];
-            textNode.replaceData(0, textNode.length, updatedText);
-        }, charDataUpdateLabel);
-        expect(await option.getProperty("label")).toBe(charDataUpdateLabel);
-        expect(await option.getProperty("value")).toBe(charDataUpdateLabel);
-    });
-});

package/dist/collection/components/option-group/option-group.e2e.js

@@ -1,26 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-import { accessible, defaults, reflects, renders, hidden } from "../../tests/commonTests";
-describe("calcite-option-group", () => {
-    it("renders", async () => renders("calcite-option-group", { display: "block" }));
-    it("honors hidden attribute", async () => hidden("calcite-option-group"));
-    it("is accessible", async () => accessible("calcite-option-group"));
-    it("has defaults", async () => defaults("calcite-option-group", [
-        {
-            propertyName: "disabled",
-            defaultValue: false
-        }
-    ]));
-    it("reflects", async () => reflects("calcite-option-group", [
-        {
-            propertyName: "disabled",
-            value: true
-        }
-    ]));
-    it("has a label", async () => {
-        const page = await newE2EPage({
-            html: `<calcite-option-group label="test-group"></calcite-option-group>`
-        });
-        const group = await page.find("calcite-option-group");
-        expect(group.shadowRoot.textContent).toBe("test-group");
-    });
-});