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

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

@@ -1,355 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { mockPodOS } from "../../test/mockPodOS";
-import { PosApp } from "../pos-app/pos-app";
-import { PosResource } from "./pos-resource";
-import { PosLabel } from "../pos-label/pos-label";
-import { when } from "jest-when";
-describe('pos-resource with a pos-label child', () => {
-  it('renders label for successfully loaded resource', async () => {
-    const os = mockPodOS();
-    when(os.fetch).calledWith('https://resource.test').mockReturnValue(Promise.resolve());
-    when(os.store.get)
-      .calledWith('https://resource.test')
-      .mockReturnValue({
-      label: () => 'Test Resource',
-    });
-    const page = await newSpecPage({
-      components: [PosApp, PosResource, PosLabel],
-      html: `<pos-app>
-            <pos-resource uri="https://resource.test">
-              <pos-label />
-            </pos-resource>
-        </pos-app>`,
-    });
-    expect(page.root).toEqualHtml(`
-    <pos-app>
-        <pos-resource uri="https://resource.test">
-          <mock:shadow-root>
-            <slot></slot>
-          </mock:shadow-root>
-          <pos-label>
-            <mock:shadow-root>
-              Test Resource
-            </mock:shadow-root>
-          </pos-label>
-        </pos-resource>
-    </pos-app>
-  `);
-  });
-  it('renders label after successfully loading resource', async () => {
-    const loadingPromise = new Promise(resolve => setTimeout(resolve, 1));
-    const os = mockPodOS();
-    when(os.fetch).calledWith('https://resource.test').mockReturnValue(loadingPromise);
-    when(os.store.get)
-      .calledWith('https://resource.test')
-      .mockReturnValue({
-      label: () => 'Test Resource',
-    });
-    const page = await newSpecPage({
-      components: [PosApp, PosResource, PosLabel],
-      html: `<pos-app>
-            <pos-resource uri="https://resource.test">
-              <pos-label />
-            </pos-resource>
-        </pos-app>`,
-    });
-    await loadingPromise;
-    await page.waitForChanges();
-    expect(page.root).toEqualHtml(`
-    <pos-app>
-        <pos-resource uri="https://resource.test">
-          <mock:shadow-root>
-            <slot></slot>
-          </mock:shadow-root>
-          <pos-label>
-            <mock:shadow-root>
-              Test Resource
-            </mock:shadow-root>
-          </pos-label>
-        </pos-resource>
-    </pos-app>
-  `);
-  });
-  it('renders loading indicator, but empty label while loading resource', async () => {
-    const loadingPromise = new Promise(resolve => setTimeout(resolve, 1));
-    const os = mockPodOS();
-    when(os.fetch).calledWith('https://resource.test').mockReturnValue(loadingPromise);
-    const page = await newSpecPage({
-      components: [PosApp, PosResource, PosLabel],
-      html: `<pos-app>
-            <pos-resource uri="https://resource.test">
-              <pos-label />
-            </pos-resource>
-        </pos-app>`,
-    });
-    expect(page.root).toEqualHtml(`
-      <pos-app>
-          <pos-resource uri="https://resource.test">
-            <mock:shadow-root>
-              <ion-progress-bar type="indeterminate"></ion-progress-bar>
-            </mock:shadow-root>
-            <pos-label>
-              <mock:shadow-root>
-              </mock:shadow-root>
-            </pos-label>
-          </pos-resource>
-      </pos-app>
-  `);
-    await loadingPromise;
-  });
-  it('renders error, but no label when resource loading failed', async () => {
-    const os = mockPodOS();
-    when(os.fetch).calledWith('https://resource.test').mockRejectedValue(new Error('not found'));
-    const page = await newSpecPage({
-      components: [PosApp, PosResource, PosLabel],
-      html: `<pos-app>
-            <pos-resource uri="https://resource.test">
-              <pos-label />
-            </pos-resource>
-        </pos-app>`,
-    });
-    expect(page.root).toEqualHtml(`
-<pos-app>
-    <pos-resource uri="https://resource.test">
-      <mock:shadow-root>
-        <ion-card>
-          <ion-card-header>
-            <p>
-              Sorry, something went wrong
-            </p>
-            <p>
-              Status:
-            </p>
-            <details>
-              not found
-            </details>
-          </ion-card-header>
-          <ion-card-content>
-            <p>
-              You can try to open the link outside PodOS:
-            </p>
-            <a href="https://resource.test">
-              https://resource.test
-            </a>
-          </ion-card-content>
-        </ion-card>
-      </mock:shadow-root>
-      <pos-label>
-        <mock:shadow-root>
-        </mock:shadow-root>
-      </pos-label>
-    </pos-resource>
-</pos-app>
-  `);
-  });
-  it('renders multiple labels for successfully loaded resource', async () => {
-    const os = mockPodOS();
-    when(os.fetch).calledWith('https://resource.test').mockReturnValue(Promise.resolve());
-    when(os.store.get)
-      .calledWith('https://resource.test')
-      .mockReturnValue({
-      label: () => 'Test Resource',
-    });
-    const page = await newSpecPage({
-      components: [PosApp, PosResource, PosLabel],
-      html: `<pos-app>
-            <pos-resource uri="https://resource.test">
-              <pos-label />
-              <pos-label />
-              <pos-label />
-            </pos-resource>
-        </pos-app>`,
-    });
-    expect(page.root).toEqualHtml(`
-    <pos-app>
-        <pos-resource uri="https://resource.test">
-          <mock:shadow-root>
-            <slot></slot>
-          </mock:shadow-root>
-          <pos-label>
-            <mock:shadow-root>
-              Test Resource
-            </mock:shadow-root>
-            <pos-label>
-              <mock:shadow-root>
-                Test Resource
-              </mock:shadow-root>
-              <pos-label>
-                <mock:shadow-root>
-                  Test Resource
-                </mock:shadow-root>
-              </pos-label>
-            </pos-label>
-          </pos-label>
-        </pos-resource>
-    </pos-app>
-  `);
-  });
-  it('renders multiple label after successfully loading resource', async () => {
-    const loadingPromise = new Promise(resolve => setTimeout(resolve, 1));
-    const os = mockPodOS();
-    when(os.fetch).calledWith('https://resource.test').mockReturnValue(loadingPromise);
-    when(os.store.get)
-      .calledWith('https://resource.test')
-      .mockReturnValue({
-      label: () => 'Test Resource',
-    });
-    const page = await newSpecPage({
-      components: [PosApp, PosResource, PosLabel],
-      html: `<pos-app>
-            <pos-resource uri="https://resource.test">
-              <pos-label />
-              <pos-label />
-              <pos-label />
-            </pos-resource>
-        </pos-app>`,
-    });
-    await loadingPromise;
-    await page.waitForChanges();
-    expect(page.root).toEqualHtml(`
-    <pos-app>
-        <pos-resource uri="https://resource.test">
-          <mock:shadow-root>
-            <slot></slot>
-          </mock:shadow-root>
-          <pos-label>
-            <mock:shadow-root>
-              Test Resource
-            </mock:shadow-root>
-            <pos-label>
-              <mock:shadow-root>
-                Test Resource
-              </mock:shadow-root>
-              <pos-label>
-                <mock:shadow-root>
-                  Test Resource
-                </mock:shadow-root>
-              </pos-label>
-            </pos-label>
-          </pos-label>
-        </pos-resource>
-    </pos-app>
-  `);
-  });
-  it('renders label for lazy resource that would fetch to fail', async () => {
-    const os = mockPodOS();
-    when(os.fetch).calledWith('https://resource.test').mockRejectedValue(new Error('not found'));
-    when(os.store.get)
-      .calledWith('https://resource.test')
-      .mockReturnValue({
-      label: () => 'Test Resource',
-    });
-    const page = await newSpecPage({
-      components: [PosApp, PosResource, PosLabel],
-      html: `<pos-app>
-            <pos-resource lazy uri="https://resource.test">
-              <pos-label />
-            </pos-resource>
-        </pos-app>`,
-    });
-    expect(page.root).toEqualHtml(`
-    <pos-app>
-        <pos-resource lazy uri="https://resource.test">
-          <mock:shadow-root>
-            <slot></slot>
-          </mock:shadow-root>
-          <pos-label>
-            <mock:shadow-root>
-              Test Resource
-            </mock:shadow-root>
-          </pos-label>
-        </pos-resource>
-    </pos-app>
-  `);
-  });
-  it('renders error for lazy resource fails when fetched', async () => {
-    const os = mockPodOS();
-    when(os.fetch).calledWith('https://resource.test').mockRejectedValue(new Error('not found'));
-    when(os.store.get)
-      .calledWith('https://resource.test')
-      .mockReturnValueOnce({
-      label: () => 'Test Resource',
-    });
-    const page = await newSpecPage({
-      components: [PosApp, PosResource, PosLabel],
-      html: `<pos-app>
-            <pos-resource lazy uri="https://resource.test">
-              <pos-label />
-            </pos-resource>
-        </pos-app>`,
-    });
-    await page.root.querySelector('pos-resource').fetch();
-    await page.waitForChanges();
-    expect(page.root).toEqualHtml(`
-    <pos-app>
-        <pos-resource lazy uri="https://resource.test">
-          <mock:shadow-root>
-            <ion-card>
-              <ion-card-header>
-                <p>
-                  Sorry, something went wrong
-                </p>
-                <p>
-                  Status:
-                </p>
-                <details>
-                  not found
-                </details>
-              </ion-card-header>
-              <ion-card-content>
-                <p>
-                  You can try to open the link outside PodOS:
-                </p>
-                <a href="https://resource.test">
-                  https://resource.test
-                </a>
-              </ion-card-content>
-            </ion-card>
-          </mock:shadow-root>
-          <pos-label>
-            <mock:shadow-root>
-              Test Resource
-            </mock:shadow-root>
-          </pos-label>
-        </pos-resource>
-    </pos-app>
-  `);
-  });
-  it('rerenders child after lazy resource was fetched', async () => {
-    const os = mockPodOS();
-    when(os.fetch).calledWith('https://resource.test').mockResolvedValue(null);
-    when(os.store.get)
-      .calledWith('https://resource.test')
-      .mockReturnValueOnce({
-      label: () => 'Test Resource',
-    })
-      .mockReturnValueOnce({
-      label: () => 'Updated Test Resource',
-    });
-    const page = await newSpecPage({
-      components: [PosApp, PosResource, PosLabel],
-      html: `<pos-app>
-            <pos-resource lazy uri="https://resource.test">
-              <pos-label />
-            </pos-resource>
-        </pos-app>`,
-    });
-    await page.root.querySelector('pos-resource').fetch();
-    await page.waitForChanges();
-    expect(page.root).toEqualHtml(`
-    <pos-app>
-        <pos-resource lazy uri="https://resource.test">
-          <mock:shadow-root>
-            <slot></slot>
-          </mock:shadow-root>
-          <pos-label>
-            <mock:shadow-root>
-              Updated Test Resource
-            </mock:shadow-root>
-          </pos-label>
-        </pos-resource>
-    </pos-app>
-  `);
-  });
-});
-//# sourceMappingURL=pos-resource.integration.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"pos-resource.integration.spec.js","sourceRoot":"","sources":["../../../../src/components/pos-resource/pos-resource.integration.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AnyHTMLElement } from '@stencil/core/internal';\nimport { newSpecPage } from '@stencil/core/testing';\nimport { mockPodOS } from '../../test/mockPodOS';\nimport { PosApp } from '../pos-app/pos-app';\nimport { PosResource } from './pos-resource';\nimport { PosLabel } from '../pos-label/pos-label';\nimport { when } from 'jest-when';\n\ndescribe('pos-resource with a pos-label child', () => {\n  it('renders label for successfully loaded resource', async () => {\n    const os = mockPodOS();\n    when(os.fetch).calledWith('https://resource.test').mockReturnValue(Promise.resolve());\n    when(os.store.get)\n      .calledWith('https://resource.test')\n      .mockReturnValue({\n        label: () => 'Test Resource',\n      });\n    const page = await newSpecPage({\n      components: [PosApp, PosResource, PosLabel],\n      html: `<pos-app>\n            <pos-resource uri=\"https://resource.test\">\n              <pos-label />\n            </pos-resource>\n        </pos-app>`,\n    });\n    expect(page.root).toEqualHtml(`\n    <pos-app>\n        <pos-resource uri=\"https://resource.test\">\n          <mock:shadow-root>\n            <slot></slot>\n          </mock:shadow-root>\n          <pos-label>\n            <mock:shadow-root>\n              Test Resource\n            </mock:shadow-root>\n          </pos-label>\n        </pos-resource>\n    </pos-app>\n  `);\n  });\n\n  it('renders label after successfully loading resource', async () => {\n    const loadingPromise = new Promise(resolve => setTimeout(resolve, 1));\n    const os = mockPodOS();\n    when(os.fetch).calledWith('https://resource.test').mockReturnValue(loadingPromise);\n    when(os.store.get)\n      .calledWith('https://resource.test')\n      .mockReturnValue({\n        label: () => 'Test Resource',\n      });\n    const page = await newSpecPage({\n      components: [PosApp, PosResource, PosLabel],\n      html: `<pos-app>\n            <pos-resource uri=\"https://resource.test\">\n              <pos-label />\n            </pos-resource>\n        </pos-app>`,\n    });\n    await loadingPromise;\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n    <pos-app>\n        <pos-resource uri=\"https://resource.test\">\n          <mock:shadow-root>\n            <slot></slot>\n          </mock:shadow-root>\n          <pos-label>\n            <mock:shadow-root>\n              Test Resource\n            </mock:shadow-root>\n          </pos-label>\n        </pos-resource>\n    </pos-app>\n  `);\n  });\n\n  it('renders loading indicator, but empty label while loading resource', async () => {\n    const loadingPromise = new Promise(resolve => setTimeout(resolve, 1));\n    const os = mockPodOS();\n    when(os.fetch).calledWith('https://resource.test').mockReturnValue(loadingPromise);\n    const page = await newSpecPage({\n      components: [PosApp, PosResource, PosLabel],\n      html: `<pos-app>\n            <pos-resource uri=\"https://resource.test\">\n              <pos-label />\n            </pos-resource>\n        </pos-app>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <pos-app>\n          <pos-resource uri=\"https://resource.test\">\n            <mock:shadow-root>\n              <ion-progress-bar type=\"indeterminate\"></ion-progress-bar>\n            </mock:shadow-root>\n            <pos-label>\n              <mock:shadow-root>\n              </mock:shadow-root>\n            </pos-label>\n          </pos-resource>\n      </pos-app>\n  `);\n    await loadingPromise;\n  });\n\n  it('renders error, but no label when resource loading failed', async () => {\n    const os = mockPodOS();\n    when(os.fetch).calledWith('https://resource.test').mockRejectedValue(new Error('not found'));\n    const page = await newSpecPage({\n      components: [PosApp, PosResource, PosLabel],\n      html: `<pos-app>\n            <pos-resource uri=\"https://resource.test\">\n              <pos-label />\n            </pos-resource>\n        </pos-app>`,\n    });\n    expect(page.root).toEqualHtml(`\n<pos-app>\n    <pos-resource uri=\"https://resource.test\">\n      <mock:shadow-root>\n        <ion-card>\n          <ion-card-header>\n            <p>\n              Sorry, something went wrong\n            </p>\n            <p>\n              Status:\n            </p>\n            <details>\n              not found\n            </details>\n          </ion-card-header>\n          <ion-card-content>\n            <p>\n              You can try to open the link outside PodOS:\n            </p>\n            <a href=\"https://resource.test\">\n              https://resource.test\n            </a>\n          </ion-card-content>\n        </ion-card>\n      </mock:shadow-root>\n      <pos-label>\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </pos-label>\n    </pos-resource>\n</pos-app>\n  `);\n  });\n\n  it('renders multiple labels for successfully loaded resource', async () => {\n    const os = mockPodOS();\n    when(os.fetch).calledWith('https://resource.test').mockReturnValue(Promise.resolve());\n    when(os.store.get)\n      .calledWith('https://resource.test')\n      .mockReturnValue({\n        label: () => 'Test Resource',\n      });\n    const page = await newSpecPage({\n      components: [PosApp, PosResource, PosLabel],\n      html: `<pos-app>\n            <pos-resource uri=\"https://resource.test\">\n              <pos-label />\n              <pos-label />\n              <pos-label />\n            </pos-resource>\n        </pos-app>`,\n    });\n    expect(page.root).toEqualHtml(`\n    <pos-app>\n        <pos-resource uri=\"https://resource.test\">\n          <mock:shadow-root>\n            <slot></slot>\n          </mock:shadow-root>\n          <pos-label>\n            <mock:shadow-root>\n              Test Resource\n            </mock:shadow-root>\n            <pos-label>\n              <mock:shadow-root>\n                Test Resource\n              </mock:shadow-root>\n              <pos-label>\n                <mock:shadow-root>\n                  Test Resource\n                </mock:shadow-root>\n              </pos-label>\n            </pos-label>\n          </pos-label>\n        </pos-resource>\n    </pos-app>\n  `);\n  });\n\n  it('renders multiple label after successfully loading resource', async () => {\n    const loadingPromise = new Promise(resolve => setTimeout(resolve, 1));\n    const os = mockPodOS();\n    when(os.fetch).calledWith('https://resource.test').mockReturnValue(loadingPromise);\n    when(os.store.get)\n      .calledWith('https://resource.test')\n      .mockReturnValue({\n        label: () => 'Test Resource',\n      });\n    const page = await newSpecPage({\n      components: [PosApp, PosResource, PosLabel],\n      html: `<pos-app>\n            <pos-resource uri=\"https://resource.test\">\n              <pos-label />\n              <pos-label />\n              <pos-label />\n            </pos-resource>\n        </pos-app>`,\n    });\n    await loadingPromise;\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n    <pos-app>\n        <pos-resource uri=\"https://resource.test\">\n          <mock:shadow-root>\n            <slot></slot>\n          </mock:shadow-root>\n          <pos-label>\n            <mock:shadow-root>\n              Test Resource\n            </mock:shadow-root>\n            <pos-label>\n              <mock:shadow-root>\n                Test Resource\n              </mock:shadow-root>\n              <pos-label>\n                <mock:shadow-root>\n                  Test Resource\n                </mock:shadow-root>\n              </pos-label>\n            </pos-label>\n          </pos-label>\n        </pos-resource>\n    </pos-app>\n  `);\n  });\n\n  it('renders label for lazy resource that would fetch to fail', async () => {\n    const os = mockPodOS();\n    when(os.fetch).calledWith('https://resource.test').mockRejectedValue(new Error('not found'));\n    when(os.store.get)\n      .calledWith('https://resource.test')\n      .mockReturnValue({\n        label: () => 'Test Resource',\n      });\n    const page = await newSpecPage({\n      components: [PosApp, PosResource, PosLabel],\n      html: `<pos-app>\n            <pos-resource lazy uri=\"https://resource.test\">\n              <pos-label />\n            </pos-resource>\n        </pos-app>`,\n    });\n    expect(page.root).toEqualHtml(`\n    <pos-app>\n        <pos-resource lazy uri=\"https://resource.test\">\n          <mock:shadow-root>\n            <slot></slot>\n          </mock:shadow-root>\n          <pos-label>\n            <mock:shadow-root>\n              Test Resource\n            </mock:shadow-root>\n          </pos-label>\n        </pos-resource>\n    </pos-app>\n  `);\n  });\n\n  it('renders error for lazy resource fails when fetched', async () => {\n    const os = mockPodOS();\n    when(os.fetch).calledWith('https://resource.test').mockRejectedValue(new Error('not found'));\n    when(os.store.get)\n      .calledWith('https://resource.test')\n      .mockReturnValueOnce({\n        label: () => 'Test Resource',\n      });\n    const page = await newSpecPage({\n      components: [PosApp, PosResource, PosLabel],\n      html: `<pos-app>\n            <pos-resource lazy uri=\"https://resource.test\">\n              <pos-label />\n            </pos-resource>\n        </pos-app>`,\n    });\n    await (page.root.querySelector('pos-resource') as AnyHTMLElement).fetch();\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n    <pos-app>\n        <pos-resource lazy uri=\"https://resource.test\">\n          <mock:shadow-root>\n            <ion-card>\n              <ion-card-header>\n                <p>\n                  Sorry, something went wrong\n                </p>\n                <p>\n                  Status:\n                </p>\n                <details>\n                  not found\n                </details>\n              </ion-card-header>\n              <ion-card-content>\n                <p>\n                  You can try to open the link outside PodOS:\n                </p>\n                <a href=\"https://resource.test\">\n                  https://resource.test\n                </a>\n              </ion-card-content>\n            </ion-card>\n          </mock:shadow-root>\n          <pos-label>\n            <mock:shadow-root>\n              Test Resource\n            </mock:shadow-root>\n          </pos-label>\n        </pos-resource>\n    </pos-app>\n  `);\n  });\n\n  it('rerenders child after lazy resource was fetched', async () => {\n    const os = mockPodOS();\n    when(os.fetch).calledWith('https://resource.test').mockResolvedValue(null);\n    when(os.store.get)\n      .calledWith('https://resource.test')\n      .mockReturnValueOnce({\n        label: () => 'Test Resource',\n      })\n      .mockReturnValueOnce({\n        label: () => 'Updated Test Resource',\n      });\n    const page = await newSpecPage({\n      components: [PosApp, PosResource, PosLabel],\n      html: `<pos-app>\n            <pos-resource lazy uri=\"https://resource.test\">\n              <pos-label />\n            </pos-resource>\n        </pos-app>`,\n    });\n    await (page.root.querySelector('pos-resource') as AnyHTMLElement).fetch();\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n    <pos-app>\n        <pos-resource lazy uri=\"https://resource.test\">\n          <mock:shadow-root>\n            <slot></slot>\n          </mock:shadow-root>\n          <pos-label>\n            <mock:shadow-root>\n              Updated Test Resource\n            </mock:shadow-root>\n          </pos-label>\n        </pos-resource>\n    </pos-app>\n  `);\n  });\n});\n"]}

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

@@ -1,237 +0,0 @@
-jest.mock('../../store/session');
-import { newSpecPage } from "@stencil/core/testing";
-import { when } from "jest-when";
-import session from "../../store/session";
-import { mockPodOS } from "../../test/mockPodOS";
-import { PosResource } from "./pos-resource";
-describe('pos-resource', () => {
-  it('renders loading indicator initially', async () => {
-    const page = await newSpecPage({
-      components: [PosResource],
-      html: `<pos-resource uri="https://resource.test/" />`,
-    });
-    expect(page.root).toEqualHtml(`
-      <pos-resource uri="https://resource.test/">
-        <mock:shadow-root>
-          <ion-progress-bar type="indeterminate"></ion-progress-bar>
-        </mock:shadow-root>
-      </pos-resource>
-  `);
-  });
-  it('renders loading indicator while fetching', async () => {
-    const page = await newSpecPage({
-      components: [PosResource],
-      html: `<pos-resource uri="https://resource.test/" />`,
-    });
-    const os = mockPodOS();
-    when(os.fetch)
-      .calledWith('https://resource.test/')
-      .mockReturnValue(new Promise(() => null));
-    await page.rootInstance.receivePodOs(os);
-    await page.waitForChanges();
-    expect(page.root).toEqualHtml(`
-      <pos-resource uri="https://resource.test/">
-        <mock:shadow-root>
-          <ion-progress-bar type="indeterminate"></ion-progress-bar>
-        </mock:shadow-root>
-      </pos-resource>
-  `);
-  });
-  it('renders slot after loading', async () => {
-    const page = await newSpecPage({
-      components: [PosResource],
-      html: `<pos-resource uri="https://resource.test/" />`,
-    });
-    const os = mockPodOS();
-    when(os.fetch).calledWith('https://resource.test/').mockResolvedValue(null);
-    await page.rootInstance.receivePodOs(os);
-    await page.waitForChanges();
-    expect(page.root).toEqualHtml(`
-      <pos-resource uri="https://resource.test/">
-        <mock:shadow-root>
-          <slot></slot>
-        </mock:shadow-root>
-      </pos-resource>
-  `);
-  });
-  it('emits event after loading resource', async () => {
-    const onResourceLoaded = jest.fn();
-    const page = await newSpecPage({
-      components: [PosResource],
-      html: `<pos-resource uri="https://resource.test/" />`,
-    });
-    page.root.addEventListener('pod-os:resource-loaded', onResourceLoaded);
-    const os = mockPodOS();
-    when(os.fetch).calledWith('https://resource.test/').mockResolvedValue(null);
-    await page.rootInstance.receivePodOs(os);
-    await page.waitForChanges();
-    expect(onResourceLoaded).toHaveBeenCalled();
-    expect(onResourceLoaded.mock.calls[0][0].detail).toEqual('https://resource.test/');
-  });
-  it('renders error when fetch failed', async () => {
-    const page = await newSpecPage({
-      components: [PosResource],
-      html: `<pos-resource uri="https://resource.test/" />`,
-    });
-    const os = mockPodOS();
-    when(os.fetch).calledWith('https://resource.test/').mockRejectedValue(new Error('not found'));
-    await page.rootInstance.receivePodOs(os);
-    await page.waitForChanges();
-    const errorDetails = page.root.shadowRoot.querySelector('details');
-    expect(errorDetails).toEqualHtml(`<details>not found</details>`);
-  });
-  it('updates and loads resource when uri changes', async () => {
-    const page = await newSpecPage({
-      components: [PosResource],
-      html: `<pos-resource uri="https://resource.test/" />`,
-    });
-    const os = mockPodOS();
-    when(os.fetch).calledWith('https://resource.test/').mockResolvedValue(null);
-    when(os.fetch)
-      .calledWith('https://other-resource.test')
-      .mockReturnValue(new Promise(() => null));
-    await page.rootInstance.receivePodOs(os);
-    page.root.setAttribute('uri', 'https://other-resource.test');
-    await page.waitForChanges();
-    expect(page.root).toEqualHtml(`
-      <pos-resource uri="https://other-resource.test">
-        <mock:shadow-root>
-          <ion-progress-bar type="indeterminate"></ion-progress-bar>
-        </mock:shadow-root>
-      </pos-resource>
-  `);
-  });
-  it('re-fetches resource when session state changes', async () => {
-    let sessionChanged;
-    // @ts-ignore
-    session.onChange = (prop, callback) => {
-      if (prop === 'isLoggedIn') {
-        sessionChanged = callback;
-      }
-    };
-    const page = await newSpecPage({
-      components: [PosResource],
-      html: `<pos-resource uri="https://resource.test/" />`,
-    });
-    const os = mockPodOS();
-    when(os.fetch).calledWith('https://resource.test/').mockResolvedValueOnce(null);
-    when(os.fetch)
-      .calledWith('https://resource.test/')
-      .mockReturnValueOnce(new Promise(() => null));
-    await page.rootInstance.receivePodOs(os);
-    expect(sessionChanged).toBeDefined();
-    sessionChanged();
-    await page.waitForChanges();
-    expect(page.root).toEqualHtml(`
-      <pos-resource uri="https://resource.test/">
-        <mock:shadow-root>
-          <ion-progress-bar type="indeterminate"></ion-progress-bar>
-        </mock:shadow-root>
-      </pos-resource>
-  `);
-  });
-  it('removes error message after successful loading', async () => {
-    let sessionChanged;
-    // @ts-ignore
-    session.onChange = (prop, callback) => {
-      if (prop === 'isLoggedIn') {
-        sessionChanged = callback;
-      }
-    };
-    const page = await newSpecPage({
-      components: [PosResource],
-      html: `<pos-resource uri="https://resource.test/" />`,
-    });
-    const os = mockPodOS();
-    when(os.fetch).calledWith('https://resource.test/').mockRejectedValueOnce(new Error('unauthorized'));
-    when(os.fetch).calledWith('https://resource.test/').mockResolvedValueOnce(null);
-    await page.rootInstance.receivePodOs(os);
-    expect(sessionChanged).toBeDefined();
-    sessionChanged();
-    await page.waitForChanges();
-    expect(page.root).toEqualHtml(`
-      <pos-resource uri="https://resource.test/">
-        <mock:shadow-root>
-          <slot></slot>
-        </mock:shadow-root>
-      </pos-resource>
-  `);
-  });
-  describe('when lazy', () => {
-    let page;
-    beforeEach(async () => {
-      page = await newSpecPage({
-        components: [PosResource],
-        html: `<pos-resource lazy uri="https://resource.test/" />`,
-      });
-    });
-    it('renders loading indicator before PodOS is ready', async () => {
-      expect(page.root).toEqualHtml(`
-      <pos-resource lazy uri="https://resource.test/">
-        <mock:shadow-root>
-          <ion-progress-bar type="indeterminate"></ion-progress-bar>
-        </mock:shadow-root>
-      </pos-resource>
-  `);
-    });
-    it('renders slot without fetching first', async () => {
-      const os = mockPodOS();
-      os.fetch.mockRejectedValue(new Error('should not fetch'));
-      await page.rootInstance.receivePodOs(os);
-      await page.waitForChanges();
-      expect(page.root).toEqualHtml(`
-      <pos-resource lazy uri="https://resource.test/">
-        <mock:shadow-root>
-          <slot />
-        </mock:shadow-root>
-      </pos-resource>
-  `);
-    });
-    describe('after fetch is explicitly requested', function () {
-      it('renders loading indicator while fetching', async () => {
-        const os = mockPodOS();
-        when(os.fetch)
-          .calledWith('https://resource.test/')
-          .mockReturnValue(new Promise(() => null));
-        await page.rootInstance.receivePodOs(os);
-        page.root.fetch();
-        await page.waitForChanges();
-        expect(page.root).toEqualHtml(`
-      <pos-resource lazy uri="https://resource.test/">
-        <mock:shadow-root>
-          <ion-progress-bar type="indeterminate"></ion-progress-bar>
-        </mock:shadow-root>
-      </pos-resource>
-  `);
-      });
-      it('renders slot after loading', async () => {
-        const os = mockPodOS();
-        when(os.fetch).calledWith('https://resource.test/').mockResolvedValue(null);
-        await page.rootInstance.receivePodOs(os);
-        await page.root.fetch();
-        await page.waitForChanges();
-        expect(page.root).toEqualHtml(`
-      <pos-resource lazy uri="https://resource.test/">
-        <mock:shadow-root>
-          <slot></slot>
-        </mock:shadow-root>
-      </pos-resource>
-  `);
-      });
-      it('renders error when fetch failed', async () => {
-        const os = mockPodOS();
-        when(os.fetch).calledWith('https://resource.test/').mockRejectedValue(new Error('not found'));
-        await page.rootInstance.receivePodOs(os);
-        page.root.fetch();
-        await page.waitForChanges();
-        const errorDetails = page.root.shadowRoot.querySelector('details');
-        expect(errorDetails).toEqualHtml(`
-        <details>
-          not found
-        </details>
-`);
-      });
-    });
-  });
-});
-//# sourceMappingURL=pos-resource.spec.js.map