@six-group/ui-library 0.0.0-insider.b26fdef → 0.0.0-insider.b2db78f

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"]}

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

@@ -1,169 +0,0 @@
-import { SixFileListItem } from "../six-file-list-item";
-import { newSpecPage } from "@stencil/core/testing";
-describe('six-file-list-item', () => {
-    it('should create a component instance', () => {
-        expect(new SixFileListItem()).toBeInstanceOf(SixFileListItem);
-    });
-    it('renders minimal six-file-list-item', async () => {
-        const page = await newSpecPage({
-            components: [SixFileListItem],
-            html: `<six-file-list-item></six-file-list-item>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <six-file-list-item date="" identifier="">
-        <mock:shadow-root>
-          <div class="six-files-list-item">
-            <span class="six-files-list-item__name"></span>
-            <span class="six-files-list-item__date"></span>
-            <six-icon class="six-files-list-item__icon" size="small">
-              delete
-            </six-icon>
-          </div>
-        </mock:shadow-root>
-      </six-file-list-item>
-    `);
-    });
-    it('renders six-file-list-item with name correctly', async () => {
-        const page = await newSpecPage({
-            components: [SixFileListItem],
-            html: `<six-file-list-item identifier="id1" name="file_1.pdf"></six-file-list-item>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <six-file-list-item date="" identifier="id1" name="file_1.pdf">
-        <mock:shadow-root>
-          <div class="six-files-list-item">
-            <span class="six-files-list-item__name">
-                file_1.pdf
-            </span>
-            <span class="six-files-list-item__date"></span>
-            <six-icon class="six-files-list-item__icon" size="small">
-              delete
-            </six-icon>
-          </div>
-        </mock:shadow-root>
-      </six-file-list-item>
-    `);
-    });
-    it('renders six-file-list-item with date correctly', async () => {
-        const page = await newSpecPage({
-            components: [SixFileListItem],
-            html: `<six-file-list-item identifier="id_2" name="file_2.pdf" date="23.09.2021, 09:12"></six-file-list-item>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <six-file-list-item date="23.09.2021, 09:12" identifier="id_2" name="file_2.pdf">
-        <mock:shadow-root>
-          <div class="six-files-list-item">
-            <span class="six-files-list-item__name">
-                file_2.pdf
-            </span>
-            <span class="six-files-list-item__date">
-                23.09.2021, 09:12
-            </span>
-            <six-icon class="six-files-list-item__icon" size="small">
-              delete
-            </six-icon>
-          </div>
-        </mock:shadow-root>
-      </six-file-list-item>
-    `);
-    });
-    it('renders six-file-list-item with size correctly', async () => {
-        const page = await newSpecPage({
-            components: [SixFileListItem],
-            html: `
-      <six-file-list-item
-          identifier="id_3"
-          name="file_3.pdf"
-          date="03.12.2021, 10:22"
-          size="75680"
-        ></six-file-list-item>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <six-file-list-item date="03.12.2021, 10:22" identifier="id_3" name="file_3.pdf" size="75680">
-        <mock:shadow-root>
-          <div class="six-files-list-item">
-            <span class="six-files-list-item__name">
-              file_3.pdf
-            </span>
-            <span class="six-files-list-item__date">
-              03.12.2021, 10:22
-            </span>
-            <span class="six-files-list-item__size">
-              74 KB
-            </span>
-            <six-icon class="six-files-list-item__icon" size="small">
-              delete
-            </six-icon>
-          </div>
-        </mock:shadow-root>
-      </six-file-list-item>
-    `);
-    });
-    it('renders six-file-list-item with download disabled', async () => {
-        const page = await newSpecPage({
-            components: [SixFileListItem],
-            html: `
-      <six-file-list-item
-          identifier="id_4"
-          name="file_4.pdf"
-          date="02.10.2021, 12:25"
-          size="77590"
-          nodownload
-        ></six-file-list-item>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <six-file-list-item date="02.10.2021, 12:25" identifier="id_4" name="file_4.pdf" nodownload="" size="77590">
-        <mock:shadow-root>
-          <div class="six-files-list-item">
-            <span class="six-files-list-item__name six-files-list-item__name--disabled">
-              file_4.pdf
-            </span>
-            <span class="six-files-list-item__date">
-              02.10.2021, 12:25
-            </span>
-            <span class="six-files-list-item__size">
-              76 KB
-            </span>
-            <six-icon class="six-files-list-item__icon" size="small">
-              delete
-            </six-icon>
-          </div>
-        </mock:shadow-root>
-      </six-file-list-item>
-    `);
-    });
-    it('renders six-file-list-item with deletion disabled', async () => {
-        const page = await newSpecPage({
-            components: [SixFileListItem],
-            html: `
-      <six-file-list-item
-          identifier="id_5"
-          name="file_5.pdf"
-          date="11.07.2021, 10:32"
-          size="72040"
-          nodelete
-        ></six-file-list-item>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <six-file-list-item date="11.07.2021, 10:32" identifier="id_5" name="file_5.pdf" nodelete="" size="72040">
-        <mock:shadow-root>
-          <div class="six-files-list-item">
-            <span class="six-files-list-item__name">
-              file_5.pdf
-            </span>
-            <span class="six-files-list-item__date">
-              11.07.2021, 10:32
-            </span>
-            <span class="six-files-list-item__size">
-              70 KB
-            </span>
-            <six-icon class="six-files-list-item__icon six-files-list-item__icon--disabled" size="small">
-              delete
-            </six-icon>
-          </div>
-        </mock:shadow-root>
-      </six-file-list-item>
-    `);
-    });
-});
-//# sourceMappingURL=six-file-list-item.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"six-file-list-item.spec.js","sourceRoot":"","sources":["../../../../src/components/six-file-list-item/test/six-file-list-item.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAClC,EAAE,CAAC,oCAAoC,EAAE,GAAG,EAAE;QAC5C,MAAM,CAAC,IAAI,eAAe,EAAE,CAAC,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;QAClD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,eAAe,CAAC;YAC7B,IAAI,EAAE,2CAA2C;SAClD,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;KAY7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,KAAK,IAAI,EAAE;QAC9D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,eAAe,CAAC;YAC7B,IAAI,EAAE,8EAA8E;SACrF,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;KAc7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,KAAK,IAAI,EAAE;QAC9D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,eAAe,CAAC;YAC7B,IAAI,EAAE,wGAAwG;SAC/G,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;KAgB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,KAAK,IAAI,EAAE;QAC9D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,eAAe,CAAC;YAC7B,IAAI,EAAE;;;;;;+BAMmB;SAC1B,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;KAmB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mDAAmD,EAAE,KAAK,IAAI,EAAE;QACjE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,eAAe,CAAC;YAC7B,IAAI,EAAE;;;;;;;+BAOmB;SAC1B,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;KAmB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mDAAmD,EAAE,KAAK,IAAI,EAAE;QACjE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,eAAe,CAAC;YAC7B,IAAI,EAAE;;;;;;;+BAOmB;SAC1B,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;KAmB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { SixFileListItem } from '../six-file-list-item';\nimport { newSpecPage } from '@stencil/core/testing';\n\ndescribe('six-file-list-item', () => {\n  it('should create a component instance', () => {\n    expect(new SixFileListItem()).toBeInstanceOf(SixFileListItem);\n  });\n\n  it('renders minimal six-file-list-item', async () => {\n    const page = await newSpecPage({\n      components: [SixFileListItem],\n      html: `<six-file-list-item></six-file-list-item>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <six-file-list-item date=\"\" identifier=\"\">\n        <mock:shadow-root>\n          <div class=\"six-files-list-item\">\n            <span class=\"six-files-list-item__name\"></span>\n            <span class=\"six-files-list-item__date\"></span>\n            <six-icon class=\"six-files-list-item__icon\" size=\"small\">\n              delete\n            </six-icon>\n          </div>\n        </mock:shadow-root>\n      </six-file-list-item>\n    `);\n  });\n\n  it('renders six-file-list-item with name correctly', async () => {\n    const page = await newSpecPage({\n      components: [SixFileListItem],\n      html: `<six-file-list-item identifier=\"id1\" name=\"file_1.pdf\"></six-file-list-item>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <six-file-list-item date=\"\" identifier=\"id1\" name=\"file_1.pdf\">\n        <mock:shadow-root>\n          <div class=\"six-files-list-item\">\n            <span class=\"six-files-list-item__name\">\n                file_1.pdf\n            </span>\n            <span class=\"six-files-list-item__date\"></span>\n            <six-icon class=\"six-files-list-item__icon\" size=\"small\">\n              delete\n            </six-icon>\n          </div>\n        </mock:shadow-root>\n      </six-file-list-item>\n    `);\n  });\n\n  it('renders six-file-list-item with date correctly', async () => {\n    const page = await newSpecPage({\n      components: [SixFileListItem],\n      html: `<six-file-list-item identifier=\"id_2\" name=\"file_2.pdf\" date=\"23.09.2021, 09:12\"></six-file-list-item>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <six-file-list-item date=\"23.09.2021, 09:12\" identifier=\"id_2\" name=\"file_2.pdf\">\n        <mock:shadow-root>\n          <div class=\"six-files-list-item\">\n            <span class=\"six-files-list-item__name\">\n                file_2.pdf\n            </span>\n            <span class=\"six-files-list-item__date\">\n                23.09.2021, 09:12\n            </span>\n            <six-icon class=\"six-files-list-item__icon\" size=\"small\">\n              delete\n            </six-icon>\n          </div>\n        </mock:shadow-root>\n      </six-file-list-item>\n    `);\n  });\n\n  it('renders six-file-list-item with size correctly', async () => {\n    const page = await newSpecPage({\n      components: [SixFileListItem],\n      html: `\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    });\n\n    expect(page.root).toEqualHtml(`\n      <six-file-list-item date=\"03.12.2021, 10:22\" identifier=\"id_3\" name=\"file_3.pdf\" size=\"75680\">\n        <mock:shadow-root>\n          <div class=\"six-files-list-item\">\n            <span class=\"six-files-list-item__name\">\n              file_3.pdf\n            </span>\n            <span class=\"six-files-list-item__date\">\n              03.12.2021, 10:22\n            </span>\n            <span class=\"six-files-list-item__size\">\n              74 KB\n            </span>\n            <six-icon class=\"six-files-list-item__icon\" size=\"small\">\n              delete\n            </six-icon>\n          </div>\n        </mock:shadow-root>\n      </six-file-list-item>\n    `);\n  });\n\n  it('renders six-file-list-item with download disabled', async () => {\n    const page = await newSpecPage({\n      components: [SixFileListItem],\n      html: `\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    });\n\n    expect(page.root).toEqualHtml(`\n      <six-file-list-item date=\"02.10.2021, 12:25\" identifier=\"id_4\" name=\"file_4.pdf\" nodownload=\"\" size=\"77590\">\n        <mock:shadow-root>\n          <div class=\"six-files-list-item\">\n            <span class=\"six-files-list-item__name six-files-list-item__name--disabled\">\n              file_4.pdf\n            </span>\n            <span class=\"six-files-list-item__date\">\n              02.10.2021, 12:25\n            </span>\n            <span class=\"six-files-list-item__size\">\n              76 KB\n            </span>\n            <six-icon class=\"six-files-list-item__icon\" size=\"small\">\n              delete\n            </six-icon>\n          </div>\n        </mock:shadow-root>\n      </six-file-list-item>\n    `);\n  });\n\n  it('renders six-file-list-item with deletion disabled', async () => {\n    const page = await newSpecPage({\n      components: [SixFileListItem],\n      html: `\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    });\n\n    expect(page.root).toEqualHtml(`\n      <six-file-list-item date=\"11.07.2021, 10:32\" identifier=\"id_5\" name=\"file_5.pdf\" nodelete=\"\" size=\"72040\">\n        <mock:shadow-root>\n          <div class=\"six-files-list-item\">\n            <span class=\"six-files-list-item__name\">\n              file_5.pdf\n            </span>\n            <span class=\"six-files-list-item__date\">\n              11.07.2021, 10:32\n            </span>\n            <span class=\"six-files-list-item__size\">\n              70 KB\n            </span>\n            <six-icon class=\"six-files-list-item__icon six-files-list-item__icon--disabled\" size=\"small\">\n              delete\n            </six-icon>\n          </div>\n        </mock:shadow-root>\n      </six-file-list-item>\n    `);\n  });\n});\n"]}

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

@@ -1,103 +0,0 @@
-import { SixFileUpload } from "../six-file-upload";
-import { newSpecPage } from "@stencil/core/testing";
-describe('six-file-upload', () => {
-    it('should create a component instance', () => {
-        expect(new SixFileUpload()).toBeInstanceOf(SixFileUpload);
-    });
-    it('renders minimal six-file-upload', async () => {
-        const page = await newSpecPage({
-            components: [SixFileUpload],
-            html: `<six-file-upload></six-file-upload>`,
-        });
-        expect(page.root).toEqualHtml(`
-        <six-file-upload>
-          <div class="six-file-upload">
-            <six-card class="six-file-upload__container--full">
-              <div class="six-file-upload__drop-zone">
-                <span>
-                  <span>
-                    Drop files to upload, or
-                    <span class="six-file-upload__label--highlighted">
-                      browse
-                    </span>
-                  </span>
-                </span>
-                <input class="six-file-upload__input" name="resume" type="file">
-              </div>
-            </six-card>
-          </div>
-        </six-file-upload>
-    `);
-    });
-    it('renders custom label', async () => {
-        const page = await newSpecPage({
-            components: [SixFileUpload],
-            html: `<six-file-upload label="some custom label"></six-file-upload>`,
-        });
-        expect(page.root).toEqualHtml(`
-        <six-file-upload label="some custom label">
-          <div class="six-file-upload">
-            <six-card class="six-file-upload__container--full">
-              <div class="six-file-upload__drop-zone">
-                <span>
-                  some custom label
-                </span>
-                <input class="six-file-upload__input" name="resume" type="file">
-              </div>
-            </six-card>
-          </div>
-        </six-file-upload>
-    `);
-    });
-    it('renders disabled', async () => {
-        const page = await newSpecPage({
-            components: [SixFileUpload],
-            html: `<six-file-upload disabled></six-file-upload>`,
-        });
-        expect(page.root).toEqualHtml(`
-        <six-file-upload disabled="">
-          <div class="six-file-upload six-file-upload--disabled">
-            <six-card class="six-file-upload__container--full">
-              <div class="six-file-upload__drop-zone">
-                <span>
-                  <span>
-                    Drop files to upload, or
-                    <span class="six-file-upload__label--highlighted">
-                      browse
-                    </span>
-                  </span>
-                </span>
-                <input class="six-file-upload__input" disabled="" name="resume" type="file">
-              </div>
-            </six-card>
-          </div>
-        </six-file-upload>
-    `);
-    });
-    it('renders compact', async () => {
-        const page = await newSpecPage({
-            components: [SixFileUpload],
-            html: `<six-file-upload compact></six-file-upload>`,
-        });
-        expect(page.root).toEqualHtml(`
-        <six-file-upload compact="">
-          <div class="six-file-upload">
-            <six-button class="six-file-upload__container--compact">
-              <span slot="prefix">
-                <six-icon class="six-file-upload__label-icon">
-                  arrow_circle_up
-                </six-icon>
-              </span>
-              <div class="six-file-upload__drop-zone six-file-upload__drop-zone--compact">
-                <span>
-                  Upload
-                </span>
-                <input class="six-file-upload__input" name="resume" type="file">
-              </div>
-            </six-button>
-          </div>
-        </six-file-upload>
-    `);
-    });
-});
-//# sourceMappingURL=six-file-upload.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"six-file-upload.spec.js","sourceRoot":"","sources":["../../../../src/components/six-file-upload/test/six-file-upload.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,EAAE,CAAC,oCAAoC,EAAE,GAAG,EAAE;QAC5C,MAAM,CAAC,IAAI,aAAa,EAAE,CAAC,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;QAC/C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE,qCAAqC;SAC5C,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;KAkB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE,+DAA+D;SACtE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;KAa7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kBAAkB,EAAE,KAAK,IAAI,EAAE;QAChC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE,8CAA8C;SACrD,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;KAkB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE;QAC/B,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE,6CAA6C;SACpD,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;KAkB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { SixFileUpload } from '../six-file-upload';\nimport { newSpecPage } from '@stencil/core/testing';\n\ndescribe('six-file-upload', () => {\n  it('should create a component instance', () => {\n    expect(new SixFileUpload()).toBeInstanceOf(SixFileUpload);\n  });\n\n  it('renders minimal six-file-upload', async () => {\n    const page = await newSpecPage({\n      components: [SixFileUpload],\n      html: `<six-file-upload></six-file-upload>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n        <six-file-upload>\n          <div class=\"six-file-upload\">\n            <six-card class=\"six-file-upload__container--full\">\n              <div class=\"six-file-upload__drop-zone\">\n                <span>\n                  <span>\n                    Drop files to upload, or\n                    <span class=\"six-file-upload__label--highlighted\">\n                      browse\n                    </span>\n                  </span>\n                </span>\n                <input class=\"six-file-upload__input\" name=\"resume\" type=\"file\">\n              </div>\n            </six-card>\n          </div>\n        </six-file-upload>\n    `);\n  });\n\n  it('renders custom label', async () => {\n    const page = await newSpecPage({\n      components: [SixFileUpload],\n      html: `<six-file-upload label=\"some custom label\"></six-file-upload>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n        <six-file-upload label=\"some custom label\">\n          <div class=\"six-file-upload\">\n            <six-card class=\"six-file-upload__container--full\">\n              <div class=\"six-file-upload__drop-zone\">\n                <span>\n                  some custom label\n                </span>\n                <input class=\"six-file-upload__input\" name=\"resume\" type=\"file\">\n              </div>\n            </six-card>\n          </div>\n        </six-file-upload>\n    `);\n  });\n\n  it('renders disabled', async () => {\n    const page = await newSpecPage({\n      components: [SixFileUpload],\n      html: `<six-file-upload disabled></six-file-upload>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n        <six-file-upload disabled=\"\">\n          <div class=\"six-file-upload six-file-upload--disabled\">\n            <six-card class=\"six-file-upload__container--full\">\n              <div class=\"six-file-upload__drop-zone\">\n                <span>\n                  <span>\n                    Drop files to upload, or\n                    <span class=\"six-file-upload__label--highlighted\">\n                      browse\n                    </span>\n                  </span>\n                </span>\n                <input class=\"six-file-upload__input\" disabled=\"\" name=\"resume\" type=\"file\">\n              </div>\n            </six-card>\n          </div>\n        </six-file-upload>\n    `);\n  });\n\n  it('renders compact', async () => {\n    const page = await newSpecPage({\n      components: [SixFileUpload],\n      html: `<six-file-upload compact></six-file-upload>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n        <six-file-upload compact=\"\">\n          <div class=\"six-file-upload\">\n            <six-button class=\"six-file-upload__container--compact\">\n              <span slot=\"prefix\">\n                <six-icon class=\"six-file-upload__label-icon\">\n                  arrow_circle_up\n                </six-icon>\n              </span>\n              <div class=\"six-file-upload__drop-zone six-file-upload__drop-zone--compact\">\n                <span>\n                  Upload\n                </span>\n                <input class=\"six-file-upload__input\" name=\"resume\" type=\"file\">\n              </div>\n            </six-button>\n          </div>\n        </six-file-upload>\n    `);\n  });\n});\n"]}