@watermarkinsights/ripple 5.10.0-9 → 5.11.0-0

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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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");
-    });
-});

package/dist/collection/components/wm-menuitem/wm-menuitem.spec.js

@@ -1,54 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { Menuitem } from "./wm-menuitem";
-describe("wm-menuitem", () => {
-    it("builds", async () => {
-        const comp = await newSpecPage({
-            components: [Menuitem],
-            html: "<wm-menuitem><wm-menuitem>",
-        });
-        expect(comp.root).toMatchSnapshot();
-    });
-    it("handles disabled onClick function", async () => {
-        const page = await newSpecPage({
-            components: [Menuitem],
-            html: "<wm-menuitem><wm-menuitem>",
-        });
-        const menuItem = page.root;
-        const onClickFunc = () => console.log("Message");
-        menuItem.onclick = onClickFunc;
-        expect(menuItem.onclick).toEqual(onClickFunc);
-        menuItem.disabled = true;
-        expect(menuItem.onclick).toBe(null);
-        menuItem.disabled = false;
-        expect(menuItem.onclick).toEqual(onClickFunc);
-    });
-    it("renders description if prop is present", async () => {
-        const page = await newSpecPage({
-            components: [Menuitem],
-            html: "<wm-menuitem description='Description here'><wm-menuitem>",
-        });
-        const descriptionEl = page.root.shadowRoot.querySelector(".description");
-        expect(descriptionEl === null || descriptionEl === void 0 ? void 0 : descriptionEl.textContent).toBe("Description here");
-    });
-    describe("error throwing", () => {
-        it("throws error when description is over character limit", async () => {
-            const mockFunc = jest.fn();
-            console.error = mockFunc;
-            const description = "q".repeat(200);
-            await newSpecPage({
-                components: [Menuitem],
-                html: `<wm-menuitem description='${description}'></wm-menuitem>`,
-            });
-            expect(mockFunc).toHaveBeenCalledWith("wm-menuitem description is above the character limit of 100");
-        });
-        it("throws error when description and icon props are used simultaneously", async () => {
-            const mockFunc = jest.fn();
-            console.error = mockFunc;
-            await newSpecPage({
-                components: [Menuitem],
-                html: `<wm-menuitem description='Example description' icon="f3eb"></wm-menuitem>`,
-            });
-            expect(mockFunc).toHaveBeenCalledWith("wm-menuitems with descriptions do not support the use of icons");
-        });
-    });
-});

package/dist/collection/components/wm-modal/wm-modal-footer.spec.js

@@ -1,11 +0,0 @@
-import { ModalFooter } from "./wm-modal-footer";
-describe("wm-modal-footer", () => {
-    it("has the right props", () => {
-        const modal = new ModalFooter();
-        expect(modal).toHaveProperty("secondaryText");
-        expect(modal).toHaveProperty("primaryText");
-        expect(modal).toHaveProperty("infoText");
-        expect(modal).toHaveProperty("primaryActionDisabled");
-        expect(modal).toHaveProperty("deleteStyle");
-    });
-});

package/dist/collection/components/wm-modal/wm-modal-header.spec.js

@@ -1,8 +0,0 @@
-import { ModalHeader } from "./wm-modal-header";
-describe("wm-modal-header", () => {
-    it("has the right props", () => {
-        const modal = new ModalHeader();
-        expect(modal).toHaveProperty("heading");
-        expect(modal).toHaveProperty("subheading");
-    });
-});