@six-group/ui-library 0.0.0-insider.bb295d8 → 0.0.0-insider.bea5ab5

package/dist/collection/components/six-dropdown/test/six-dropdown.spec.js

@@ -1,147 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { SixDropdown } from "../six-dropdown";
-import { SixMenu } from "../../six-menu/six-menu";
-describe('six-dropdown', () => {
-    global.ResizeObserver = jest.fn().mockImplementation(() => ({
-        observe: jest.fn(),
-        unobserve: jest.fn(),
-        disconnect: jest.fn(),
-    }));
-    it('renders open=false', async () => {
-        const page = await newSpecPage({
-            components: [SixDropdown],
-            html: `<six-dropdown><six-button slot="trigger" caret>Dropdown</six-button><six-menu></six-menu></six-dropdown>`,
-            supportsShadowDom: false,
-        });
-        expect(page.root).toEqualHtml(`
-      <six-dropdown>
-      <div class="dropdown" id="dropdown-1" part="base">
-        <span class="dropdown__trigger" part="trigger">
-          <six-button caret="" slot="trigger">
-            Dropdown
-          </six-button>
-         </span>
-         <div class="dropdown__positioner" hidden="">
-             <div aria-hidden="true" aria-labelledby="dropdown-1" class="dropdown__panel" part="panel" role="menu">
-             <div class="dropdown__panel__scroll">
-              <six-menu></six-menu>
-            </div>
-         </div>
-        </div>
-      </div>
-      </six-dropdown>
-    `);
-    });
-    it('renders open=true', async () => {
-        const page = await newSpecPage({
-            components: [SixDropdown],
-            html: `<six-dropdown open="true"><six-button slot="trigger" caret>Dropdown</six-button><six-menu></six-menu></six-dropdown>`,
-            supportsShadowDom: false,
-        });
-        expect(page.root).toEqualHtml(`
-      <six-dropdown open="">
-      <div class="dropdown dropdown--open" id="dropdown-2" part="base">
-        <span class="dropdown__trigger" part="trigger">
-          <six-button caret="" slot="trigger">
-            Dropdown
-          </six-button>
-         </span>
-         <div class="dropdown__positioner" style="position: absolute; left: 0; top: 0; margin: 0;">
-             <div aria-hidden="false" aria-labelledby="dropdown-2" class="dropdown__panel" part="panel" role="menu">
-             <div class="dropdown__panel__scroll">
-              <six-menu></six-menu>
-            </div>
-         </div>
-        </div>
-      </div>
-      </six-dropdown>
-    `);
-    });
-    it('renders filter=true', async () => {
-        const page = await newSpecPage({
-            components: [SixDropdown],
-            html: `<six-dropdown open="true" filter="true"><six-button slot="trigger" caret>Dropdown</six-button><six-menu></six-menu></six-dropdown>`,
-            supportsShadowDom: false,
-        });
-        expect(page.root).toEqualHtml(`
-      <six-dropdown filter="true" open="">
-        <div class="dropdown dropdown--open" id="dropdown-3" part="base">
-          <span class="dropdown__trigger" part="trigger">
-            <six-button caret="" slot="trigger">
-              Dropdown
-            </six-button>
-          </span>
-          <div class="dropdown__positioner dropdown__positioner__filtered" style="position: absolute; left: 0; top: 0; margin: 0;">
-            <div aria-hidden="false" aria-labelledby="dropdown-3" class="dropdown__panel" part="panel" role="menu">
-              <six-input aria-hidden="false" class="filter" dropdown-search="" placeholder="Filter...">
-                <six-icon class="filter__icon" size="small" slot="suffix">
-                  search
-                </six-icon>
-              </six-input>
-              <div class="dropdown__panel__scroll">
-                <six-menu></six-menu>
-              </div>
-            </div>
-          </div>
-        </div>
-      </six-dropdown>
-    `);
-    });
-    it('renders dynamically added options', async () => {
-        // given
-        const page = await newSpecPage({
-            components: [SixDropdown, SixMenu],
-            html: ` <six-dropdown><six-button slot="trigger" caret>Dropdown</six-button></six-dropdown>`,
-        });
-        // when
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        page.root.options = Array.from(Array(3).keys()).map((idx) => ({
-            label: `label ${idx}`,
-            value: `value ${idx}`,
-        }));
-        await page.waitForChanges();
-        // then
-        expect(page.root).toEqualHtml(`
-    <six-dropdown>
-      <mock:shadow-root>
-        <div class="dropdown" id="dropdown-4" part="base">
-          <span class="dropdown__trigger" part="trigger">
-            <slot name="trigger"></slot>
-          </span>
-          <div class="dropdown__positioner" hidden="">
-            <div aria-hidden="true" aria-labelledby="dropdown-4" class="dropdown__panel" part="panel" role="menu">
-              <div class="dropdown__panel__scroll">
-                <slot></slot>
-                <six-menu part="menu">
-                  <mock:shadow-root>
-                    <div class="menu" part="wrapper">
-                      <div part="base" role="menu" tabindex="0">
-                        <slot></slot>
-                        <six-menu-item value="value 0">
-                          label 0
-                        </six-menu-item>
-                        <six-menu-item value="value 1">
-                          label 1
-                        </six-menu-item>
-                        <six-menu-item value="value 2">
-                          label 2
-                        </six-menu-item>
-                      </div>
-                    </div>
-                  </mock:shadow-root>
-                </six-menu>
-              </div>
-              <slot name="dropdown-footer"></slot>
-            </div>
-          </div>
-        </div>
-      </mock:shadow-root>
-      <six-button caret="" slot="trigger">
-        Dropdown
-      </six-button>
-    </six-dropdown>
-    `);
-    });
-});
-//# sourceMappingURL=six-dropdown.spec.js.map

package/dist/collection/components/six-dropdown/test/six-dropdown.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"six-dropdown.spec.js","sourceRoot":"","sources":["../../../../src/components/six-dropdown/test/six-dropdown.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAElD,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,MAAM,CAAC,cAAc,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,GAAG,EAAE,CAAC,CAAC;QAC1D,OAAO,EAAE,IAAI,CAAC,EAAE,EAAE;QAClB,SAAS,EAAE,IAAI,CAAC,EAAE,EAAE;QACpB,UAAU,EAAE,IAAI,CAAC,EAAE,EAAE;KACtB,CAAC,CAAC,CAAC;IACJ,EAAE,CAAC,oBAAoB,EAAE,KAAK,IAAI,EAAE;QAClC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE,0GAA0G;YAChH,iBAAiB,EAAE,KAAK;SACzB,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;KAiB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mBAAmB,EAAE,KAAK,IAAI,EAAE;QACjC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE,sHAAsH;YAC5H,iBAAiB,EAAE,KAAK;SACzB,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;KAiB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qBAAqB,EAAE,KAAK,IAAI,EAAE;QACnC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE,oIAAoI;YAC1I,iBAAiB,EAAE,KAAK;SACzB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;KAsB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,QAAQ;QACR,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC;YAClC,IAAI,EAAE,sFAAsF;SAC7F,CAAC,CAAC;QAEH,OAAO;QACP,6DAA6D;QAC7D,aAAa;QACb,IAAI,CAAC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;YAC5D,KAAK,EAAE,SAAS,GAAG,EAAE;YACrB,KAAK,EAAE,SAAS,GAAG,EAAE;SACtB,CAAC,CAAC,CAAC;QACJ,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,OAAO;QACP,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuC7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SixDropdown } from '../six-dropdown';\nimport { SixMenu } from '../../six-menu/six-menu';\n\ndescribe('six-dropdown', () => {\n  global.ResizeObserver = jest.fn().mockImplementation(() => ({\n    observe: jest.fn(),\n    unobserve: jest.fn(),\n    disconnect: jest.fn(),\n  }));\n  it('renders open=false', async () => {\n    const page = await newSpecPage({\n      components: [SixDropdown],\n      html: `<six-dropdown><six-button slot=\"trigger\" caret>Dropdown</six-button><six-menu></six-menu></six-dropdown>`,\n      supportsShadowDom: false,\n    });\n    expect(page.root).toEqualHtml(`\n      <six-dropdown>\n      <div class=\"dropdown\" id=\"dropdown-1\" part=\"base\">\n        <span class=\"dropdown__trigger\" part=\"trigger\">\n          <six-button caret=\"\" slot=\"trigger\">\n            Dropdown\n          </six-button>\n         </span>\n         <div class=\"dropdown__positioner\" hidden=\"\">\n             <div aria-hidden=\"true\" aria-labelledby=\"dropdown-1\" class=\"dropdown__panel\" part=\"panel\" role=\"menu\">\n             <div class=\"dropdown__panel__scroll\">\n              <six-menu></six-menu>\n            </div>\n         </div>\n        </div>\n      </div>\n      </six-dropdown>\n    `);\n  });\n\n  it('renders open=true', async () => {\n    const page = await newSpecPage({\n      components: [SixDropdown],\n      html: `<six-dropdown open=\"true\"><six-button slot=\"trigger\" caret>Dropdown</six-button><six-menu></six-menu></six-dropdown>`,\n      supportsShadowDom: false,\n    });\n    expect(page.root).toEqualHtml(`\n      <six-dropdown open=\"\">\n      <div class=\"dropdown dropdown--open\" id=\"dropdown-2\" part=\"base\">\n        <span class=\"dropdown__trigger\" part=\"trigger\">\n          <six-button caret=\"\" slot=\"trigger\">\n            Dropdown\n          </six-button>\n         </span>\n         <div class=\"dropdown__positioner\" style=\"position: absolute; left: 0; top: 0; margin: 0;\">\n             <div aria-hidden=\"false\" aria-labelledby=\"dropdown-2\" class=\"dropdown__panel\" part=\"panel\" role=\"menu\">\n             <div class=\"dropdown__panel__scroll\">\n              <six-menu></six-menu>\n            </div>\n         </div>\n        </div>\n      </div>\n      </six-dropdown>\n    `);\n  });\n\n  it('renders filter=true', async () => {\n    const page = await newSpecPage({\n      components: [SixDropdown],\n      html: `<six-dropdown open=\"true\" filter=\"true\"><six-button slot=\"trigger\" caret>Dropdown</six-button><six-menu></six-menu></six-dropdown>`,\n      supportsShadowDom: false,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <six-dropdown filter=\"true\" open=\"\">\n        <div class=\"dropdown dropdown--open\" id=\"dropdown-3\" part=\"base\">\n          <span class=\"dropdown__trigger\" part=\"trigger\">\n            <six-button caret=\"\" slot=\"trigger\">\n              Dropdown\n            </six-button>\n          </span>\n          <div class=\"dropdown__positioner dropdown__positioner__filtered\" style=\"position: absolute; left: 0; top: 0; margin: 0;\">\n            <div aria-hidden=\"false\" aria-labelledby=\"dropdown-3\" class=\"dropdown__panel\" part=\"panel\" role=\"menu\">\n              <six-input aria-hidden=\"false\" class=\"filter\" dropdown-search=\"\" placeholder=\"Filter...\">\n                <six-icon class=\"filter__icon\" size=\"small\" slot=\"suffix\">\n                  search\n                </six-icon>\n              </six-input>\n              <div class=\"dropdown__panel__scroll\">\n                <six-menu></six-menu>\n              </div>\n            </div>\n          </div>\n        </div>\n      </six-dropdown>\n    `);\n  });\n\n  it('renders dynamically added options', async () => {\n    // given\n    const page = await newSpecPage({\n      components: [SixDropdown, SixMenu],\n      html: ` <six-dropdown><six-button slot=\"trigger\" caret>Dropdown</six-button></six-dropdown>`,\n    });\n\n    // when\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    page.root.options = Array.from(Array(3).keys()).map((idx) => ({\n      label: `label ${idx}`,\n      value: `value ${idx}`,\n    }));\n    await page.waitForChanges();\n\n    // then\n    expect(page.root).toEqualHtml(`\n    <six-dropdown>\n      <mock:shadow-root>\n        <div class=\"dropdown\" id=\"dropdown-4\" part=\"base\">\n          <span class=\"dropdown__trigger\" part=\"trigger\">\n            <slot name=\"trigger\"></slot>\n          </span>\n          <div class=\"dropdown__positioner\" hidden=\"\">\n            <div aria-hidden=\"true\" aria-labelledby=\"dropdown-4\" class=\"dropdown__panel\" part=\"panel\" role=\"menu\">\n              <div class=\"dropdown__panel__scroll\">\n                <slot></slot>\n                <six-menu part=\"menu\">\n                  <mock:shadow-root>\n                    <div class=\"menu\" part=\"wrapper\">\n                      <div part=\"base\" role=\"menu\" tabindex=\"0\">\n                        <slot></slot>\n                        <six-menu-item value=\"value 0\">\n                          label 0\n                        </six-menu-item>\n                        <six-menu-item value=\"value 1\">\n                          label 1\n                        </six-menu-item>\n                        <six-menu-item value=\"value 2\">\n                          label 2\n                        </six-menu-item>\n                      </div>\n                    </div>\n                  </mock:shadow-root>\n                </six-menu>\n              </div>\n              <slot name=\"dropdown-footer\"></slot>\n            </div>\n          </div>\n        </div>\n      </mock:shadow-root>\n      <six-button caret=\"\" slot=\"trigger\">\n        Dropdown\n      </six-button>\n    </six-dropdown>\n    `);\n  });\n});\n"]}

package/dist/collection/components/six-error-page/test/six-error-page.spec.js

@@ -1,240 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { SixErrorPage } from "../six-error-page";
-describe('six-error-page', () => {
-    it('should render right page for error code 403 in english', async () => {
-        // given
-        const config = {
-            components: [SixErrorPage],
-            html: `<six-error-page error-code="403" language="en"></six-error-page>`,
-        };
-        // when
-        const page = await newSpecPage(config);
-        // then
-        expect(page.root).toEqualHtml(`
-    <six-error-page error-code="403" language="en">
-      <mock:shadow-root>
-        <div part="container">
-          <div class="six-error-page__icon-container" part="icon-container">
-            <six-picto class="six-error-page__icon" part="icon" size="4xl">
-              lock
-            </six-picto>
-          </div>
-          <div class="six-error-page__title" part="title">
-            Access Denied
-          </div>
-          <div class="six-error-page__description" part="description">
-            <div>
-              You don’t have permission to access this page.
-            </div>
-            <div>
-              Please contact an administrator or click the SIX logo on top left.
-            </div>
-          </div>
-        </div>
-      </mock:shadow-root>
-    </six-error-page>
-   `);
-    });
-    it('should render right page for error code 403 in german', async () => {
-        // given
-        const config = {
-            components: [SixErrorPage],
-            html: `<six-error-page error-code="403" language="de"></six-error-page>`,
-        };
-        // when
-        const page = await newSpecPage(config);
-        // then
-        expect(page.root).toEqualHtml(`
-        <six-error-page error-code="403" language="de">
-      <mock:shadow-root>
-        <div part="container">
-          <div class="six-error-page__icon-container" part="icon-container">
-            <six-picto class="six-error-page__icon" part="icon" size="4xl">
-              lock
-            </six-picto>
-          </div>
-          <div class="six-error-page__title" part="title">
-            Kein Zugriff
-          </div>
-          <div class="six-error-page__description" part="description">
-            <div>
-              Sie haben keine Zugriffsberechtigung auf diese Seite.
-            </div>
-            <div>
-              Bitte wenden Sie sich an einen Administrator oder klicken Sie auf das SIX-Logo oben links.
-            </div>
-          </div>
-        </div>
-      </mock:shadow-root>
-    </six-error-page>
-   `);
-    });
-    it('should render right page for error code 404 in english', async () => {
-        // given
-        const config = {
-            components: [SixErrorPage],
-            html: `<six-error-page error-code="404" language="en"></six-error-page>`,
-        };
-        // when
-        const page = await newSpecPage(config);
-        // then
-        expect(page.root).toEqualHtml(`
-    <six-error-page error-code="404" language="en">
-      <mock:shadow-root>
-        <div part="container">
-          <div class="six-error-page__icon-container" part="icon-container">
-            <six-picto class="six-error-page__icon" part="icon" size="4xl">
-              find-in-page
-            </six-picto>
-          </div>
-          <div class="six-error-page__title" part="title">
-            Not Found
-          </div>
-          <div class="six-error-page__description" part="description">
-            <div>
-              We have not found the page you requested.
-            </div>
-            <div>
-              Please click the SIX logo on top left.
-            </div>
-          </div>
-        </div>
-      </mock:shadow-root>
-    </six-error-page>
-   `);
-    });
-    it('should render right page for error code 404 in german', async () => {
-        // given
-        const config = {
-            components: [SixErrorPage],
-            html: `<six-error-page error-code="404" language="de"></six-error-page>`,
-        };
-        // when
-        const page = await newSpecPage(config);
-        // then
-        expect(page.root).toEqualHtml(`
-    <six-error-page error-code="404" language="de">
-      <mock:shadow-root>
-        <div part="container">
-          <div class="six-error-page__icon-container" part="icon-container">
-            <six-picto class="six-error-page__icon" part="icon" size="4xl">
-              find-in-page
-            </six-picto>
-          </div>
-          <div class="six-error-page__title" part="title">
-            Seite nicht gefunden
-          </div>
-          <div class="six-error-page__description" part="description">
-            <div>
-              Wir haben die angeforderte Seite nicht gefunden.
-            </div>
-            <div>
-              Bitte klicken Sie auf das SIX-Logo oben links.
-            </div>
-          </div>
-        </div>
-      </mock:shadow-root>
-    </six-error-page>
-   `);
-    });
-    it('should render right page for error code 500 in english', async () => {
-        // given
-        const config = {
-            components: [SixErrorPage],
-            html: `<six-error-page error-code="500" language="en"></six-error-page>`,
-        };
-        // when
-        const page = await newSpecPage(config);
-        // then
-        expect(page.root).toEqualHtml(`
-    <six-error-page error-code="500" language="en">
-      <mock:shadow-root>
-        <div part="container">
-          <div class="six-error-page__icon-container" part="icon-container">
-            <six-picto class="six-error-page__icon" part="icon" size="4xl">
-              sentiment-dissatisfied
-            </six-picto>
-          </div>
-          <div class="six-error-page__title" part="title">
-            Ooops!
-          </div>
-          <div class="six-error-page__description" part="description">
-            <div>
-              Sorry, we messed up! We try to fix this.
-            </div>
-            <div>
-              Please click the SIX logo on top left.
-            </div>
-          </div>
-        </div>
-      </mock:shadow-root>
-    </six-error-page>
-   `);
-    });
-    it('should render right page for error code 500 in german', async () => {
-        // given
-        const config = {
-            components: [SixErrorPage],
-            html: `<six-error-page error-code="500" language="de"></six-error-page>`,
-        };
-        // when
-        const page = await newSpecPage(config);
-        // then
-        expect(page.root).toEqualHtml(`
-    <six-error-page error-code="500" language="de">
-      <mock:shadow-root>
-        <div part="container">
-          <div class="six-error-page__icon-container" part="icon-container">
-            <six-picto class="six-error-page__icon" part="icon" size="4xl">
-              sentiment-dissatisfied
-            </six-picto>
-          </div>
-          <div class="six-error-page__title" part="title">
-            Ups!
-          </div>
-          <div class="six-error-page__description" part="description">
-            <div>
-              Sorry, das war unser Fehler! Wir versuchen das zu beheben.
-            </div>
-            <div>
-              Bitte klicken Sie auf das SIX-Logo oben links.
-            </div>
-          </div>
-        </div>
-      </mock:shadow-root>
-    </six-error-page>
-   `);
-    });
-    it('should render right page for custom error', async () => {
-        // given
-        const config = {
-            components: [SixErrorPage],
-            html: `<six-error-page custom-title="my title" id="custom-error-message" custom-icon="home"></six-error-page>
-        <script type="module">
-          const sixErrorPage = document.getElementById('custom-error-message');
-          sixErrorPage.customDescription = ['My', 'Description'];
-        </script>`,
-        };
-        // when
-        const page = await newSpecPage(config);
-        // then
-        expect(page.root).toEqualHtml(`
-    <six-error-page custom-icon="home" custom-title="my title" id="custom-error-message">
-      <mock:shadow-root>
-        <div part="container">
-          <div class="six-error-page__icon-container" part="icon-container">
-            <six-picto class="six-error-page__icon" part="icon" size="4xl">
-              home
-            </six-picto>
-          </div>
-          <div class="six-error-page__title" part="title">
-            my title
-          </div>
-          <div class="six-error-page__description" part="description"></div>
-        </div>
-      </mock:shadow-root>
-    </six-error-page>
-   `);
-    });
-});
-//# sourceMappingURL=six-error-page.spec.js.map

package/dist/collection/components/six-error-page/test/six-error-page.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"six-error-page.spec.js","sourceRoot":"","sources":["../../../../src/components/six-error-page/test/six-error-page.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SixErrorPage } from '../six-error-page';\n\ndescribe('six-error-page', () => {\n  it('should render right page for error code 403 in english', async () => {\n    // given\n    const config = {\n      components: [SixErrorPage],\n      html: `<six-error-page error-code=\"403\" language=\"en\"></six-error-page>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page.root).toEqualHtml(`\n    <six-error-page error-code=\"403\" language=\"en\">\n      <mock:shadow-root>\n        <div part=\"container\">\n          <div class=\"six-error-page__icon-container\" part=\"icon-container\">\n            <six-picto class=\"six-error-page__icon\" part=\"icon\" size=\"4xl\">\n              lock\n            </six-picto>\n          </div>\n          <div class=\"six-error-page__title\" part=\"title\">\n            Access Denied\n          </div>\n          <div class=\"six-error-page__description\" part=\"description\">\n            <div>\n              You don’t have permission to access this page.\n            </div>\n            <div>\n              Please contact an administrator or click the SIX logo on top left.\n            </div>\n          </div>\n        </div>\n      </mock:shadow-root>\n    </six-error-page>\n   `);\n  });\n\n  it('should render right page for error code 403 in german', async () => {\n    // given\n    const config = {\n      components: [SixErrorPage],\n      html: `<six-error-page error-code=\"403\" language=\"de\"></six-error-page>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page.root).toEqualHtml(`\n        <six-error-page error-code=\"403\" language=\"de\">\n      <mock:shadow-root>\n        <div part=\"container\">\n          <div class=\"six-error-page__icon-container\" part=\"icon-container\">\n            <six-picto class=\"six-error-page__icon\" part=\"icon\" size=\"4xl\">\n              lock\n            </six-picto>\n          </div>\n          <div class=\"six-error-page__title\" part=\"title\">\n            Kein Zugriff\n          </div>\n          <div class=\"six-error-page__description\" part=\"description\">\n            <div>\n              Sie haben keine Zugriffsberechtigung auf diese Seite.\n            </div>\n            <div>\n              Bitte wenden Sie sich an einen Administrator oder klicken Sie auf das SIX-Logo oben links.\n            </div>\n          </div>\n        </div>\n      </mock:shadow-root>\n    </six-error-page>\n   `);\n  });\n\n  it('should render right page for error code 404 in english', async () => {\n    // given\n    const config = {\n      components: [SixErrorPage],\n      html: `<six-error-page error-code=\"404\" language=\"en\"></six-error-page>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page.root).toEqualHtml(`\n    <six-error-page error-code=\"404\" language=\"en\">\n      <mock:shadow-root>\n        <div part=\"container\">\n          <div class=\"six-error-page__icon-container\" part=\"icon-container\">\n            <six-picto class=\"six-error-page__icon\" part=\"icon\" size=\"4xl\">\n              find-in-page\n            </six-picto>\n          </div>\n          <div class=\"six-error-page__title\" part=\"title\">\n            Not Found\n          </div>\n          <div class=\"six-error-page__description\" part=\"description\">\n            <div>\n              We have not found the page you requested.\n            </div>\n            <div>\n              Please click the SIX logo on top left.\n            </div>\n          </div>\n        </div>\n      </mock:shadow-root>\n    </six-error-page>\n   `);\n  });\n\n  it('should render right page for error code 404 in german', async () => {\n    // given\n    const config = {\n      components: [SixErrorPage],\n      html: `<six-error-page error-code=\"404\" language=\"de\"></six-error-page>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page.root).toEqualHtml(`\n    <six-error-page error-code=\"404\" language=\"de\">\n      <mock:shadow-root>\n        <div part=\"container\">\n          <div class=\"six-error-page__icon-container\" part=\"icon-container\">\n            <six-picto class=\"six-error-page__icon\" part=\"icon\" size=\"4xl\">\n              find-in-page\n            </six-picto>\n          </div>\n          <div class=\"six-error-page__title\" part=\"title\">\n            Seite nicht gefunden\n          </div>\n          <div class=\"six-error-page__description\" part=\"description\">\n            <div>\n              Wir haben die angeforderte Seite nicht gefunden.\n            </div>\n            <div>\n              Bitte klicken Sie auf das SIX-Logo oben links.\n            </div>\n          </div>\n        </div>\n      </mock:shadow-root>\n    </six-error-page>\n   `);\n  });\n\n  it('should render right page for error code 500 in english', async () => {\n    // given\n    const config = {\n      components: [SixErrorPage],\n      html: `<six-error-page error-code=\"500\" language=\"en\"></six-error-page>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page.root).toEqualHtml(`\n    <six-error-page error-code=\"500\" language=\"en\">\n      <mock:shadow-root>\n        <div part=\"container\">\n          <div class=\"six-error-page__icon-container\" part=\"icon-container\">\n            <six-picto class=\"six-error-page__icon\" part=\"icon\" size=\"4xl\">\n              sentiment-dissatisfied\n            </six-picto>\n          </div>\n          <div class=\"six-error-page__title\" part=\"title\">\n            Ooops!\n          </div>\n          <div class=\"six-error-page__description\" part=\"description\">\n            <div>\n              Sorry, we messed up! We try to fix this.\n            </div>\n            <div>\n              Please click the SIX logo on top left.\n            </div>\n          </div>\n        </div>\n      </mock:shadow-root>\n    </six-error-page>\n   `);\n  });\n\n  it('should render right page for error code 500 in german', async () => {\n    // given\n    const config = {\n      components: [SixErrorPage],\n      html: `<six-error-page error-code=\"500\" language=\"de\"></six-error-page>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page.root).toEqualHtml(`\n    <six-error-page error-code=\"500\" language=\"de\">\n      <mock:shadow-root>\n        <div part=\"container\">\n          <div class=\"six-error-page__icon-container\" part=\"icon-container\">\n            <six-picto class=\"six-error-page__icon\" part=\"icon\" size=\"4xl\">\n              sentiment-dissatisfied\n            </six-picto>\n          </div>\n          <div class=\"six-error-page__title\" part=\"title\">\n            Ups!\n          </div>\n          <div class=\"six-error-page__description\" part=\"description\">\n            <div>\n              Sorry, das war unser Fehler! Wir versuchen das zu beheben.\n            </div>\n            <div>\n              Bitte klicken Sie auf das SIX-Logo oben links.\n            </div>\n          </div>\n        </div>\n      </mock:shadow-root>\n    </six-error-page>\n   `);\n  });\n\n  it('should render right page for custom error', async () => {\n    // given\n    const config = {\n      components: [SixErrorPage],\n      html: `<six-error-page custom-title=\"my title\" id=\"custom-error-message\" custom-icon=\"home\"></six-error-page>\n        <script type=\"module\">\n          const sixErrorPage = document.getElementById('custom-error-message');\n          sixErrorPage.customDescription = ['My', 'Description'];\n        </script>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page.root).toEqualHtml(`\n    <six-error-page custom-icon=\"home\" custom-title=\"my title\" id=\"custom-error-message\">\n      <mock:shadow-root>\n        <div part=\"container\">\n          <div class=\"six-error-page__icon-container\" part=\"icon-container\">\n            <six-picto class=\"six-error-page__icon\" part=\"icon\" size=\"4xl\">\n              home\n            </six-picto>\n          </div>\n          <div class=\"six-error-page__title\" part=\"title\">\n            my title\n          </div>\n          <div class=\"six-error-page__description\" part=\"description\"></div>\n        </div>\n      </mock:shadow-root>\n    </six-error-page>\n   `);\n  });\n});\n"]}

package/dist/collection/components/six-file-list/test/six-file-list.spec.js

@@ -1,67 +0,0 @@
-import { SixFileList } from "../six-file-list";
-import { newSpecPage } from "@stencil/core/testing";
-describe('six-file-list', () => {
-    it('should create a component instance', () => {
-        expect(new SixFileList()).toBeInstanceOf(SixFileList);
-    });
-    it('renders minimal six-file-list', async () => {
-        const page = await newSpecPage({
-            components: [SixFileList],
-            html: `<six-file-list></six-file-list>`,
-        });
-        expect(page.root).toEqualHtml(`
-        <six-file-list>
-          <mock:shadow-root>
-            <div class="six-files-list__container">
-              <slot></slot>
-            </div>
-          </mock:shadow-root>
-        </six-file-list>
-    `);
-    });
-    it('renders six-file-list with items', async () => {
-        const page = await newSpecPage({
-            components: [SixFileList],
-            html: `
-       <six-file-list>
-          <six-file-list-item identifier="id_1" name="file_1.pdf"></six-file-list-item>
-          <six-file-list-item identifier="id_2" name="file_2.pdf" date="23.09.2021, 09:12"></six-file-list-item>
-          <six-file-list-item
-            identifier="id_3"
-            name="file_3.pdf"
-            date="03.12.2021, 10:22"
-            size="75680"
-          ></six-file-list-item>
-          <six-file-list-item
-            identifier="id_4"
-            name="file_4.pdf"
-            date="02.10.2021, 12:25"
-            size="77590"
-            nodownload
-          ></six-file-list-item>
-          <six-file-list-item
-            identifier="id_5"
-            name="file_5.pdf"
-            date="11.07.2021, 10:32"
-            size="72040"
-            nodelete
-          ></six-file-list-item>
-        </six-file-list>`,
-        });
-        expect(page.root).toEqualHtml(`
-        <six-file-list>
-          <mock:shadow-root>
-            <div class="six-files-list__container">
-              <slot></slot>
-            </div>
-          </mock:shadow-root>
-          <six-file-list-item identifier="id_1" name="file_1.pdf"></six-file-list-item>
-          <six-file-list-item date="23.09.2021, 09:12" identifier="id_2" name="file_2.pdf"></six-file-list-item>
-          <six-file-list-item date="03.12.2021, 10:22" identifier="id_3" name="file_3.pdf" size="75680"></six-file-list-item>
-          <six-file-list-item date="02.10.2021, 12:25" identifier="id_4" name="file_4.pdf" nodownload="" size="77590"></six-file-list-item>
-          <six-file-list-item date="11.07.2021, 10:32" identifier="id_5" name="file_5.pdf" nodelete="" size="72040"></six-file-list-item>
-        </six-file-list>
-    `);
-    });
-});
-//# sourceMappingURL=six-file-list.spec.js.map

package/dist/collection/components/six-file-list/test/six-file-list.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"six-file-list.spec.js","sourceRoot":"","sources":["../../../../src/components/six-file-list/test/six-file-list.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,oCAAoC,EAAE,GAAG,EAAE;QAC5C,MAAM,CAAC,IAAI,WAAW,EAAE,CAAC,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC7C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE,iCAAiC;SACxC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQ7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;yBAwBa;SACpB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;KAa7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { SixFileList } from '../six-file-list';\nimport { newSpecPage } from '@stencil/core/testing';\n\ndescribe('six-file-list', () => {\n  it('should create a component instance', () => {\n    expect(new SixFileList()).toBeInstanceOf(SixFileList);\n  });\n\n  it('renders minimal six-file-list', async () => {\n    const page = await newSpecPage({\n      components: [SixFileList],\n      html: `<six-file-list></six-file-list>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n        <six-file-list>\n          <mock:shadow-root>\n            <div class=\"six-files-list__container\">\n              <slot></slot>\n            </div>\n          </mock:shadow-root>\n        </six-file-list>\n    `);\n  });\n\n  it('renders six-file-list with items', async () => {\n    const page = await newSpecPage({\n      components: [SixFileList],\n      html: `\n       <six-file-list>\n          <six-file-list-item identifier=\"id_1\" name=\"file_1.pdf\"></six-file-list-item>\n          <six-file-list-item identifier=\"id_2\" name=\"file_2.pdf\" date=\"23.09.2021, 09:12\"></six-file-list-item>\n          <six-file-list-item\n            identifier=\"id_3\"\n            name=\"file_3.pdf\"\n            date=\"03.12.2021, 10:22\"\n            size=\"75680\"\n          ></six-file-list-item>\n          <six-file-list-item\n            identifier=\"id_4\"\n            name=\"file_4.pdf\"\n            date=\"02.10.2021, 12:25\"\n            size=\"77590\"\n            nodownload\n          ></six-file-list-item>\n          <six-file-list-item\n            identifier=\"id_5\"\n            name=\"file_5.pdf\"\n            date=\"11.07.2021, 10:32\"\n            size=\"72040\"\n            nodelete\n          ></six-file-list-item>\n        </six-file-list>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n        <six-file-list>\n          <mock:shadow-root>\n            <div class=\"six-files-list__container\">\n              <slot></slot>\n            </div>\n          </mock:shadow-root>\n          <six-file-list-item identifier=\"id_1\" name=\"file_1.pdf\"></six-file-list-item>\n          <six-file-list-item date=\"23.09.2021, 09:12\" identifier=\"id_2\" name=\"file_2.pdf\"></six-file-list-item>\n          <six-file-list-item date=\"03.12.2021, 10:22\" identifier=\"id_3\" name=\"file_3.pdf\" size=\"75680\"></six-file-list-item>\n          <six-file-list-item date=\"02.10.2021, 12:25\" identifier=\"id_4\" name=\"file_4.pdf\" nodownload=\"\" size=\"77590\"></six-file-list-item>\n          <six-file-list-item date=\"11.07.2021, 10:32\" identifier=\"id_5\" name=\"file_5.pdf\" nodelete=\"\" size=\"72040\"></six-file-list-item>\n        </six-file-list>\n    `);\n  });\n});\n"]}