@watermarkinsights/ripple 4.2.0-1 → 4.2.0

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

@@ -2,16 +2,16 @@ 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(),
+  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 
+  let html, page;
+  async function createPageHelper() {
+    return await newSpecPage({
+      components: [File],
+      html: `<wm-file 
       id="file1"
       name="File retrieved from server"
       type="pdf"
@@ -20,10 +20,10 @@ describe("wm-file", () => {
       file-actions="download preview delete"
       >
       </wm-file>`,
-        });
-    }
-    it("renders green check alongside recently uploaded files", async () => {
-        html = `<wm-file 
+    });
+  }
+  it("renders green check alongside recently uploaded files", async () => {
+    html = `<wm-file 
     id="file1"
     name="File retrieved from server"
     type="pdf"
@@ -33,13 +33,13 @@ describe("wm-file", () => {
     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 
+    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"
@@ -48,15 +48,15 @@ describe("wm-file", () => {
     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 
+    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"
@@ -64,17 +64,17 @@ describe("wm-file", () => {
     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 
+    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"
@@ -83,23 +83,23 @@ describe("wm-file", () => {
     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 
+    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"
@@ -109,13 +109,13 @@ describe("wm-file", () => {
       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 
+    });
+    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"
@@ -125,13 +125,13 @@ describe("wm-file", () => {
       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 
+    });
+    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"
@@ -141,16 +141,16 @@ describe("wm-file", () => {
       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 
+    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"
@@ -159,36 +159,36 @@ describe("wm-file", () => {
       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
+    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");
-    });
+    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.js

@@ -1,45 +1,45 @@
 import { h } from "@stencil/core";
 export class FileList {
-    constructor() {
-        this.showInfo = "time";
-    }
-    render() {
-        return (h("div", { role: "list", class: "list-wrapper" }, h("slot", null)));
-    }
-    static get is() { return "wm-file-list"; }
-    static get encapsulation() { return "shadow"; }
-    static get delegatesFocus() { return true; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["wm-file-list.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["wm-file-list.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "showInfo": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "\"size\" | \"time\" | \"none\"",
-                    "resolved": "\"none\" | \"size\" | \"time\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "show-info",
-                "reflect": false,
-                "defaultValue": "\"time\""
-            }
-        };
-    }
-    static get elementRef() { return "el"; }
+  constructor() {
+    this.showInfo = "time";
+  }
+  render() {
+    return (h("div", { role: "list", class: "list-wrapper" }, h("slot", null)));
+  }
+  static get is() { return "wm-file-list"; }
+  static get encapsulation() { return "shadow"; }
+  static get delegatesFocus() { return true; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["wm-file-list.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["wm-file-list.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "showInfo": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"size\" | \"time\" | \"none\"",
+          "resolved": "\"none\" | \"size\" | \"time\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-info",
+        "reflect": false,
+        "defaultValue": "\"time\""
+      }
+    };
+  }
+  static get elementRef() { return "el"; }
 }

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

@@ -3,67 +3,67 @@ 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(),
+  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">
+  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 (time)
-        let fileEl = page.root.querySelector("wm-file");
-        expect(fileEl.showInfo).toBe("time");
-        // size
-        page = await newSpecPage({
-            components: [FileList, File],
-            html: `<wm-file-list id="filelist1" show-info="size">
+  }
+  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 (time)
+    let fileEl = page.root.querySelector("wm-file");
+    expect(fileEl.showInfo).toBe("time");
+    // 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");
-        // time (specified)
-        page = await newSpecPage({
-            components: [FileList, File],
-            html: `<wm-file-list id="filelist1" show-info="time">
+    });
+    await page.waitForChanges();
+    fileEl = page.root.querySelector("wm-file");
+    expect(fileEl.showInfo).toBe("size");
+    // time (specified)
+    page = await newSpecPage({
+      components: [FileList, File],
+      html: `<wm-file-list id="filelist1" show-info="time">
       <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("time");
-        // none
-        page = await newSpecPage({
-            components: [FileList, File],
-            html: `<wm-file-list id="filelist1" show-info="none">
+    });
+    await page.waitForChanges();
+    fileEl = page.root.querySelector("wm-file");
+    expect(fileEl.showInfo).toBe("time");
+    // 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");
     });
+    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 +1,32 @@
 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>
+  // 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");
-    });
+    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");
+  });
 });