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

package/dist/collection/components/pos-new-thing-form/test/pos-new-thing-form.spec.js

@@ -1,239 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { fireEvent, screen } from "@testing-library/dom";
-import { when } from "jest-when";
-import { mockPodOS } from "../../../test/mockPodOS";
-import { PosNewThingForm } from "../pos-new-thing-form";
-describe('pos-new-thing-form', () => {
-  it('renders a form', async () => {
-    const page = await newSpecPage({
-      components: [PosNewThingForm],
-      html: `<pos-new-thing-form reference-uri="https://pod.test/container/"></pos-new-thing-form>`,
-      supportsShadowDom: false,
-    });
-    expect(page.root).toEqualHtml(`
-        <pos-new-thing-form reference-uri="https://pod.test/container/">
-          <form method="dialog">
-            <label htmlFor="type">
-              Type
-            </label>
-            <pos-select-term id="type" placeholder=""></pos-select-term>
-            <label htmlFor="name">
-              Name
-            </label>
-            <input id="name" type="text">
-            <input id="create" type="submit" value="Create" disabled>
-          </form>
-        </pos-new-thing-form>`);
-  });
-  describe('enabling and disabling the create button', () => {
-    it('is disabled initially', async () => {
-      await newSpecPage({
-        components: [PosNewThingForm],
-        html: `<pos-new-thing-form reference-uri="https://pod.test/container/"></pos-new-thing-form>`,
-        supportsShadowDom: false,
-      });
-      const button = screen.getByDisplayValue('Create');
-      expect(button.disabled).toBe(true);
-    });
-    it('is still disabled after selecting a term', async () => {
-      // given
-      const page = await newSpecPage({
-        components: [PosNewThingForm],
-        html: `<pos-new-thing-form reference-uri="https://pod.test/container/"></pos-new-thing-form>`,
-        supportsShadowDom: false,
-      });
-      const button = screen.getByDisplayValue('Create');
-      // when user selects a term
-      const termSelect = page.root.querySelector('pos-select-term');
-      fireEvent(termSelect, new CustomEvent('pod-os:term-selected', { detail: { uri: 'https://schema.org/description' } }));
-      // then the button is enabled
-      expect(button.disabled).toBe(true);
-    });
-    it('is still disabled after entering a name', async () => {
-      // given
-      const page = await newSpecPage({
-        components: [PosNewThingForm],
-        html: `<pos-new-thing-form reference-uri="https://pod.test/container/"></pos-new-thing-form>`,
-        supportsShadowDom: false,
-      });
-      const os = mockPodOS();
-      await page.rootInstance.receivePodOs(os);
-      // when user fills in a name
-      const nameField = page.root.querySelector('input[type=text]');
-      fireEvent.input(nameField, { target: { value: 'New Thing' } });
-      await page.waitForChanges();
-      // then the button is disabled
-      const button = screen.getByDisplayValue('Create');
-      expect(button.disabled).toBe(true);
-    });
-    it('is enabled after a term has been selected and a name typed', async () => {
-      // given
-      const page = await newSpecPage({
-        components: [PosNewThingForm],
-        html: `<pos-new-thing-form reference-uri="https://pod.test/container/"></pos-new-thing-form>`,
-        supportsShadowDom: false,
-      });
-      const os = mockPodOS();
-      await page.rootInstance.receivePodOs(os);
-      // when user selects a term
-      const termSelect = page.root.querySelector('pos-select-term');
-      fireEvent(termSelect, new CustomEvent('pod-os:term-selected', { detail: { uri: 'https://schema.org/description' } }));
-      // and fills in a name
-      const nameField = page.root.querySelector('input[type=text]');
-      fireEvent.input(nameField, { target: { value: 'New Thing' } });
-      await page.waitForChanges();
-      // then the button is enabled
-      const button = screen.getByDisplayValue('Create');
-      expect(button.disabled).toBe(false);
-    });
-    it('is enabled when name is typed and then a term is selected', async () => {
-      // given
-      const page = await newSpecPage({
-        components: [PosNewThingForm],
-        html: `<pos-new-thing-form reference-uri="https://pod.test/container/"></pos-new-thing-form>`,
-        supportsShadowDom: false,
-      });
-      const os = mockPodOS();
-      await page.rootInstance.receivePodOs(os);
-      // when user fills in a name
-      const nameField = page.root.querySelector('input[type=text]');
-      fireEvent.input(nameField, { target: { value: 'New Thing' } });
-      // and after that selects a term
-      const termSelect = page.root.querySelector('pos-select-term');
-      fireEvent(termSelect, new CustomEvent('pod-os:term-selected', { detail: { uri: 'https://schema.org/description' } }));
-      await page.waitForChanges();
-      // then the button is enabled
-      const button = screen.getByDisplayValue('Create');
-      expect(button.disabled).toBe(false);
-    });
-  });
-  it('shows the URI of the new thing after typing a name', async () => {
-    const page = await newSpecPage({
-      components: [PosNewThingForm],
-      html: `<pos-new-thing-form reference-uri="https://pod.test/container/"></pos-new-thing-form>`,
-      supportsShadowDom: false,
-    });
-    const os = mockPodOS();
-    when(os.proposeUriForNewThing)
-      .calledWith('https://pod.test/container/', 'New Thing')
-      .mockReturnValue('https://pod.test/container/new-thing#it');
-    await page.rootInstance.receivePodOs(os);
-    const nameField = page.root.querySelector('input[type=text]');
-    fireEvent.input(nameField, { target: { value: 'New Thing' } });
-    await page.waitForChanges();
-    expect(os.proposeUriForNewThing).toHaveBeenCalledWith('https://pod.test/container/', 'New Thing');
-    expect(page.root).toEqualHtml(`
-        <pos-new-thing-form reference-uri="https://pod.test/container/">
-          <form method="dialog">
-            <label htmlFor="type">
-              Type
-            </label>
-            <pos-select-term id="type" placeholder=""></pos-select-term>
-            <label htmlFor="name">
-              Name
-            </label>
-            <input id="name" type="text" value="New Thing">
-            <div id="new-uri" title="This will be the URI of the new thing">
-              https://pod.test/container/new-thing#it
-            </div>
-            <input id="create" type="submit" value="Create" disabled />
-          </form>
-        </pos-new-thing-form>`);
-  });
-  describe('submitting form', () => {
-    describe('successfully', () => {
-      let page;
-      let os;
-      let linkEventListener;
-      beforeEach(async () => {
-        // given
-        page = await newSpecPage({
-          components: [PosNewThingForm],
-          html: `<pos-new-thing-form reference-uri="https://pod.test/container/"></pos-new-thing-form>`,
-          supportsShadowDom: false,
-        });
-        os = mockPodOS();
-        when(os.proposeUriForNewThing)
-          .calledWith('https://pod.test/container/', 'New Thing')
-          .mockReturnValue('https://pod.test/container/new-thing#it');
-        await page.rootInstance.receivePodOs(os);
-        // and the page listens for pod-os:link events
-        linkEventListener = jest.fn();
-        page.root.addEventListener('pod-os:link', linkEventListener);
-        // when user selects a term and adds a name
-        const termSelect = page.root.querySelector('pos-select-term');
-        fireEvent(termSelect, new CustomEvent('pod-os:term-selected', { detail: { uri: 'https://schema.org/Thing' } }));
-        const nameField = page.root.querySelector('input[type=text]');
-        fireEvent.input(nameField, { target: { value: 'New Thing' } });
-        await page.waitForChanges();
-        // and submits the form
-        const form = page.root.querySelector('form');
-        fireEvent.submit(form);
-        await page.waitForChanges();
-      });
-      it('calls addNewThing', () => {
-        expect(os.addNewThing).toHaveBeenCalledWith('https://pod.test/container/new-thing#it', 'New Thing', 'https://schema.org/Thing');
-      });
-      it('redirects to the new thing', () => {
-        expect(linkEventListener).toHaveBeenCalledWith(expect.objectContaining({
-          detail: 'https://pod.test/container/new-thing#it',
-        }));
-      });
-      it('resets the form', async () => {
-        expect(page.rootInstance.name).toBe('');
-        expect(page.rootInstance.newUri).toBe('');
-        expect(page.rootInstance.selectedTypeUri).toBe('');
-      });
-    });
-    describe('with error', () => {
-      let page;
-      let os;
-      let linkEventListener;
-      let errorEventListener;
-      beforeEach(async () => {
-        // given
-        page = await newSpecPage({
-          components: [PosNewThingForm],
-          html: `<pos-new-thing-form reference-uri="https://pod.test/container/"></pos-new-thing-form>`,
-          supportsShadowDom: false,
-        });
-        os = mockPodOS();
-        when(os.proposeUriForNewThing)
-          .calledWith('https://pod.test/container/', 'New Thing')
-          .mockReturnValue('https://pod.test/container/new-thing#it');
-        when(os.addNewThing).mockRejectedValue(new Error('simulated error for test'));
-        await page.rootInstance.receivePodOs(os);
-        // and the page listens for pod-os:link events
-        linkEventListener = jest.fn();
-        page.root.addEventListener('pod-os:link', linkEventListener);
-        // and the page listens for pod-os:error events
-        errorEventListener = jest.fn();
-        page.root.addEventListener('pod-os:error', errorEventListener);
-        // when user selects a term and adds a name
-        const termSelect = page.root.querySelector('pos-select-term');
-        fireEvent(termSelect, new CustomEvent('pod-os:term-selected', { detail: { uri: 'https://schema.org/Thing' } }));
-        const nameField = page.root.querySelector('input[type=text]');
-        fireEvent.input(nameField, { target: { value: 'New Thing' } });
-        await page.waitForChanges();
-        // and submits the form
-        const form = page.root.querySelector('form');
-        fireEvent.submit(form);
-        await page.waitForChanges();
-      });
-      it('emits an error event', () => {
-        expect(errorEventListener).toHaveBeenCalledWith(expect.objectContaining({
-          detail: new Error('simulated error for test'),
-        }));
-      });
-      it('does not redirect', () => {
-        expect(linkEventListener).not.toHaveBeenCalled();
-      });
-      it('does not reset the form', () => {
-        expect(page.rootInstance.name).toBe('New Thing');
-        expect(page.rootInstance.newUri).toBe('https://pod.test/container/new-thing#it');
-        expect(page.rootInstance.selectedTypeUri).toBe('https://schema.org/Thing');
-      });
-    });
-  });
-});
-//# sourceMappingURL=pos-new-thing-form.spec.js.map

package/dist/collection/components/pos-new-thing-form/test/pos-new-thing-form.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pos-new-thing-form.spec.js","sourceRoot":"","sources":["../../../../../src/components/pos-new-thing-form/test/pos-new-thing-form.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PodOS } from '@pod-os/core';\nimport { newSpecPage } from '@stencil/core/testing';\nimport { fireEvent, screen } from '@testing-library/dom';\nimport { when } from 'jest-when';\nimport { mockPodOS } from '../../../test/mockPodOS';\nimport { PosNewThingForm } from '../pos-new-thing-form';\n\ndescribe('pos-new-thing-form', () => {\n  it('renders a form', async () => {\n    const page = await newSpecPage({\n      components: [PosNewThingForm],\n      html: `<pos-new-thing-form reference-uri=\"https://pod.test/container/\"></pos-new-thing-form>`,\n      supportsShadowDom: false,\n    });\n\n    expect(page.root).toEqualHtml(\n      `\n        <pos-new-thing-form reference-uri=\"https://pod.test/container/\">\n          <form method=\"dialog\">\n            <label htmlFor=\"type\">\n              Type\n            </label>\n            <pos-select-term id=\"type\" placeholder=\"\"></pos-select-term>\n            <label htmlFor=\"name\">\n              Name\n            </label>\n            <input id=\"name\" type=\"text\">\n            <input id=\"create\" type=\"submit\" value=\"Create\" disabled>\n          </form>\n        </pos-new-thing-form>`,\n    );\n  });\n\n  describe('enabling and disabling the create button', () => {\n    it('is disabled initially', async () => {\n      await newSpecPage({\n        components: [PosNewThingForm],\n        html: `<pos-new-thing-form reference-uri=\"https://pod.test/container/\"></pos-new-thing-form>`,\n        supportsShadowDom: false,\n      });\n      const button: HTMLButtonElement = screen.getByDisplayValue('Create');\n\n      expect(button.disabled).toBe(true);\n    });\n\n    it('is still disabled after selecting a term', async () => {\n      // given\n      const page = await newSpecPage({\n        components: [PosNewThingForm],\n        html: `<pos-new-thing-form reference-uri=\"https://pod.test/container/\"></pos-new-thing-form>`,\n        supportsShadowDom: false,\n      });\n      const button: HTMLButtonElement = screen.getByDisplayValue('Create');\n\n      // when user selects a term\n      const termSelect = page.root.querySelector('pos-select-term');\n      fireEvent(\n        termSelect,\n        new CustomEvent('pod-os:term-selected', { detail: { uri: 'https://schema.org/description' } }),\n      );\n\n      // then the button is enabled\n      expect(button.disabled).toBe(true);\n    });\n\n    it('is still disabled after entering a name', async () => {\n      // given\n      const page = await newSpecPage({\n        components: [PosNewThingForm],\n        html: `<pos-new-thing-form reference-uri=\"https://pod.test/container/\"></pos-new-thing-form>`,\n        supportsShadowDom: false,\n      });\n\n      const os = mockPodOS();\n      await page.rootInstance.receivePodOs(os);\n\n      // when user fills in a name\n      const nameField = page.root.querySelector('input[type=text]');\n      fireEvent.input(nameField, { target: { value: 'New Thing' } });\n      await page.waitForChanges();\n\n      // then the button is disabled\n      const button: HTMLButtonElement = screen.getByDisplayValue('Create');\n      expect(button.disabled).toBe(true);\n    });\n\n    it('is enabled after a term has been selected and a name typed', async () => {\n      // given\n      const page = await newSpecPage({\n        components: [PosNewThingForm],\n        html: `<pos-new-thing-form reference-uri=\"https://pod.test/container/\"></pos-new-thing-form>`,\n        supportsShadowDom: false,\n      });\n      const os = mockPodOS();\n      await page.rootInstance.receivePodOs(os);\n\n      // when user selects a term\n      const termSelect = page.root.querySelector('pos-select-term');\n      fireEvent(\n        termSelect,\n        new CustomEvent('pod-os:term-selected', { detail: { uri: 'https://schema.org/description' } }),\n      );\n\n      // and fills in a name\n      const nameField = page.root.querySelector('input[type=text]');\n      fireEvent.input(nameField, { target: { value: 'New Thing' } });\n      await page.waitForChanges();\n\n      // then the button is enabled\n      const button: HTMLButtonElement = screen.getByDisplayValue('Create');\n      expect(button.disabled).toBe(false);\n    });\n\n    it('is enabled when name is typed and then a term is selected', async () => {\n      // given\n      const page = await newSpecPage({\n        components: [PosNewThingForm],\n        html: `<pos-new-thing-form reference-uri=\"https://pod.test/container/\"></pos-new-thing-form>`,\n        supportsShadowDom: false,\n      });\n      const os = mockPodOS();\n      await page.rootInstance.receivePodOs(os);\n\n      // when user fills in a name\n      const nameField = page.root.querySelector('input[type=text]');\n      fireEvent.input(nameField, { target: { value: 'New Thing' } });\n\n      // and after that selects a term\n      const termSelect = page.root.querySelector('pos-select-term');\n      fireEvent(\n        termSelect,\n        new CustomEvent('pod-os:term-selected', { detail: { uri: 'https://schema.org/description' } }),\n      );\n      await page.waitForChanges();\n\n      // then the button is enabled\n      const button: HTMLButtonElement = screen.getByDisplayValue('Create');\n      expect(button.disabled).toBe(false);\n    });\n  });\n\n  it('shows the URI of the new thing after typing a name', async () => {\n    const page = await newSpecPage({\n      components: [PosNewThingForm],\n      html: `<pos-new-thing-form reference-uri=\"https://pod.test/container/\"></pos-new-thing-form>`,\n      supportsShadowDom: false,\n    });\n\n    const os = mockPodOS();\n    when(os.proposeUriForNewThing)\n      .calledWith('https://pod.test/container/', 'New Thing')\n      .mockReturnValue('https://pod.test/container/new-thing#it');\n    await page.rootInstance.receivePodOs(os);\n\n    const nameField = page.root.querySelector('input[type=text]');\n    fireEvent.input(nameField, { target: { value: 'New Thing' } });\n\n    await page.waitForChanges();\n\n    expect(os.proposeUriForNewThing).toHaveBeenCalledWith('https://pod.test/container/', 'New Thing');\n\n    expect(page.root).toEqualHtml(\n      `\n        <pos-new-thing-form reference-uri=\"https://pod.test/container/\">\n          <form method=\"dialog\">\n            <label htmlFor=\"type\">\n              Type\n            </label>\n            <pos-select-term id=\"type\" placeholder=\"\"></pos-select-term>\n            <label htmlFor=\"name\">\n              Name\n            </label>\n            <input id=\"name\" type=\"text\" value=\"New Thing\">\n            <div id=\"new-uri\" title=\"This will be the URI of the new thing\">\n              https://pod.test/container/new-thing#it\n            </div>\n            <input id=\"create\" type=\"submit\" value=\"Create\" disabled />\n          </form>\n        </pos-new-thing-form>`,\n    );\n  });\n\n  describe('submitting form', () => {\n    describe('successfully', () => {\n      let page;\n      let os;\n      let linkEventListener;\n\n      beforeEach(async () => {\n        // given\n        page = await newSpecPage({\n          components: [PosNewThingForm],\n          html: `<pos-new-thing-form reference-uri=\"https://pod.test/container/\"></pos-new-thing-form>`,\n          supportsShadowDom: false,\n        });\n\n        os = mockPodOS();\n        when(os.proposeUriForNewThing)\n          .calledWith('https://pod.test/container/', 'New Thing')\n          .mockReturnValue('https://pod.test/container/new-thing#it');\n        await page.rootInstance.receivePodOs(os);\n\n        // and the page listens for pod-os:link events\n        linkEventListener = jest.fn();\n        page.root.addEventListener('pod-os:link', linkEventListener);\n\n        // when user selects a term and adds a name\n        const termSelect = page.root.querySelector('pos-select-term');\n        fireEvent(termSelect, new CustomEvent('pod-os:term-selected', { detail: { uri: 'https://schema.org/Thing' } }));\n\n        const nameField = page.root.querySelector('input[type=text]');\n        fireEvent.input(nameField, { target: { value: 'New Thing' } });\n\n        await page.waitForChanges();\n\n        // and submits the form\n        const form: HTMLFormElement = page.root.querySelector('form');\n        fireEvent.submit(form);\n        await page.waitForChanges();\n      });\n\n      it('calls addNewThing', () => {\n        expect(os.addNewThing).toHaveBeenCalledWith(\n          'https://pod.test/container/new-thing#it',\n          'New Thing',\n          'https://schema.org/Thing',\n        );\n      });\n\n      it('redirects to the new thing', () => {\n        expect(linkEventListener).toHaveBeenCalledWith(\n          expect.objectContaining({\n            detail: 'https://pod.test/container/new-thing#it',\n          }),\n        );\n      });\n\n      it('resets the form', async () => {\n        expect(page.rootInstance.name).toBe('');\n        expect(page.rootInstance.newUri).toBe('');\n        expect(page.rootInstance.selectedTypeUri).toBe('');\n      });\n    });\n\n    describe('with error', () => {\n      let page;\n      let os: Partial<PodOS>;\n      let linkEventListener;\n      let errorEventListener;\n\n      beforeEach(async () => {\n        // given\n        page = await newSpecPage({\n          components: [PosNewThingForm],\n          html: `<pos-new-thing-form reference-uri=\"https://pod.test/container/\"></pos-new-thing-form>`,\n          supportsShadowDom: false,\n        });\n\n        os = mockPodOS() as unknown as PodOS;\n        when(os.proposeUriForNewThing)\n          .calledWith('https://pod.test/container/', 'New Thing')\n          .mockReturnValue('https://pod.test/container/new-thing#it');\n        when(os.addNewThing).mockRejectedValue(new Error('simulated error for test'));\n        await page.rootInstance.receivePodOs(os);\n\n        // and the page listens for pod-os:link events\n        linkEventListener = jest.fn();\n        page.root.addEventListener('pod-os:link', linkEventListener);\n\n        // and the page listens for pod-os:error events\n        errorEventListener = jest.fn();\n        page.root.addEventListener('pod-os:error', errorEventListener);\n\n        // when user selects a term and adds a name\n        const termSelect = page.root.querySelector('pos-select-term');\n        fireEvent(termSelect, new CustomEvent('pod-os:term-selected', { detail: { uri: 'https://schema.org/Thing' } }));\n\n        const nameField = page.root.querySelector('input[type=text]');\n        fireEvent.input(nameField, { target: { value: 'New Thing' } });\n\n        await page.waitForChanges();\n\n        // and submits the form\n        const form: HTMLFormElement = page.root.querySelector('form');\n        fireEvent.submit(form);\n        await page.waitForChanges();\n      });\n\n      it('emits an error event', () => {\n        expect(errorEventListener).toHaveBeenCalledWith(\n          expect.objectContaining({\n            detail: new Error('simulated error for test'),\n          }),\n        );\n      });\n\n      it('does not redirect', () => {\n        expect(linkEventListener).not.toHaveBeenCalled();\n      });\n\n      it('does not reset the form', () => {\n        expect(page.rootInstance.name).toBe('New Thing');\n        expect(page.rootInstance.newUri).toBe('https://pod.test/container/new-thing#it');\n        expect(page.rootInstance.selectedTypeUri).toBe('https://schema.org/Thing');\n      });\n    });\n  });\n});\n"]}

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

@@ -1,79 +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/pos-resource";
-import { PosPicture } from "./pos-picture";
-import { when } from "jest-when";
-describe('pos-picture', () => {
-  it('renders nothing while loading resource', async () => {
-    const os = mockPodOS();
-    const loadingPromise = new Promise(resolve => setTimeout(resolve, 1));
-    when(os.fetch).calledWith('https://resource.test').mockReturnValue(loadingPromise);
-    const page = await newSpecPage({
-      components: [PosApp, PosResource, PosPicture],
-      html: `<pos-app>
-            <pos-resource uri="https://resource.test">
-              <pos-picture />
-            </pos-resource>
-        </pos-app>`,
-    });
-    const picture = page.root.querySelector('pos-picture');
-    expect(picture).toEqualHtml(`
-      <pos-picture>
-      <mock:shadow-root></mock:shadow-root>
-      </pos-picture>
-    `);
-    await loadingPromise;
-  });
-  it('renders pos-image after successfully loading resource', async () => {
-    const os = mockPodOS();
-    const loadingPromise = new Promise(resolve => setTimeout(resolve, 1));
-    when(os.fetch).calledWith('https://resource.test').mockReturnValue(loadingPromise);
-    when(os.store.get)
-      .calledWith('https://resource.test')
-      .mockReturnValue({
-      label: () => 'The resource',
-      picture: () => ({
-        url: 'https://resource.test/picture.png',
-      }),
-    });
-    const page = await newSpecPage({
-      components: [PosApp, PosResource, PosPicture],
-      html: `<pos-app>
-            <pos-resource uri="https://resource.test">
-              <pos-picture />
-            </pos-resource>
-        </pos-app>`,
-    });
-    await loadingPromise;
-    await page.waitForChanges();
-    const picture = page.root.querySelector('pos-picture');
-    expect(picture).toEqualHtml(`
-      <pos-picture>
-        <mock:shadow-root>
-          <pos-image src="https://resource.test/picture.png" alt="The resource" />
-        </mock:shadow-root>
-      </pos-picture>
-    `);
-  });
-  it('renders nothing when resource loading failed', async () => {
-    const os = mockPodOS();
-    const rejectedPromise = Promise.reject(new Error('not found'));
-    when(os.fetch).calledWith('https://resource.test').mockReturnValue(rejectedPromise);
-    const page = await newSpecPage({
-      components: [PosApp, PosResource, PosPicture],
-      html: `<pos-app>
-            <pos-resource uri="https://resource.test">
-              <pos-picture />
-            </pos-resource>
-        </pos-app>`,
-    });
-    const picture = page.root.querySelector('pos-picture');
-    expect(picture).toEqualHtml(`
-      <pos-picture>
-      <mock:shadow-root></mock:shadow-root>
-      </pos-picture>
-    `);
-  });
-});
-//# sourceMappingURL=pos-picture.integration.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"pos-picture.integration.spec.js","sourceRoot":"","sources":["../../../../src/components/pos-picture/pos-picture.integration.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { mockPodOS } from '../../test/mockPodOS';\nimport { PosApp } from '../pos-app/pos-app';\nimport { PosResource } from '../pos-resource/pos-resource';\nimport { PosPicture } from './pos-picture';\nimport { when } from 'jest-when';\n\ndescribe('pos-picture', () => {\n  it('renders nothing while loading resource', async () => {\n    const os = mockPodOS();\n    const loadingPromise = new Promise(resolve => setTimeout(resolve, 1));\n    when(os.fetch).calledWith('https://resource.test').mockReturnValue(loadingPromise);\n    const page = await newSpecPage({\n      components: [PosApp, PosResource, PosPicture],\n      html: `<pos-app>\n            <pos-resource uri=\"https://resource.test\">\n              <pos-picture />\n            </pos-resource>\n        </pos-app>`,\n    });\n    const picture = page.root.querySelector('pos-picture');\n    expect(picture).toEqualHtml(`\n      <pos-picture>\n      <mock:shadow-root></mock:shadow-root>\n      </pos-picture>\n    `);\n    await loadingPromise;\n  });\n\n  it('renders pos-image after successfully loading resource', async () => {\n    const os = mockPodOS();\n    const loadingPromise = new Promise(resolve => setTimeout(resolve, 1));\n    when(os.fetch).calledWith('https://resource.test').mockReturnValue(loadingPromise);\n    when(os.store.get)\n      .calledWith('https://resource.test')\n      .mockReturnValue({\n        label: () => 'The resource',\n        picture: () => ({\n          url: 'https://resource.test/picture.png',\n        }),\n      });\n    const page = await newSpecPage({\n      components: [PosApp, PosResource, PosPicture],\n      html: `<pos-app>\n            <pos-resource uri=\"https://resource.test\">\n              <pos-picture />\n            </pos-resource>\n        </pos-app>`,\n    });\n    await loadingPromise;\n    await page.waitForChanges();\n    const picture = page.root.querySelector('pos-picture');\n    expect(picture).toEqualHtml(`\n      <pos-picture>\n        <mock:shadow-root>\n          <pos-image src=\"https://resource.test/picture.png\" alt=\"The resource\" />\n        </mock:shadow-root>\n      </pos-picture>\n    `);\n  });\n\n  it('renders nothing when resource loading failed', async () => {\n    const os = mockPodOS();\n    const rejectedPromise = Promise.reject(new Error('not found'));\n    when(os.fetch).calledWith('https://resource.test').mockReturnValue(rejectedPromise);\n    const page = await newSpecPage({\n      components: [PosApp, PosResource, PosPicture],\n      html: `<pos-app>\n            <pos-resource uri=\"https://resource.test\">\n              <pos-picture />\n            </pos-resource>\n        </pos-app>`,\n    });\n    const picture = page.root.querySelector('pos-picture');\n    expect(picture).toEqualHtml(`\n      <pos-picture>\n      <mock:shadow-root></mock:shadow-root>\n      </pos-picture>\n    `);\n  });\n});\n"]}

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

@@ -1,49 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { PosPicture } from "./pos-picture";
-describe('pos-picture', () => {
-  it('is empty initially', async () => {
-    const page = await newSpecPage({
-      components: [PosPicture],
-      html: `<pos-picture />`,
-    });
-    expect(page.root).toEqualHtml(`
-      <pos-picture>
-        <mock:shadow-root></mock:shadow-root>
-      </pos-picture>
-  `);
-  });
-  it('renders pos-image depicting resource', async () => {
-    const page = await newSpecPage({
-      components: [PosPicture],
-      html: `<pos-picture />`,
-    });
-    await page.rootInstance.receiveResource({
-      label: () => 'a picture',
-      picture: () => ({
-        url: 'https://resource.test/picture.png',
-      }),
-    });
-    await page.waitForChanges();
-    expect(page.root).toEqualHtml(`
-      <pos-picture>
-        <mock:shadow-root><pos-image src="https://resource.test/picture.png" alt="a picture"/></mock:shadow-root>
-      </pos-picture>
-  `);
-  });
-  it('renders nothing when resource has no picture', async () => {
-    const page = await newSpecPage({
-      components: [PosPicture],
-      html: `<pos-picture />`,
-    });
-    await page.rootInstance.receiveResource({
-      picture: () => null,
-    });
-    await page.waitForChanges();
-    expect(page.root).toEqualHtml(`
-      <pos-picture>
-        <mock:shadow-root></mock:shadow-root>
-      </pos-picture>
-  `);
-  });
-});
-//# sourceMappingURL=pos-picture.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"pos-picture.spec.js","sourceRoot":"","sources":["../../../../src/components/pos-picture/pos-picture.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;EAC3B,EAAE,CAAC,oBAAoB,EAAE,KAAK,IAAI,EAAE;IAClC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;MACxB,IAAI,EAAE,iBAAiB;KACxB,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;GAI/B,CAAC,CAAC;EACH,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;IACpD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;MACxB,IAAI,EAAE,iBAAiB;KACxB,CAAC,CAAC;IACH,MAAM,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC;MACtC,KAAK,EAAE,GAAG,EAAE,CAAC,WAAW;MACxB,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC;QACd,GAAG,EAAE,mCAAmC;OACzC,CAAC;KACH,CAAC,CAAC;IACH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAC5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;GAI/B,CAAC,CAAC;EACH,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,8CAA8C,EAAE,KAAK,IAAI,EAAE;IAC5D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;MACxB,IAAI,EAAE,iBAAiB;KACxB,CAAC,CAAC;IACH,MAAM,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC;MACtC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI;KACpB,CAAC,CAAC;IACH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAC5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;GAI/B,CAAC,CAAC;EACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { PosPicture } from './pos-picture';\n\ndescribe('pos-picture', () => {\n  it('is empty initially', async () => {\n    const page = await newSpecPage({\n      components: [PosPicture],\n      html: `<pos-picture />`,\n    });\n    expect(page.root).toEqualHtml(`\n      <pos-picture>\n        <mock:shadow-root></mock:shadow-root>\n      </pos-picture>\n  `);\n  });\n\n  it('renders pos-image depicting resource', async () => {\n    const page = await newSpecPage({\n      components: [PosPicture],\n      html: `<pos-picture />`,\n    });\n    await page.rootInstance.receiveResource({\n      label: () => 'a picture',\n      picture: () => ({\n        url: 'https://resource.test/picture.png',\n      }),\n    });\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n      <pos-picture>\n        <mock:shadow-root><pos-image src=\"https://resource.test/picture.png\" alt=\"a picture\"/></mock:shadow-root>\n      </pos-picture>\n  `);\n  });\n\n  it('renders nothing when resource has no picture', async () => {\n    const page = await newSpecPage({\n      components: [PosPicture],\n      html: `<pos-picture />`,\n    });\n    await page.rootInstance.receiveResource({\n      picture: () => null,\n    });\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n      <pos-picture>\n        <mock:shadow-root></mock:shadow-root>\n      </pos-picture>\n  `);\n  });\n});\n"]}

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

@@ -1,64 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { getByText } from "@testing-library/dom";
-import { PosRelations } from "./pos-relations";
-describe('pos-relations', () => {
-  it('are empty initially', async () => {
-    const page = await newSpecPage({
-      components: [PosRelations],
-      html: `<pos-relations />`,
-    });
-    expect(page.root).toEqualHtml(`
-      <pos-relations>
-        <mock:shadow-root></mock:shadow-root>
-      </pos-relations>
-  `);
-  });
-  it('renders single predicate and rich link to resource', async () => {
-    const page = await newSpecPage({
-      components: [PosRelations],
-      html: `<pos-relations />`,
-    });
-    await page.rootInstance.receiveResource({
-      relations: () => [
-        {
-          predicate: 'http://schema.org/url',
-          uris: ['https://person.test/alice'],
-        },
-      ],
-    });
-    await page.waitForChanges();
-    const el = page.root.shadowRoot;
-    expect(getByText(el, 'http://schema.org/url')).toBeDefined();
-    const linkToAlice = page.root.shadowRoot.querySelector('pos-rich-link[uri="https://person.test/alice"]');
-    expect(linkToAlice).not.toBeNull();
-  });
-  it('renders multiple predicates and rich links to resource', async () => {
-    const page = await newSpecPage({
-      components: [PosRelations],
-      html: `<pos-relations />`,
-    });
-    await page.rootInstance.receiveResource({
-      relations: () => [
-        {
-          predicate: 'http://schema.org/url',
-          uris: ['https://person.test/alice', 'https://person.test/bernadette'],
-        },
-        {
-          predicate: 'https://www.w3.org/ns/activitystreams#attachment',
-          uris: ['https://resource.test/attachment'],
-        },
-      ],
-    });
-    await page.waitForChanges();
-    const el = page.root.shadowRoot;
-    expect(getByText(el, 'http://schema.org/url')).toBeDefined();
-    const linkToAlice = page.root.shadowRoot.querySelector('pos-rich-link[uri="https://person.test/alice"]');
-    expect(linkToAlice).not.toBeNull();
-    const linkToBernadette = page.root.shadowRoot.querySelector('pos-rich-link[uri="https://person.test/bernadette"]');
-    expect(linkToBernadette).not.toBeNull();
-    expect(getByText(el, 'https://www.w3.org/ns/activitystreams#attachment')).toBeDefined();
-    const linkToAttachment = page.root.shadowRoot.querySelector('pos-rich-link[uri="https://resource.test/attachment"]');
-    expect(linkToAttachment).not.toBeNull();
-  });
-});
-//# sourceMappingURL=pos-relations.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"pos-relations.spec.js","sourceRoot":"","sources":["../../../../src/components/pos-relations/pos-relations.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\n\nimport { getByText } from '@testing-library/dom';\n\nimport { PosRelations } from './pos-relations';\n\ndescribe('pos-relations', () => {\n  it('are empty initially', async () => {\n    const page = await newSpecPage({\n      components: [PosRelations],\n      html: `<pos-relations />`,\n    });\n    expect(page.root).toEqualHtml(`\n      <pos-relations>\n        <mock:shadow-root></mock:shadow-root>\n      </pos-relations>\n  `);\n  });\n\n  it('renders single predicate and rich link to resource', async () => {\n    const page = await newSpecPage({\n      components: [PosRelations],\n      html: `<pos-relations />`,\n    });\n    await page.rootInstance.receiveResource({\n      relations: () => [\n        {\n          predicate: 'http://schema.org/url',\n          uris: ['https://person.test/alice'],\n        },\n      ],\n    });\n    await page.waitForChanges();\n\n    const el: HTMLElement = page.root.shadowRoot as unknown as HTMLElement;\n\n    expect(getByText(el, 'http://schema.org/url')).toBeDefined();\n    const linkToAlice = page.root.shadowRoot.querySelector('pos-rich-link[uri=\"https://person.test/alice\"]');\n    expect(linkToAlice).not.toBeNull();\n  });\n\n  it('renders multiple predicates and rich links to resource', async () => {\n    const page = await newSpecPage({\n      components: [PosRelations],\n      html: `<pos-relations />`,\n    });\n    await page.rootInstance.receiveResource({\n      relations: () => [\n        {\n          predicate: 'http://schema.org/url',\n          uris: ['https://person.test/alice', 'https://person.test/bernadette'],\n        },\n        {\n          predicate: 'https://www.w3.org/ns/activitystreams#attachment',\n          uris: ['https://resource.test/attachment'],\n        },\n      ],\n    });\n    await page.waitForChanges();\n\n    const el: HTMLElement = page.root.shadowRoot as unknown as HTMLElement;\n\n    expect(getByText(el, 'http://schema.org/url')).toBeDefined();\n    const linkToAlice = page.root.shadowRoot.querySelector('pos-rich-link[uri=\"https://person.test/alice\"]');\n    expect(linkToAlice).not.toBeNull();\n    const linkToBernadette = page.root.shadowRoot.querySelector('pos-rich-link[uri=\"https://person.test/bernadette\"]');\n    expect(linkToBernadette).not.toBeNull();\n\n    expect(getByText(el, 'https://www.w3.org/ns/activitystreams#attachment')).toBeDefined();\n    const linkToAttachment = page.root.shadowRoot.querySelector('pos-rich-link[uri=\"https://resource.test/attachment\"]');\n    expect(linkToAttachment).not.toBeNull();\n  });\n});\n"]}