@pod-os/elements 0.13.1-9efc307.0 → 0.13.1-cd22eb8.0

package/dist/collection/components/pos-document/pos-document.spec.js

@@ -1,219 +0,0 @@
-jest.mock('../../store/session');
-jest.mock('../broken-file/BrokenFile');
-import { newSpecPage } from "@stencil/core/testing";
-import { Blob } from "buffer";
-import { mockPodOS } from "../../test/mockPodOS";
-import { BrokenFile } from "../broken-file/BrokenFile";
-import { PosDocument } from "./pos-document";
-import { when } from "jest-when";
-import { h } from "@stencil/core";
-import session from "../../store/session";
-describe('pos-document', () => {
-  let pdfBlob;
-  beforeEach(() => {
-    pdfBlob = new Blob(['1'], {
-      type: 'application/pdf',
-    });
-  });
-  beforeEach(() => {
-    jest.spyOn(URL, 'createObjectURL').mockReturnValue('blob:fake-pdf-data');
-  });
-  it('renders loading indicator initially', async () => {
-    const page = await newSpecPage({
-      components: [PosDocument],
-      html: `<pos-document src="https://pod.test/test.pdf" />`,
-    });
-    expect(page.root).toEqualHtml(`
-      <pos-document src="https://pod.test/test.pdf">
-        <mock:shadow-root>
-          <ion-skeleton-text animated=""></ion-skeleton-text>
-        </mock:shadow-root>
-      </pos-document>
-  `);
-  });
-  it('renders loading indicator while fetching', async () => {
-    const page = await newSpecPage({
-      components: [PosDocument],
-      html: `<pos-document src="https://pod.test/test.pdf" />`,
-    });
-    const os = mockPodOS();
-    when(os.fetchFile)
-      .calledWith('https://pod.test/test.pdf')
-      .mockReturnValue(new Promise(() => null));
-    await page.rootInstance.setOs(os);
-    await page.waitForChanges();
-    expect(page.root).toEqualHtml(`
-      <pos-document src="https://pod.test/test.pdf">
-        <mock:shadow-root>
-          <ion-skeleton-text animated=""></ion-skeleton-text>
-        </mock:shadow-root>
-      </pos-document>
-  `);
-  });
-  it('renders iframe after loading', async () => {
-    const file = mockBinaryFile(pdfBlob);
-    const page = await newSpecPage({
-      components: [PosDocument],
-      html: `<pos-document src="https://pod.test/test.pdf" />`,
-    });
-    const os = mockPodOS();
-    when(os.fetchFile).calledWith('https://pod.test/test.pdf').mockResolvedValue(file);
-    await page.rootInstance.setOs(os);
-    await page.waitForChanges();
-    expect(URL.createObjectURL).toHaveBeenCalledWith(pdfBlob);
-    expect(page.root).toEqualHtml(`
-      <pos-document src="https://pod.test/test.pdf">
-        <mock:shadow-root>
-          <iframe src="blob:fake-pdf-data"></iframe>
-        </mock:shadow-root>
-      </pos-document>
-  `);
-  });
-  it('emits event after loading', async () => {
-    const onResourceLoaded = jest.fn();
-    const file = mockBinaryFile(pdfBlob);
-    const page = await newSpecPage({
-      components: [PosDocument],
-      html: `<pos-document src="https://pod.test/test.pdf" />`,
-    });
-    page.root.addEventListener('pod-os:resource-loaded', onResourceLoaded);
-    const os = mockPodOS();
-    when(os.fetchFile).calledWith('https://pod.test/test.pdf').mockResolvedValue(file);
-    await page.rootInstance.setOs(os);
-    await page.waitForChanges();
-    expect(onResourceLoaded).toHaveBeenCalled();
-    expect(onResourceLoaded.mock.calls[0][0].detail).toEqual('https://pod.test/test.pdf');
-  });
-  it('renders error when fetch failed', async () => {
-    const page = await newSpecPage({
-      components: [PosDocument],
-      html: `<pos-document src="https://pod.test/test.pdf" />`,
-    });
-    const os = mockPodOS();
-    when(os.fetchFile).calledWith('https://pod.test/test.pdf').mockRejectedValue(new Error('network error'));
-    await page.rootInstance.setOs(os);
-    await page.waitForChanges();
-    expect(page.root).toEqualHtml(`
-      <pos-document src="https://pod.test/test.pdf">
-        <mock:shadow-root>
-          <div class="error">
-            network error
-          </div>
-        </mock:shadow-root>
-      </pos-document>
-  `);
-  });
-  it('renders error for inaccessible file', async () => {
-    const brokenImage = {
-      blob: () => null,
-      toString: () => '403 - Forbidden - https://pod.test/test.pdf',
-    };
-    when(BrokenFile).mockReturnValue(h("div", { class: "error" }, "403 - Forbidden - https://pod.test/test.pdf"));
-    const page = await newSpecPage({
-      components: [PosDocument],
-      html: `<pos-document src="https://pod.test/test.pdf" />`,
-    });
-    const os = mockPodOS();
-    when(os.fetchFile).calledWith('https://pod.test/test.pdf').mockResolvedValue(brokenImage);
-    await page.rootInstance.setOs(os);
-    await page.waitForChanges();
-    expect(page.root).toEqualHtml(`
-      <pos-document src="https://pod.test/test.pdf">
-        <mock:shadow-root>
-          <div class="error">
-            403 - Forbidden - https://pod.test/test.pdf
-          </div>
-        </mock:shadow-root>
-      </pos-document>
-  `);
-  });
-  it('updates and loads resource when src changes', async () => {
-    const file = mockBinaryFile(pdfBlob);
-    const page = await newSpecPage({
-      components: [PosDocument],
-      html: `<pos-document src="https://pod.test/test.pdf" />`,
-    });
-    const os = mockPodOS();
-    when(os.fetchFile).calledWith('https://pod.test/test.pdf').mockResolvedValue(file);
-    when(os.fetchFile)
-      .calledWith('https://pod.test/other.png')
-      .mockReturnValue(new Promise(() => null));
-    await page.rootInstance.setOs(os);
-    page.root.setAttribute('src', 'https://pod.test/other.png');
-    await page.waitForChanges();
-    expect(page.root).toEqualHtml(`
-      <pos-document src="https://pod.test/other.png">
-        <mock:shadow-root>
-          <ion-skeleton-text animated=""></ion-skeleton-text>
-        </mock:shadow-root>
-      </pos-document>
-  `);
-  });
-  it('re-fetches resource when session state changes', async () => {
-    const file = mockBinaryFile(pdfBlob);
-    let sessionChanged;
-    // @ts-ignore
-    session.onChange = (prop, callback) => {
-      if (prop === 'isLoggedIn') {
-        sessionChanged = callback;
-      }
-    };
-    const page = await newSpecPage({
-      components: [PosDocument],
-      html: `<pos-document src="https://pod.test/test.pdf" />`,
-    });
-    const os = mockPodOS();
-    when(os.fetchFile).calledWith('https://pod.test/test.pdf').mockResolvedValueOnce(file);
-    when(os.fetchFile)
-      .calledWith('https://pod.test/test.pdf')
-      .mockReturnValueOnce(new Promise(() => null));
-    await page.rootInstance.setOs(os);
-    expect(sessionChanged).toBeDefined();
-    sessionChanged();
-    await page.waitForChanges();
-    expect(page.root).toEqualHtml(`
-      <pos-document src="https://pod.test/test.pdf">
-        <mock:shadow-root>
-          <ion-skeleton-text animated=""></ion-skeleton-text>
-        </mock:shadow-root>
-      </pos-document>
-  `);
-  });
-  it('removes error message after successful loading', async () => {
-    const file = mockBinaryFile(pdfBlob);
-    const unauthorizedFile = {
-      toString: () => 'Unauthorized',
-    };
-    let sessionChanged;
-    // @ts-ignore
-    session.onChange = (prop, callback) => {
-      if (prop === 'isLoggedIn') {
-        sessionChanged = callback;
-      }
-    };
-    const page = await newSpecPage({
-      components: [PosDocument],
-      html: `<pos-document src="https://pod.test/test.pdf" />`,
-    });
-    const os = mockPodOS();
-    when(os.fetchFile).calledWith('https://pod.test/test.pdf').mockResolvedValueOnce(unauthorizedFile);
-    when(os.fetchFile).calledWith('https://pod.test/test.pdf').mockResolvedValueOnce(file);
-    await page.rootInstance.setOs(os);
-    expect(sessionChanged).toBeDefined();
-    sessionChanged();
-    await page.waitForChanges();
-    expect(page.root).toEqualHtml(`
-      <pos-document src="https://pod.test/test.pdf">
-        <mock:shadow-root>
-          <iframe src="blob:fake-pdf-data"></iframe>
-        </mock:shadow-root>
-      </pos-document>
-  `);
-  });
-});
-function mockBinaryFile(pngBlob) {
-  return {
-    blob: () => pngBlob,
-  };
-}
-//# sourceMappingURL=pos-document.spec.js.map

package/dist/collection/components/pos-document/pos-document.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pos-document.spec.js","sourceRoot":"","sources":["../../../../src/components/pos-document/pos-document.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["jest.mock('../../store/session');\njest.mock('../broken-file/BrokenFile');\n\nimport { BinaryFile, BrokenFile as BrokenFileData } from '@pod-os/core';\nimport { newSpecPage } from '@stencil/core/testing';\nimport { Blob } from 'buffer';\nimport { mockPodOS } from '../../test/mockPodOS';\nimport { BrokenFile } from '../broken-file/BrokenFile';\nimport { PosDocument } from './pos-document';\nimport { when } from 'jest-when';\nimport { h } from '@stencil/core';\n\nimport session from '../../store/session';\n\ndescribe('pos-document', () => {\n  let pdfBlob;\n  beforeEach(() => {\n    pdfBlob = new Blob(['1'], {\n      type: 'application/pdf',\n    });\n  });\n\n  beforeEach(() => {\n    jest.spyOn(URL, 'createObjectURL').mockReturnValue('blob:fake-pdf-data');\n  });\n\n  it('renders loading indicator initially', async () => {\n    const page = await newSpecPage({\n      components: [PosDocument],\n      html: `<pos-document src=\"https://pod.test/test.pdf\" />`,\n    });\n    expect(page.root).toEqualHtml(`\n      <pos-document src=\"https://pod.test/test.pdf\">\n        <mock:shadow-root>\n          <ion-skeleton-text animated=\"\"></ion-skeleton-text>\n        </mock:shadow-root>\n      </pos-document>\n  `);\n  });\n\n  it('renders loading indicator while fetching', async () => {\n    const page = await newSpecPage({\n      components: [PosDocument],\n      html: `<pos-document src=\"https://pod.test/test.pdf\" />`,\n    });\n    const os = mockPodOS();\n    when(os.fetchFile)\n      .calledWith('https://pod.test/test.pdf')\n      .mockReturnValue(new Promise(() => null));\n    await page.rootInstance.setOs(os);\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n      <pos-document src=\"https://pod.test/test.pdf\">\n        <mock:shadow-root>\n          <ion-skeleton-text animated=\"\"></ion-skeleton-text>\n        </mock:shadow-root>\n      </pos-document>\n  `);\n  });\n\n  it('renders iframe after loading', async () => {\n    const file = mockBinaryFile(pdfBlob);\n    const page = await newSpecPage({\n      components: [PosDocument],\n      html: `<pos-document src=\"https://pod.test/test.pdf\" />`,\n    });\n    const os = mockPodOS();\n    when(os.fetchFile).calledWith('https://pod.test/test.pdf').mockResolvedValue(file);\n    await page.rootInstance.setOs(os);\n    await page.waitForChanges();\n    expect(URL.createObjectURL).toHaveBeenCalledWith(pdfBlob);\n    expect(page.root).toEqualHtml(`\n      <pos-document src=\"https://pod.test/test.pdf\">\n        <mock:shadow-root>\n          <iframe src=\"blob:fake-pdf-data\"></iframe>\n        </mock:shadow-root>\n      </pos-document>\n  `);\n  });\n\n  it('emits event after loading', async () => {\n    const onResourceLoaded = jest.fn();\n    const file = mockBinaryFile(pdfBlob);\n    const page = await newSpecPage({\n      components: [PosDocument],\n      html: `<pos-document src=\"https://pod.test/test.pdf\" />`,\n    });\n    page.root.addEventListener('pod-os:resource-loaded', onResourceLoaded);\n    const os = mockPodOS();\n    when(os.fetchFile).calledWith('https://pod.test/test.pdf').mockResolvedValue(file);\n    await page.rootInstance.setOs(os);\n    await page.waitForChanges();\n    expect(onResourceLoaded).toHaveBeenCalled();\n    expect(onResourceLoaded.mock.calls[0][0].detail).toEqual('https://pod.test/test.pdf');\n  });\n\n  it('renders error when fetch failed', async () => {\n    const page = await newSpecPage({\n      components: [PosDocument],\n      html: `<pos-document src=\"https://pod.test/test.pdf\" />`,\n    });\n    const os = mockPodOS();\n    when(os.fetchFile).calledWith('https://pod.test/test.pdf').mockRejectedValue(new Error('network error'));\n    await page.rootInstance.setOs(os);\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n      <pos-document src=\"https://pod.test/test.pdf\">\n        <mock:shadow-root>\n          <div class=\"error\">\n            network error\n          </div>\n        </mock:shadow-root>\n      </pos-document>\n  `);\n  });\n\n  it('renders error for inaccessible file', async () => {\n    const brokenImage = {\n      blob: () => null,\n      toString: () => '403 - Forbidden - https://pod.test/test.pdf',\n    } as unknown as BrokenFileData;\n    when(BrokenFile).mockReturnValue(<div class=\"error\">403 - Forbidden - https://pod.test/test.pdf</div>);\n    const page = await newSpecPage({\n      components: [PosDocument],\n      html: `<pos-document src=\"https://pod.test/test.pdf\" />`,\n    });\n    const os = mockPodOS();\n    when(os.fetchFile).calledWith('https://pod.test/test.pdf').mockResolvedValue(brokenImage);\n    await page.rootInstance.setOs(os);\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n      <pos-document src=\"https://pod.test/test.pdf\">\n        <mock:shadow-root>\n          <div class=\"error\">\n            403 - Forbidden - https://pod.test/test.pdf\n          </div>\n        </mock:shadow-root>\n      </pos-document>\n  `);\n  });\n\n  it('updates and loads resource when src changes', async () => {\n    const file = mockBinaryFile(pdfBlob);\n    const page = await newSpecPage({\n      components: [PosDocument],\n      html: `<pos-document src=\"https://pod.test/test.pdf\" />`,\n    });\n    const os = mockPodOS();\n    when(os.fetchFile).calledWith('https://pod.test/test.pdf').mockResolvedValue(file);\n    when(os.fetchFile)\n      .calledWith('https://pod.test/other.png')\n      .mockReturnValue(new Promise(() => null));\n    await page.rootInstance.setOs(os);\n    page.root.setAttribute('src', 'https://pod.test/other.png');\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n      <pos-document src=\"https://pod.test/other.png\">\n        <mock:shadow-root>\n          <ion-skeleton-text animated=\"\"></ion-skeleton-text>\n        </mock:shadow-root>\n      </pos-document>\n  `);\n  });\n\n  it('re-fetches resource when session state changes', async () => {\n    const file = mockBinaryFile(pdfBlob);\n    let sessionChanged;\n    // @ts-ignore\n    session.onChange = (prop, callback) => {\n      if (prop === 'isLoggedIn') {\n        sessionChanged = callback;\n      }\n    };\n    const page = await newSpecPage({\n      components: [PosDocument],\n      html: `<pos-document src=\"https://pod.test/test.pdf\" />`,\n    });\n    const os = mockPodOS();\n    when(os.fetchFile).calledWith('https://pod.test/test.pdf').mockResolvedValueOnce(file);\n    when(os.fetchFile)\n      .calledWith('https://pod.test/test.pdf')\n      .mockReturnValueOnce(new Promise(() => null));\n    await page.rootInstance.setOs(os);\n    expect(sessionChanged).toBeDefined();\n    sessionChanged();\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n      <pos-document src=\"https://pod.test/test.pdf\">\n        <mock:shadow-root>\n          <ion-skeleton-text animated=\"\"></ion-skeleton-text>\n        </mock:shadow-root>\n      </pos-document>\n  `);\n  });\n\n  it('removes error message after successful loading', async () => {\n    const file = mockBinaryFile(pdfBlob);\n    const unauthorizedFile = {\n      toString: () => 'Unauthorized',\n    } as BrokenFileData;\n    let sessionChanged;\n    // @ts-ignore\n    session.onChange = (prop, callback) => {\n      if (prop === 'isLoggedIn') {\n        sessionChanged = callback;\n      }\n    };\n    const page = await newSpecPage({\n      components: [PosDocument],\n      html: `<pos-document src=\"https://pod.test/test.pdf\" />`,\n    });\n    const os = mockPodOS();\n    when(os.fetchFile).calledWith('https://pod.test/test.pdf').mockResolvedValueOnce(unauthorizedFile);\n    when(os.fetchFile).calledWith('https://pod.test/test.pdf').mockResolvedValueOnce(file);\n    await page.rootInstance.setOs(os);\n    expect(sessionChanged).toBeDefined();\n    sessionChanged();\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n      <pos-document src=\"https://pod.test/test.pdf\">\n        <mock:shadow-root>\n          <iframe src=\"blob:fake-pdf-data\"></iframe>\n        </mock:shadow-root>\n      </pos-document>\n  `);\n  });\n});\n\nfunction mockBinaryFile(pngBlob) {\n  return {\n    blob: () => pngBlob,\n  } as BinaryFile;\n}\n"]}

package/dist/collection/components/pos-error-toast/test/pos-error-toast.spec.js

@@ -1,18 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { PosErrorToast } from "../pos-error-toast";
-describe('pos-error-toast', () => {
-  it('renders its children', async () => {
-    const page = await newSpecPage({
-      components: [PosErrorToast],
-      html: `<pos-error-toast></pos-error-toast>`,
-    });
-    expect(page.root).toEqualHtml(`
-      <pos-error-toast>
-        <mock:shadow-root>
-          <slot></slot>
-        </mock:shadow-root>
-      </pos-error-toast>
-    `);
-  });
-});
-//# sourceMappingURL=pos-error-toast.spec.js.map

package/dist/collection/components/pos-error-toast/test/pos-error-toast.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pos-error-toast.spec.js","sourceRoot":"","sources":["../../../../../src/components/pos-error-toast/test/pos-error-toast.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;EAC/B,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;IACpC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;MAC3B,IAAI,EAAE,qCAAqC;KAC5C,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\n\nimport { PosErrorToast } from '../pos-error-toast';\n\ndescribe('pos-error-toast', () => {\n  it('renders its children', async () => {\n    const page = await newSpecPage({\n      components: [PosErrorToast],\n      html: `<pos-error-toast></pos-error-toast>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <pos-error-toast>\n        <mock:shadow-root>\n          <slot></slot>\n        </mock:shadow-root>\n      </pos-error-toast>\n    `);\n  });\n});\n"]}

package/dist/collection/components/pos-image/pos-image.integration.spec.js

@@ -1,124 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { Blob } from "buffer";
-import { when } from "jest-when";
-import { mockPodOS } from "../../test/mockPodOS";
-import { PosApp } from "../pos-app/pos-app";
-import { PosImage } from "./pos-image";
-describe('pos-image', () => {
-  let pngBlob;
-  beforeEach(() => {
-    pngBlob = new Blob(['1'], {
-      type: 'image/png',
-    });
-  });
-  it('renders img after successfully loading image data', async () => {
-    const os = mockPodOS();
-    const file = mockBinaryFile(pngBlob);
-    jest.spyOn(URL, 'createObjectURL').mockReturnValue('blob:fake-png-data');
-    const loadingPromise = new Promise(resolve => setTimeout(() => resolve(file), 1));
-    when(os.fetchFile).calledWith('https://pod.test/image.png').mockReturnValue(loadingPromise);
-    const page = await newSpecPage({
-      components: [PosApp, PosImage],
-      html: `<pos-app>
-            <pos-image src="https://pod.test/image.png" />
-        </pos-app>`,
-    });
-    await loadingPromise;
-    await page.waitForChanges();
-    expect(URL.createObjectURL).toHaveBeenCalledWith(pngBlob);
-    expect(page.root).toEqualHtml(`
-    <pos-app>
-        <pos-image src="https://pod.test/image.png">
-            <mock:shadow-root>
-              <img src="blob:fake-png-data" />
-            </mock:shadow-root>
-        </pos-image>
-    </pos-app>
-  `);
-  });
-  it('renders placeholder while loading image data', async () => {
-    const os = mockPodOS();
-    const file = mockBinaryFile(pngBlob);
-    jest.spyOn(URL, 'createObjectURL').mockReturnValue('blob:fake-png-data');
-    const loadingPromise = new Promise(resolve => setTimeout(() => resolve(file), 1));
-    when(os.fetchFile).calledWith('https://pod.test/image.png').mockReturnValue(loadingPromise);
-    const page = await newSpecPage({
-      components: [PosApp, PosImage],
-      html: `<pos-app>
-            <pos-image src="https://pod.test/image.png" />
-        </pos-app>`,
-    });
-    expect(page.root).toEqualHtml(`
-      <pos-app>
-        <pos-image src="https://pod.test/image.png">
-            <mock:shadow-root>
-              <ion-skeleton-text animated></ion-skeleton-text>
-            </mock:shadow-root>
-        </pos-image>
-    </pos-app>
-  `);
-    await loadingPromise;
-  });
-  it('renders error when fetching image data failed', async () => {
-    const os = mockPodOS();
-    when(os.fetchFile).calledWith('https://pod.test/image.png').mockRejectedValue(new Error('network error'));
-    const page = await newSpecPage({
-      components: [PosApp, PosImage],
-      html: `<pos-app>
-            <pos-image src="https://pod.test/image.png" />
-        </pos-app>`,
-    });
-    expect(page.root).toEqualHtml(`
-      <pos-app>
-        <pos-image src="https://pod.test/image.png">
-            <mock:shadow-root>
-              <div class="error">
-                network error
-              </div>
-            </mock:shadow-root>
-        </pos-image>
-    </pos-app>
-  `);
-  });
-  it('renders broken image when fetching failed with http error', async () => {
-    const os = mockPodOS();
-    const brokenImage = {
-      blob: () => null,
-      status: {
-        code: 403,
-      },
-    };
-    when(os.fetchFile).calledWith('https://pod.test/image.png').mockResolvedValue(brokenImage);
-    const page = await newSpecPage({
-      components: [PosApp, PosImage],
-      html: `<pos-app>
-            <pos-image src="https://pod.test/image.png" />
-        </pos-app>`,
-    });
-    expect(page.root).toEqualHtml(`
-      <pos-app>
-        <pos-image src="https://pod.test/image.png">
-            <mock:shadow-root>
-              <div>
-                <a class="error">
-                  <div>
-                    <ion-icon name="lock-closed-outline"></ion-icon>
-                  </div>
-                  <div class="code">
-                    403
-                  </div>
-                  <div class="text"></div>
-                </a>
-              </div>
-            </mock:shadow-root>
-        </pos-image>
-    </pos-app>
-  `);
-  });
-});
-function mockBinaryFile(pngBlob) {
-  return {
-    blob: () => pngBlob,
-  };
-}
-//# sourceMappingURL=pos-image.integration.spec.js.map

package/dist/collection/components/pos-image/pos-image.integration.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pos-image.integration.spec.js","sourceRoot":"","sources":["../../../../src/components/pos-image/pos-image.integration.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BinaryFile, BrokenFile } from '@pod-os/core';\nimport { newSpecPage } from '@stencil/core/testing';\nimport { Blob } from 'buffer';\nimport { when } from 'jest-when';\nimport { mockPodOS } from '../../test/mockPodOS';\nimport { PosApp } from '../pos-app/pos-app';\nimport { PosImage } from './pos-image';\n\ndescribe('pos-image', () => {\n  let pngBlob;\n  beforeEach(() => {\n    pngBlob = new Blob(['1'], {\n      type: 'image/png',\n    });\n  });\n\n  it('renders img after successfully loading image data', async () => {\n    const os = mockPodOS();\n    const file = mockBinaryFile(pngBlob);\n    jest.spyOn(URL, 'createObjectURL').mockReturnValue('blob:fake-png-data');\n    const loadingPromise = new Promise(resolve => setTimeout(() => resolve(file), 1));\n    when(os.fetchFile).calledWith('https://pod.test/image.png').mockReturnValue(loadingPromise);\n    const page = await newSpecPage({\n      components: [PosApp, PosImage],\n      html: `<pos-app>\n            <pos-image src=\"https://pod.test/image.png\" />\n        </pos-app>`,\n    });\n    await loadingPromise;\n    await page.waitForChanges();\n    expect(URL.createObjectURL).toHaveBeenCalledWith(pngBlob);\n    expect(page.root).toEqualHtml(`\n    <pos-app>\n        <pos-image src=\"https://pod.test/image.png\">\n            <mock:shadow-root>\n              <img src=\"blob:fake-png-data\" />\n            </mock:shadow-root>\n        </pos-image>\n    </pos-app>\n  `);\n  });\n\n  it('renders placeholder while loading image data', async () => {\n    const os = mockPodOS();\n    const file = mockBinaryFile(pngBlob);\n    jest.spyOn(URL, 'createObjectURL').mockReturnValue('blob:fake-png-data');\n    const loadingPromise = new Promise(resolve => setTimeout(() => resolve(file), 1));\n    when(os.fetchFile).calledWith('https://pod.test/image.png').mockReturnValue(loadingPromise);\n    const page = await newSpecPage({\n      components: [PosApp, PosImage],\n      html: `<pos-app>\n            <pos-image src=\"https://pod.test/image.png\" />\n        </pos-app>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <pos-app>\n        <pos-image src=\"https://pod.test/image.png\">\n            <mock:shadow-root>\n              <ion-skeleton-text animated></ion-skeleton-text>\n            </mock:shadow-root>\n        </pos-image>\n    </pos-app>\n  `);\n    await loadingPromise;\n  });\n\n  it('renders error when fetching image data failed', async () => {\n    const os = mockPodOS();\n    when(os.fetchFile).calledWith('https://pod.test/image.png').mockRejectedValue(new Error('network error'));\n    const page = await newSpecPage({\n      components: [PosApp, PosImage],\n      html: `<pos-app>\n            <pos-image src=\"https://pod.test/image.png\" />\n        </pos-app>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <pos-app>\n        <pos-image src=\"https://pod.test/image.png\">\n            <mock:shadow-root>\n              <div class=\"error\">\n                network error\n              </div>\n            </mock:shadow-root>\n        </pos-image>\n    </pos-app>\n  `);\n  });\n\n  it('renders broken image when fetching failed with http error', async () => {\n    const os = mockPodOS();\n    const brokenImage = {\n      blob: () => null,\n      status: {\n        code: 403,\n      },\n    } as unknown as BrokenFile;\n    when(os.fetchFile).calledWith('https://pod.test/image.png').mockResolvedValue(brokenImage);\n    const page = await newSpecPage({\n      components: [PosApp, PosImage],\n      html: `<pos-app>\n            <pos-image src=\"https://pod.test/image.png\" />\n        </pos-app>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <pos-app>\n        <pos-image src=\"https://pod.test/image.png\">\n            <mock:shadow-root>\n              <div>\n                <a class=\"error\">\n                  <div>\n                    <ion-icon name=\"lock-closed-outline\"></ion-icon>\n                  </div>\n                  <div class=\"code\">\n                    403\n                  </div>\n                  <div class=\"text\"></div>\n                </a>\n              </div>\n            </mock:shadow-root>\n        </pos-image>\n    </pos-app>\n  `);\n  });\n});\n\nfunction mockBinaryFile(pngBlob) {\n  return {\n    blob: () => pngBlob,\n  } as BinaryFile;\n}\n"]}

package/dist/collection/components/pos-image/pos-image.spec.js

@@ -1,219 +0,0 @@
-jest.mock('../../store/session');
-jest.mock('../broken-file/BrokenFile');
-import { newSpecPage } from "@stencil/core/testing";
-import { Blob } from "buffer";
-import { mockPodOS } from "../../test/mockPodOS";
-import { BrokenFile } from "../broken-file/BrokenFile";
-import { PosImage } from "./pos-image";
-import { when } from "jest-when";
-import { h } from "@stencil/core";
-import session from "../../store/session";
-describe('pos-image', () => {
-  let pngBlob;
-  beforeEach(() => {
-    pngBlob = new Blob(['1'], {
-      type: 'image/png',
-    });
-  });
-  beforeEach(() => {
-    jest.spyOn(URL, 'createObjectURL').mockReturnValue('blob:fake-png-data');
-  });
-  it('renders loading indicator initially', async () => {
-    const page = await newSpecPage({
-      components: [PosImage],
-      html: `<pos-image src="https://pod.test/image.png" alt="image" />`,
-    });
-    expect(page.root).toEqualHtml(`
-      <pos-image src="https://pod.test/image.png" alt="image">
-        <mock:shadow-root>
-          <ion-skeleton-text animated=""></ion-skeleton-text>
-        </mock:shadow-root>
-      </pos-image>
-  `);
-  });
-  it('renders loading indicator while fetching', async () => {
-    const page = await newSpecPage({
-      components: [PosImage],
-      html: `<pos-image src="https://pod.test/image.png" alt="image" />`,
-    });
-    const os = mockPodOS();
-    when(os.fetchFile)
-      .calledWith('https://pod.test/image.png')
-      .mockReturnValue(new Promise(() => null));
-    await page.rootInstance.setOs(os);
-    await page.waitForChanges();
-    expect(page.root).toEqualHtml(`
-      <pos-image src="https://pod.test/image.png" alt="image">
-        <mock:shadow-root>
-          <ion-skeleton-text animated=""></ion-skeleton-text>
-        </mock:shadow-root>
-      </pos-image>
-  `);
-  });
-  it('renders img after loading', async () => {
-    const file = mockBinaryFile(pngBlob);
-    const page = await newSpecPage({
-      components: [PosImage],
-      html: `<pos-image src="https://pod.test/image.png" alt="image" />`,
-    });
-    const os = mockPodOS();
-    when(os.fetchFile).calledWith('https://pod.test/image.png').mockResolvedValue(file);
-    await page.rootInstance.setOs(os);
-    await page.waitForChanges();
-    expect(URL.createObjectURL).toHaveBeenCalledWith(pngBlob);
-    expect(page.root).toEqualHtml(`
-      <pos-image src="https://pod.test/image.png" alt="image">
-        <mock:shadow-root>
-          <img src="blob:fake-png-data" alt="image">
-        </mock:shadow-root>
-      </pos-image>
-  `);
-  });
-  it('emits event after loading image', async () => {
-    const onResourceLoaded = jest.fn();
-    const file = mockBinaryFile(pngBlob);
-    const page = await newSpecPage({
-      components: [PosImage],
-      html: `<pos-image src="https://pod.test/image.png" alt="image" />`,
-    });
-    page.root.addEventListener('pod-os:resource-loaded', onResourceLoaded);
-    const os = mockPodOS();
-    when(os.fetchFile).calledWith('https://pod.test/image.png').mockResolvedValue(file);
-    await page.rootInstance.setOs(os);
-    await page.waitForChanges();
-    expect(onResourceLoaded).toHaveBeenCalled();
-    expect(onResourceLoaded.mock.calls[0][0].detail).toEqual('https://pod.test/image.png');
-  });
-  it('renders error when fetch failed', async () => {
-    const page = await newSpecPage({
-      components: [PosImage],
-      html: `<pos-image src="https://pod.test/image.png" />`,
-    });
-    const os = mockPodOS();
-    when(os.fetchFile).calledWith('https://pod.test/image.png').mockRejectedValue(new Error('network error'));
-    await page.rootInstance.setOs(os);
-    await page.waitForChanges();
-    expect(page.root).toEqualHtml(`
-      <pos-image src="https://pod.test/image.png">
-        <mock:shadow-root>
-          <div class="error">
-            network error
-          </div>
-        </mock:shadow-root>
-      </pos-image>
-  `);
-  });
-  it('renders error for inaccessible file', async () => {
-    const brokenImage = {
-      blob: () => null,
-      toString: () => '403 - Forbidden - https://pod.test/image.png',
-    };
-    when(BrokenFile).mockReturnValue(h("div", { class: "error" }, "403 - Forbidden - https://pod.test/image.png"));
-    const page = await newSpecPage({
-      components: [PosImage],
-      html: `<pos-image src="https://pod.test/image.png" />`,
-    });
-    const os = mockPodOS();
-    when(os.fetchFile).calledWith('https://pod.test/image.png').mockResolvedValue(brokenImage);
-    await page.rootInstance.setOs(os);
-    await page.waitForChanges();
-    expect(page.root).toEqualHtml(`
-      <pos-image src="https://pod.test/image.png">
-        <mock:shadow-root>
-          <div class="error">
-            403 - Forbidden - https://pod.test/image.png
-          </div>
-        </mock:shadow-root>
-      </pos-image>
-  `);
-  });
-  it('updates and loads resource when src changes', async () => {
-    const file = mockBinaryFile(pngBlob);
-    const page = await newSpecPage({
-      components: [PosImage],
-      html: `<pos-image src="https://pod.test/image.png" />`,
-    });
-    const os = mockPodOS();
-    when(os.fetchFile).calledWith('https://pod.test/image.png').mockResolvedValue(file);
-    when(os.fetchFile)
-      .calledWith('https://pod.test/other.png')
-      .mockReturnValue(new Promise(() => null));
-    await page.rootInstance.setOs(os);
-    page.root.setAttribute('src', 'https://pod.test/other.png');
-    await page.waitForChanges();
-    expect(page.root).toEqualHtml(`
-      <pos-image src="https://pod.test/other.png">
-        <mock:shadow-root>
-          <ion-skeleton-text animated=""></ion-skeleton-text>
-        </mock:shadow-root>
-      </pos-image>
-  `);
-  });
-  it('re-fetches resource when session state changes', async () => {
-    const file = mockBinaryFile(pngBlob);
-    let sessionChanged;
-    // @ts-ignore
-    session.onChange = (prop, callback) => {
-      if (prop === 'isLoggedIn') {
-        sessionChanged = callback;
-      }
-    };
-    const page = await newSpecPage({
-      components: [PosImage],
-      html: `<pos-image src="https://pod.test/image.png" />`,
-    });
-    const os = mockPodOS();
-    when(os.fetchFile).calledWith('https://pod.test/image.png').mockResolvedValueOnce(file);
-    when(os.fetchFile)
-      .calledWith('https://pod.test/image.png')
-      .mockReturnValueOnce(new Promise(() => null));
-    await page.rootInstance.setOs(os);
-    expect(sessionChanged).toBeDefined();
-    sessionChanged();
-    await page.waitForChanges();
-    expect(page.root).toEqualHtml(`
-      <pos-image src="https://pod.test/image.png">
-        <mock:shadow-root>
-          <ion-skeleton-text animated=""></ion-skeleton-text>
-        </mock:shadow-root>
-      </pos-image>
-  `);
-  });
-  it('removes error message after successful loading', async () => {
-    const file = mockBinaryFile(pngBlob);
-    const unauthorizedFile = {
-      toString: () => 'Unauthorized',
-    };
-    let sessionChanged;
-    // @ts-ignore
-    session.onChange = (prop, callback) => {
-      if (prop === 'isLoggedIn') {
-        sessionChanged = callback;
-      }
-    };
-    const page = await newSpecPage({
-      components: [PosImage],
-      html: `<pos-image src="https://pod.test/image.png" />`,
-    });
-    const os = mockPodOS();
-    when(os.fetchFile).calledWith('https://pod.test/image.png').mockResolvedValueOnce(unauthorizedFile);
-    when(os.fetchFile).calledWith('https://pod.test/image.png').mockResolvedValueOnce(file);
-    await page.rootInstance.setOs(os);
-    expect(sessionChanged).toBeDefined();
-    sessionChanged();
-    await page.waitForChanges();
-    expect(page.root).toEqualHtml(`
-      <pos-image src="https://pod.test/image.png">
-        <mock:shadow-root>
-          <img src="blob:fake-png-data">
-        </mock:shadow-root>
-      </pos-image>
-  `);
-  });
-});
-function mockBinaryFile(pngBlob) {
-  return {
-    blob: () => pngBlob,
-  };
-}
-//# sourceMappingURL=pos-image.spec.js.map