npm - @watermarkinsights/ripple - Versions diffs - 5.3.0-1 → 5.3.0-3 - Mend

@watermarkinsights/ripple 5.3.0-1 → 5.3.0-3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (371) hide show

package/dist/collection/components/wm-button/wm-button.e2e.js DELETED Viewed

@@ -1,55 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-import { AxePuppeteer } from "@axe-core/puppeteer";
-describe("wm-button", () => {
-    let page;
-    beforeEach(async () => {
-        page = await newE2EPage();
-    });
-    it("passes Axe checks", async () => {
-        await page.setContent(`<html lang='en'><head><title>Page</title></head><body><main><h1>Title</h1>
-      <wm-button>Click me</wm-button>
-      </main></body></html>`);
-        const results = await new AxePuppeteer(page).analyze();
-        expect(results.violations.length).toBe(0);
-    });
-    it("renders a button", async () => {
-        await page.setContent("<wm-button></wm-button>");
-        const element = await page.find("wm-button >>> button");
-        expect(element).not.toBeNull();
-    });
-    it("delegates focus", async () => {
-        await page.setContent("<wm-button>click here</wm-button>");
-        const wmButton = await page.find("wm-button");
-        wmButton.focus();
-        let activeEl = await page.evaluate(async () => {
-            let el = await document.activeElement.shadowRoot.activeElement;
-            return el.nodeName;
-        });
-        expect(activeEl).toBe("BUTTON");
-    });
-    it("renders a tooltip for text-only buttons if text is truncated", async () => {
-        await page.setContent("<wm-button text-wrap='false' style='width: 100px' button-type='textonly'>Text-only button with a very long text and text-wrap set to false</wm-button>");
-        await page.waitForChanges();
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        const tooltip = await page.find("#wm-tooltip");
-        expect(tooltip.textContent).toEqual("Text-only button with a very long text and text-wrap set to false");
-    });
-    it("uses the label instead of tooltip text", async () => {
-        // use case: when the tooltip is something like "edit" and there are several buttons on a page, the aria label should be more specific than the tooltip
-        await page.setContent("<wm-button button-type='icononly' icon='f1c0' tooltip='delete' label-for-identical-buttons='Delete item 37' ></wm-button>");
-        await page.waitForChanges();
-        const btn = await page.find("wm-button >>> button");
-        expect(btn.getAttribute("aria-label")).toBe("Delete item 37");
-    });
-    it("renders the passed-in property button type property as a class", async () => {
-        await page.setContent("<wm-button></wm-button>");
-        const component = await page.find("wm-button");
-        const defaultButton = await page.find("wm-button >>> button");
-        expect(defaultButton).toHaveClass("-secondary");
-        component.setProperty("buttonType", "primary");
-        const primaryButton = await page.find("wm-button >>> button");
-        await page.waitForChanges();
-        expect(primaryButton).toHaveClass("-primary");
-    });
-});

package/dist/collection/components/wm-button/wm-button.spec.js DELETED Viewed

@@ -1,74 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import * as globalFunctions from "../../global/functions";
-jest.spyOn(globalFunctions, "generateId").mockReturnValue("random-id");
-import { Button } from "./wm-button";
-describe("button", () => {
-    it("builds", async () => {
-        const page = await newSpecPage({
-            components: [Button],
-            html: "<wm-button></wm-button>",
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("has style and an icon type props with default values", async () => {
-        const page = await newSpecPage({
-            components: [Button],
-            html: "<wm-button></wm-button>",
-        });
-        const button = page.root;
-        const buttonEl = page.root.shadowRoot.querySelector("button");
-        expect(button).toHaveProperty("buttonType");
-        expect(button.buttonType).toEqual("secondary");
-        expect(buttonEl).toHaveClass("-secondary");
-        expect(button).toHaveProperty("icon");
-        expect(button.icon).toEqual(undefined);
-        expect(button).toHaveProperty("iconSize");
-        expect(button.iconSize).toBeUndefined;
-    });
-    it("has a method that validates the style property and resets an invalid property to a button type of secondary", async () => {
-        const page = await newSpecPage({
-            components: [Button],
-            html: "<wm-button></wm-button>",
-        });
-        const button = page.root;
-        expect(button).toHaveProperty("buttonType");
-        button.setAttribute("button-type", "foobar");
-        expect(button.buttonType).toEqual("secondary");
-    });
-    it("sets the aria label if the property labelForIdenticalButtons is passed", async () => {
-        const page = await newSpecPage({
-            components: [Button],
-            html: "<wm-button label-for-identical-buttons='read this instead of the text'>Button</wm-button>",
-        });
-        const button = page.root.shadowRoot.querySelector("button");
-        expect(button).toEqualAttribute("aria-label", "read this instead of the text");
-    });
-    // TOOLTIP
-    describe("error throwing", () => {
-        it("throws error when icononly or navigational button used without tooltip", async () => {
-            const mockFunc = jest.fn();
-            console.error = mockFunc;
-            await newSpecPage({
-                components: [Button],
-                html: "<wm-button icon='f1c0' button-type='icononly'></wm-button>",
-            });
-            expect(mockFunc).toHaveBeenCalledWith("wm-button should have a valid 'tooltip' property when button-type is set to 'icononly' or 'navigational'.");
-            const mockFunc2 = jest.fn();
-            console.error = mockFunc2;
-            await newSpecPage({
-                components: [Button],
-                html: "<wm-button icon='f1c0' button-type='navigational'></wm-button>",
-            });
-            expect(mockFunc2).toHaveBeenCalledWith("wm-button should have a valid 'tooltip' property when button-type is set to 'icononly' or 'navigational'.");
-        });
-        it("throws error when icononly button used without icon", async () => {
-            const mockFunc = jest.fn();
-            console.error = mockFunc;
-            await newSpecPage({
-                components: [Button],
-                html: "<wm-button button-type='icononly' tooltip='edit'></wm-button>",
-            });
-            expect(mockFunc).toHaveBeenCalledWith("wm-button should have a valid 'icon' property when button-type is set to 'icononly' or 'navigational'.");
-        });
-    });
-});

package/dist/collection/components/wm-file/wm-file.spec.js DELETED Viewed

@@ -1,194 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { File } from "./wm-file";
-// mock ResizeObserver
-global.ResizeObserver = jest.fn().mockImplementation(() => ({
-    observe: jest.fn(),
-    unobserve: jest.fn(),
-    disconnect: jest.fn(),
-}));
-describe("wm-file", () => {
-    let html, page;
-    async function createPageHelper() {
-        return await newSpecPage({
-            components: [File],
-            html: `<wm-file
-      id="file1"
-      name="File retrieved from server"
-      type="pdf"
-      last-updated="10/30/97 3:46 PM"
-      size="22 KB"
-      file-actions="download preview delete"
-      >
-      </wm-file>`,
-        });
-    }
-    it("renders green check alongside recently uploaded files", async () => {
-        html = `<wm-file
-    id="file1"
-    name="File retrieved from server"
-    type="pdf"
-    last-updated="10/30/97 3:46 PM"
-    size="22 KB"
-    file-actions="download preview delete"
-    progress="100"
-    >
-    </wm-file>`;
-        page = await newSpecPage({ components: [File], html });
-        await page.waitForChanges();
-        const fileWrapperEl = page.root.shadowRoot.querySelector(".file-wrapper");
-        expect(fileWrapperEl).toHaveClass("checked");
-    });
-    it("renders file actions in the proper order", async () => {
-        html = `<wm-file
-    id="file1"
-    name="File retrieved from server"
-    type="pdf"
-    last-updated="10/30/97 3:46 PM"
-    size="22 KB"
-    file-actions="download delete preview"
-    >
-    </wm-file>`;
-        page = await newSpecPage({ components: [File], html });
-        await page.waitForChanges();
-        const fileActionEls = page.root.shadowRoot.querySelectorAll("wm-button");
-        expect(fileActionEls[0]).toEqualAttribute("tooltip", "Preview");
-        expect(fileActionEls[1]).toEqualAttribute("tooltip", "Download");
-        expect(fileActionEls[2]).toEqualAttribute("tooltip", "Delete");
-    });
-    it("defaults available actions to download and delete", async () => {
-        html = `<wm-file
-    id="file1"
-    name="File retrieved from server"
-    type="pdf"
-    last-updated="10/30/97 3:46 PM"
-    size="22 KB"
-    >
-    </wm-file>`;
-        page = await newSpecPage({ components: [File], html });
-        await page.waitForChanges();
-        const deleteButton = page.root.shadowRoot.querySelector(".delete-button");
-        const downloadButton = page.root.shadowRoot.querySelector(".download-button");
-        const previewButton = page.root.shadowRoot.querySelector(".preview-button");
-        expect(deleteButton).toBeTruthy();
-        expect(downloadButton).toBeTruthy();
-        expect(previewButton).toBeFalsy();
-    });
-    it("displays no file actions when an empty string is passed", async () => {
-        html = `<wm-file
-    id="file1"
-    name="File retrieved from server"
-    type="pdf"
-    last-updated="10/30/97 3:46 PM"
-    size="22 KB"
-    file-actions=""
-    >
-    </wm-file>`;
-        page = await newSpecPage({ components: [File], html });
-        await page.waitForChanges();
-        const deleteButton = page.root.shadowRoot.querySelector(".delete-button");
-        const downloadButton = page.root.shadowRoot.querySelector(".download-button");
-        const previewButton = page.root.shadowRoot.querySelector(".preview-button");
-        expect(deleteButton).toBeFalsy();
-        expect(downloadButton).toBeFalsy();
-        expect(previewButton).toBeFalsy();
-    });
-    it("renders timestamp by default, size if specified, or none based on show-info prop", async () => {
-        page = await createPageHelper();
-        await page.waitForChanges();
-        let fileInfoEl = page.root.shadowRoot.querySelector(".file-info");
-        expect(fileInfoEl.textContent).toBe("10/30/97 3:46 PM");
-        page = await newSpecPage({
-            components: [File],
-            html: `<wm-file
-      id="file1"
-      name="File retrieved from server"
-      type="pdf"
-      last-updated="10/30/97 3:46 PM"
-      size="22 KB"
-      file-actions="download preview delete"
-      show-info="size"
-      >
-      </wm-file>`,
-        });
-        await page.waitForChanges();
-        fileInfoEl = page.root.shadowRoot.querySelector(".file-info");
-        expect(fileInfoEl.textContent).toBe("22 KB");
-        page = await newSpecPage({
-            components: [File],
-            html: `<wm-file
-      id="file1"
-      name="File retrieved from server"
-      type="pdf"
-      last-updated="10/30/97 3:46 PM"
-      size="22 KB"
-      file-actions="download preview delete"
-      show-info="time"
-      >
-      </wm-file>`,
-        });
-        await page.waitForChanges();
-        fileInfoEl = page.root.shadowRoot.querySelector(".file-info");
-        expect(fileInfoEl.textContent).toBe("10/30/97 3:46 PM");
-        page = await newSpecPage({
-            components: [File],
-            html: `<wm-file
-      id="file1"
-      name="File retrieved from server"
-      type="pdf"
-      last-updated="10/30/97 3:46 PM"
-      size="22 KB"
-      file-actions="download preview delete"
-      show-info="none"
-      >
-      </wm-file>`,
-        });
-        await page.waitForChanges();
-        fileInfoEl = page.root.shadowRoot.querySelector(".file-info");
-        expect(fileInfoEl).toBeFalsy();
-    });
-    it("emits the appropriate events when user clicks the buttons", async () => {
-        const filePreviewedSpy = jest.fn();
-        const fileDownloadedSpy = jest.fn();
-        const fileDeletedSpy = jest.fn();
-        html = `<wm-file
-      id="file1"
-      name="File retrieved from server"
-      type="pdf"
-      last-updated="10/30/97 3:46 PM"
-      size="22 KB"
-      file-actions="download preview delete"
-      >
-      </wm-file>`;
-        page = await newSpecPage({ components: [File], html });
-        await page.waitForChanges();
-        page.root.addEventListener("wmFilePreview", filePreviewedSpy);
-        page.root.addEventListener("wmFileDownload", fileDownloadedSpy);
-        page.root.addEventListener("wmFileDelete", fileDeletedSpy);
-        // wmFilePreview
-        page.root.shadowRoot.querySelector(".preview-button").click();
-        await page.waitForChanges();
-        expect(filePreviewedSpy.mock.calls[0][0].target.id).toBe("file1");
-        // wmFileDownload
-        page.root.shadowRoot.querySelector(".download-button").click();
-        await page.waitForChanges();
-        expect(fileDownloadedSpy.mock.calls[0][0].target.id).toBe("file1");
-        // wmFileDelete
-        page.root.shadowRoot.querySelector(".delete-button").click();
-        await page.waitForChanges();
-        expect(fileDeletedSpy.mock.calls[0][0].target.id).toBe("file1");
-        jest.restoreAllMocks();
-    });
-    it("renders with an error if one is passed", async () => {
-        html = `<wm-file
-      id="file1"
-      error-message="Example error message"
-      file='{"id": "file1", "name": "File retrieved from server.pdf", "lastUpdated": "10/30/97 3:46 PM", "size": "22 KB", "fileActions": "download preview delete"}'
-      ></wm-file>`;
-        page = await newSpecPage({ components: [File], html });
-        await page.waitForChanges();
-        const fileDiv = page.root.shadowRoot.querySelector(".file");
-        expect(fileDiv).toHaveClass("--error");
-        const errorText = page.root.shadowRoot.querySelector(".error-message");
-        expect(errorText.textContent).toBe("Example error message");
-    });
-});

package/dist/collection/components/wm-file-list/wm-file-list.spec.js DELETED Viewed

@@ -1,69 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { FileList } from "./wm-file-list";
-import { File } from "../wm-file/wm-file";
-// mock ResizeObserver
-global.ResizeObserver = jest.fn().mockImplementation(() => ({
-    observe: jest.fn(),
-    unobserve: jest.fn(),
-    disconnect: jest.fn(),
-}));
-describe("wm-file-list", () => {
-    let page;
-    async function createPageHelper() {
-        return await newSpecPage({
-            components: [FileList, File],
-            html: `<wm-file-list id="filelist1">
-        <wm-file id="file1" name="File retrieved from server" type="pdf" last-updated="1/28/2020 5:29 PM" file-actions="preview download"></wm-file>
-        <wm-file id="file2" name="Second file" type="jpeg" last-updated="2/14/2019 7:21 AM" file-actions="preview download"></wm-file>
-      </wm-file-list>`,
-        });
-    }
-    it("renders all files", async () => {
-        page = await createPageHelper();
-        await page.waitForChanges();
-        let fileEls = page.root.querySelectorAll("wm-file");
-        expect(fileEls.length).toBe(2);
-        expect(fileEls[0]).toEqualAttribute("id", "file1");
-        expect(fileEls[1]).toEqualAttribute("id", "file2");
-    });
-    it("passes on show-info to it's children wm-files", async () => {
-        page = await createPageHelper();
-        await page.waitForChanges();
-        // default (last-updated)
-        let fileEl = page.root.querySelector("wm-file");
-        expect(fileEl.showInfo).toBe("last-updated");
-        // size
-        page = await newSpecPage({
-            components: [FileList, File],
-            html: `<wm-file-list id="filelist1" show-info="size">
-      <wm-file id="file1" name="File retrieved from server" type="pdf" last-updated="1/28/2020 5:29 PM" file-actions="preview download"></wm-file>
-      <wm-file id="file2" name="Second file" type="jpeg" last-updated="2/14/2019 7:21 AM" file-actions="preview download"></wm-file>
-    </wm-file-list>`,
-        });
-        await page.waitForChanges();
-        fileEl = page.root.querySelector("wm-file");
-        expect(fileEl.showInfo).toBe("size");
-        // last-updated (specified)
-        page = await newSpecPage({
-            components: [FileList, File],
-            html: `<wm-file-list id="filelist1" show-info="last-updated">
-      <wm-file id="file1" name="File retrieved from server" type="pdf" last-updated="1/28/2020 5:29 PM" file-actions="preview download"></wm-file>
-      <wm-file id="file2" name="Second file" type="jpeg" last-updated="2/14/2019 7:21 AM" file-actions="preview download"></wm-file>
-    </wm-file-list>`,
-        });
-        await page.waitForChanges();
-        fileEl = page.root.querySelector("wm-file");
-        expect(fileEl.showInfo).toBe("last-updated");
-        // none
-        page = await newSpecPage({
-            components: [FileList, File],
-            html: `<wm-file-list id="filelist1" show-info="none">
-      <wm-file id="file1" name="File retrieved from server" type="pdf" last-updated="1/28/2020 5:29 PM" file-actions="preview download"></wm-file>
-      <wm-file id="file2" name="Second file" type="jpeg" last-updated="2/14/2019 7:21 AM" file-actions="preview download"></wm-file>
-    </wm-file-list>`,
-        });
-        await page.waitForChanges();
-        fileEl = page.root.querySelector("wm-file");
-        expect(fileEl.showInfo).toBe("none");
-    });
-});

package/dist/collection/components/wm-input/wm-input.e2e.js DELETED Viewed

@@ -1,32 +0,0 @@
-import AxePuppeteer from "@axe-core/puppeteer";
-import { newE2EPage } from "@stencil/core/testing";
-describe("wm-input", () => {
-    // ts throws erroneous warning about vars being unused...
-    // @ts-ignore
-    let page, el, inputField;
-    beforeEach(async () => {
-        page = await newE2EPage();
-        await page.setContent(`<html lang='en'><head><title>Page</title></head><body><main><h1>Title</h1>
-      <wm-input label="input"></wm-input>
-      </main></body></html>`);
-        el = await page.find("wm-input");
-        inputField = await page.find("wm-input >>> input");
-        await page.waitForChanges();
-    });
-    it("passes Axe checks", async () => {
-        const results = await new AxePuppeteer(page).analyze();
-        expect(results.violations.length).toBe(0);
-    });
-    it("updates input value when changed programatically", async () => {
-        el.setProperty("value", "33245");
-        await page.waitForChanges();
-        const value = await el.getProperty("value");
-        expect(value).toBe("33245");
-    });
-    it("updates value prop when user types", async () => {
-        await inputField.type("example");
-        await page.waitForChanges();
-        const value = await el.getProperty("value");
-        expect(value).toBe("example");
-    });
-});

package/dist/collection/components/wm-input/wm-input.spec.js DELETED Viewed

@@ -1,173 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { Input } from "./wm-input";
-describe("input", () => {
-    let page;
-    beforeEach(async () => {
-        page = await newSpecPage({
-            components: [Input],
-            html: "<wm-input label='input'></wm-input>",
-        });
-    });
-    it("has the right aria attributes", async () => {
-        let inputField = await page.root.shadowRoot.querySelector("input");
-        // input field is described by help text
-        expect(inputField).toEqualAttribute("aria-describedby", "info error");
-    });
-    it("inputfield is disabled when the prop is passed", async () => {
-        await page.setContent(`<wm-input label="input" disabled></wm-input>`);
-        let inputField = await page.root.shadowRoot.querySelector("input");
-        expect(inputField).toHaveAttribute("disabled");
-    });
-    it("handles keydown", () => {
-        // handleKeyDown
-        const component = new Input();
-        component.characterLimit = 10;
-        let event = { key: "", ctrlKey: false, metaKey: false, altKey: false };
-        let inputEl = document.createElement("input");
-        // @ts-ignore
-        component.inputEl = inputEl;
-        const mockAnnounce = (component.announce = jest.fn());
-        const mockGenerateCharacterLimiWarning = (component.generateCharacterLimitWarning = jest.fn());
-        function resetKeys() {
-            event.key = "";
-            event.ctrlKey = false;
-            event.metaKey = false;
-            event.altKey = false;
-            //@ts-ignore
-            component.inputEl.value = "";
-        }
-        // no modifiers, empty key
-        resetKeys();
-        component.handleKeyDown(event);
-        expect(mockAnnounce).toHaveBeenCalledTimes(0);
-        expect(mockGenerateCharacterLimiWarning).toHaveBeenCalledTimes(0);
-        jest.clearAllMocks();
-        // no modifiers, wrong key
-        resetKeys();
-        event.key = "ArrowDown";
-        component.handleKeyDown(event);
-        expect(mockAnnounce).toHaveBeenCalledTimes(0);
-        expect(mockGenerateCharacterLimiWarning).toHaveBeenCalledTimes(0);
-        jest.clearAllMocks();
-        // no modifiers, right key, not at limit
-        resetKeys();
-        event.key = "a";
-        component.handleKeyDown(event);
-        expect(mockAnnounce).toHaveBeenCalledTimes(0);
-        expect(mockGenerateCharacterLimiWarning).toHaveBeenCalledTimes(0);
-        jest.clearAllMocks();
-        // no modifiers, right key, at limit
-        resetKeys();
-        //@ts-ignore
-        component.inputEl.value = "1234567890";
-        event.key = "a";
-        component.handleKeyDown(event);
-        expect(mockAnnounce).toHaveBeenCalledTimes(1);
-        expect(mockGenerateCharacterLimiWarning).toHaveBeenCalledTimes(1);
-        jest.clearAllMocks();
-        // no modifiers, right key, above limit
-        resetKeys();
-        //@ts-ignore
-        component.inputEl.value = "12345678901234567890";
-        event.key = "a";
-        component.handleKeyDown(event);
-        expect(mockAnnounce).toHaveBeenCalledTimes(1);
-        expect(mockGenerateCharacterLimiWarning).toHaveBeenCalledTimes(1);
-        jest.clearAllMocks();
-        // ctrl modifier, right key, above limit
-        resetKeys();
-        //@ts-ignore
-        component.inputEl.value = "12345678901234567890";
-        event.key = "a";
-        event.ctrlKey = true;
-        component.handleKeyDown(event);
-        expect(mockAnnounce).toHaveBeenCalledTimes(0);
-        expect(mockGenerateCharacterLimiWarning).toHaveBeenCalledTimes(0);
-        jest.clearAllMocks();
-        // meta modifier, right key, above limit
-        resetKeys();
-        //@ts-ignore
-        component.inputEl.value = "12345678901234567890";
-        event.key = "a";
-        event.metaKey = true;
-        component.handleKeyDown(event);
-        expect(mockAnnounce).toHaveBeenCalledTimes(0);
-        expect(mockGenerateCharacterLimiWarning).toHaveBeenCalledTimes(0);
-        jest.clearAllMocks();
-        // alt modifier, right key, above limit
-        resetKeys();
-        //@ts-ignore
-        component.inputEl.value = "12345678901234567890";
-        event.key = "a";
-        event.altKey = true;
-        component.handleKeyDown(event);
-        expect(mockAnnounce).toHaveBeenCalledTimes(0);
-        expect(mockGenerateCharacterLimiWarning).toHaveBeenCalledTimes(0);
-        jest.clearAllMocks();
-        jest.restoreAllMocks();
-    });
-    it("handles input", () => {
-        // handleInput
-        const component = new Input();
-        let inputEl = {};
-        let event = { target: inputEl };
-        const mockAnnounce = (component.announce = jest.fn());
-        const mockGenerateCharacterLimitWarning = (component.generateCharacterLimitWarning = jest.fn(() => "announcement"));
-        inputEl.value = "fish";
-        event.target = inputEl;
-        //@ts-ignore
-        component.handleInput(event);
-        expect(component.value).toBe("fish");
-        expect(component.charCount).toBe(4);
-        expect(mockAnnounce).toHaveBeenCalledTimes(0);
-        expect(mockGenerateCharacterLimitWarning).toHaveBeenCalledTimes(0);
-        component.characterLimit = 10;
-        inputEl.value = "two fish";
-        event.target = inputEl;
-        //@ts-ignore
-        component.handleInput(event);
-        expect(component.value).toBe("two fish");
-        expect(component.charCount).toBe(8);
-        expect(mockAnnounce).toHaveBeenCalledTimes(1);
-        expect(mockAnnounce).toHaveBeenCalledWith("announcement");
-        expect(mockGenerateCharacterLimitWarning).toHaveBeenCalledTimes(1);
-        expect(mockGenerateCharacterLimitWarning).toHaveBeenCalledWith(8, 10);
-        jest.resetAllMocks();
-    });
-    it("updates classes on focus", () => {
-        const component = new Input();
-        const divEl = document.createElement("div");
-        //@ts-ignore
-        component.inputWrapperEl = divEl;
-        //@ts-ignore
-        expect(component.inputWrapperEl).not.toHaveClass("focus");
-        component.handleFocus();
-        //@ts-ignore
-        expect(component.inputWrapperEl).toHaveClass("focus");
-    });
-    it("updates the live region announcement", () => {
-        // announce
-        const component = new Input();
-        let divEl = document.createElement("div");
-        //@ts-ignore
-        component.liveRegionEl = divEl;
-        component.announce("Message");
-        expect(component.announcement).toBe("Message");
-        //@ts-ignore
-        component.liveRegionEl.textContent = "Message";
-        component.announce("Message");
-        expect(component.announcement).toBe("Message" + "\u00A0");
-    });
-    it("generates the appropriate character limit warning", () => {
-        // generateCharacterLimitWarning
-        const component = new Input();
-        expect(component.generateCharacterLimitWarning(0, 10)).toBe("0 of 10 characters entered.");
-        expect(component.generateCharacterLimitWarning(5, 8)).toBe("5 of 8 characters entered.");
-        expect(component.generateCharacterLimitWarning(8, 8)).toBe("8 of 8 characters entered. No additional characters will be entered.");
-    });
-    it("sets input to required", async () => {
-        await page.setContent(`<wm-input label='input' required-field='true'></wm-input>`);
-        const input = await page.root.shadowRoot.querySelector("input");
-        expect(input).toEqualAttribute("aria-required", "true");
-    });
-});

package/dist/collection/components/wm-menuitem/wm-menuitem.e2e.js DELETED Viewed

@@ -1,23 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-describe("wm-menuitem", () => {
-    let page;
-    beforeEach(async () => {
-        page = await newE2EPage();
-        await page.setContent(`<html lang='en'><head><title>Page</title></head><body><main><h1>Title</h1>
-      <wm-action-menu id='menu' tooltip="menu name"><wm-menuitem id='first' disabled onClick='action()'>First action</wm-menuitem><wm-menuitem id='second'>Second action</wm-menuitem><wm-menuitem id='third'>Third action</wm-menuitem></wm-action-menu>
-      <script>function action() {document.getElementById('second').innerHTML = 'Changed text'}</script></main></body></html>`);
-    });
-    it("renders", async () => {
-        const element = await page.find("wm-menuitem");
-        expect(element).not.toBeNull();
-    });
-    it("prevents action on disabled item", async () => {
-        await page.keyboard.press("Tab");
-        await page.keyboard.press("Enter"); // open popup
-        await page.waitForChanges();
-        await page.keyboard.press("Enter");
-        await page.waitForChanges();
-        let changedMenuitem = await page.find("wm-menuitem#second");
-        expect(changedMenuitem.innerHTML).toEqual("Second action");
-    });
-});