@watermarkinsights/ripple 5.11.0-3 → 5.11.0-5

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

@@ -4,7 +4,7 @@ export class FileList {
         this.showInfo = "last-updated";
     }
     render() {
-        return (h("div", { key: '398a8905ff498ed10cb7057d3c686f26d8f2a36f', role: "list", class: "list-wrapper" }, h("slot", { key: 'c66ff037e9ee2ced8b3ffef541164fe20ae3e125' })));
+        return (h("div", { role: "list", class: "list-wrapper" }, h("slot", null)));
     }
     static get is() { return "wm-file-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -0,0 +1,69 @@
+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");
+    });
+});