@six-group/ui-library 0.0.0-insider.b8b84f6 → 0.0.0-insider.b9edd84

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

@@ -1,496 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { SixTimepicker } from "../six-timepicker";
-describe('six-timepicker', () => {
-  it('should render default timepicker', async () => {
-    var _a, _b;
-    // given
-    const config = {
-      components: [SixTimepicker],
-      html: `<six-timepicker></six-timepicker>`,
-    };
-    // when initially loaded
-    const page = await newSpecPage(config);
-    // then
-    expect(page.root).toEqualHtml(`
-    <six-timepicker>
-    <mock:shadow-root>
-      <div class="timepicker__container" part="container">
-        <six-input class="input--empty" error-text="" label="" part="input" size="medium" value="">
-          <span class="prefix" part="icon" slot="prefix">
-            <six-icon size="medium">
-              watch_later
-            </six-icon>
-          </span>
-        </six-input>
-      </div>
-    </mock:shadow-root>
-  </six-timepicker>
-   `);
-    // when setting a value and opening the popup
-    if (((_a = page.root) === null || _a === void 0 ? void 0 : _a.shadowRoot) != null) {
-      page.root.value = '20:00:00';
-      (_b = page.root.shadowRoot.querySelector('six-input')) === null || _b === void 0 ? void 0 : _b.click();
-    }
-    await page.waitForChanges();
-    // then expect the correct time to be rendered
-    expect(page.root).toEqualHtml(`
-<six-timepicker open="">
-  <mock:shadow-root>
-    <div class="timepicker__container" part="container">
-      <six-input error-text="" label="" part="input" size="medium" value="20:00:00">
-        <span class="prefix" part="icon" slot="prefix">
-          <six-icon size="medium">
-            watch_later
-          </six-icon>
-        </span>
-      </six-input>
-      <div class="timepicker__popup" part="popup">
-        <six-item-picker interval="35" max="23" min="0" padded="" timeout="300" type="number" value="20"></six-item-picker>
-        <div class="timepicker__separator">
-          <span>
-            :
-          </span>
-        </div>
-        <six-item-picker interval="35" max="59" min="0" padded="" timeout="300" type="number" value="0"></six-item-picker>
-        <div class="timepicker__separator">
-          <span>
-            :
-          </span>
-        </div>
-        <six-item-picker interval="35" max="59" min="0" padded="" timeout="300" type="number" value="0"></six-item-picker>
-      </div>
-    </div>
-  </mock:shadow-root>
-</six-timepicker>
-   `);
-  });
-  it('should render open timepicker', async () => {
-    // given
-    const config = {
-      components: [SixTimepicker],
-      html: `<six-timepicker open value="13:20:59"></six-timepicker>`,
-    };
-    // when
-    const page = await newSpecPage(config);
-    // then
-    expect(page.root).toEqualHtml(`
-    <six-timepicker open="" value="13:20:59">
-      <mock:shadow-root>
-        <div class="timepicker__container" part="container">
-          <six-input error-text="" label="" part="input" size="medium" value="13:20:59">
-            <span class="prefix" part="icon" slot="prefix">
-              <six-icon size="medium">
-                watch_later
-              </six-icon>
-            </span>
-          </six-input>
-          <div class="timepicker__popup" part="popup">
-            <six-item-picker interval="35" max="23" min="0" padded="" timeout="300" type="number" value="13"></six-item-picker>
-            <div class="timepicker__separator">
-              <span>
-                :
-              </span>
-            </div>
-            <six-item-picker interval="35" max="59" min="0" padded="" timeout="300" type="number" value="20"></six-item-picker>
-            <div class="timepicker__separator">
-              <span>
-                :
-              </span>
-            </div>
-            <six-item-picker interval="35" max="59" min="0" padded="" timeout="300" type="number" value="59"></six-item-picker>
-          </div>
-        </div>
-      </mock:shadow-root>
-    </six-timepicker>
-   `);
-  });
-  it('should render inline timepicker', async () => {
-    // given
-    const config = {
-      components: [SixTimepicker],
-      html: `<six-timepicker inline value="13:20:59"></six-timepicker>`,
-    };
-    // when
-    const page = await newSpecPage(config);
-    // then
-    expect(page.root).toEqualHtml(`
-    <six-timepicker inline="" open="" value="13:20:59">
-    <mock:shadow-root>
-      <div class="timepicker__container" part="container">
-        <six-input class="input--hide" error-text="" label="" part="input" size="medium" value="13:20:59">
-          <span class="prefix" part="icon" slot="prefix">
-            <six-icon size="medium">
-              watch_later
-            </six-icon>
-          </span>
-        </six-input>
-        <div class="timepicker__popup timepicker__popup--is-inline" part="popup">
-          <six-item-picker interval="35" max="23" min="0" padded="" timeout="300" type="number" value="13"></six-item-picker>
-          <div class="timepicker__separator">
-            <span>
-              :
-            </span>
-          </div>
-          <six-item-picker interval="35" max="59" min="0" padded="" timeout="300" type="number" value="20"></six-item-picker>
-          <div class="timepicker__separator">
-            <span>
-              :
-            </span>
-          </div>
-          <six-item-picker interval="35" max="59" min="0" padded="" timeout="300" type="number" value="59"></six-item-picker>
-        </div>
-      </div>
-    </mock:shadow-root>
-  </six-timepicker>
-   `);
-  });
-  it('should render open timepicker with default time', async () => {
-    // given
-    const config = {
-      components: [SixTimepicker],
-      html: `<six-timepicker open default-time="13:20:59"></six-timepicker>`,
-    };
-    // when
-    const page = await newSpecPage(config);
-    // then
-    expect(page.root).toEqualHtml(`
-    <six-timepicker default-time="13:20:59" open="">
-    <mock:shadow-root>
-      <div class="timepicker__container" part="container">
-        <six-input class="input--empty" error-text="" label="" part="input" size="medium" value="">
-          <span class="prefix" part="icon" slot="prefix">
-            <six-icon size="medium">
-              watch_later
-            </six-icon>
-          </span>
-        </six-input>
-        <div class="timepicker__popup" part="popup">
-          <six-item-picker interval="35" max="23" min="0" padded="" timeout="300" type="number" value="13"></six-item-picker>
-          <div class="timepicker__separator">
-            <span>
-              :
-            </span>
-          </div>
-          <six-item-picker interval="35" max="59" min="0" padded="" timeout="300" type="number" value="20"></six-item-picker>
-          <div class="timepicker__separator">
-            <span>
-              :
-            </span>
-          </div>
-          <six-item-picker interval="35" max="59" min="0" padded="" timeout="300" type="number" value="59"></six-item-picker>
-        </div>
-      </div>
-    </mock:shadow-root>
-  </six-timepicker>
-   `);
-  });
-  it('should render timepicker with different separator', async () => {
-    // given
-    const config = {
-      components: [SixTimepicker],
-      html: `<six-timepicker open value="11:59:20" separator="-"></six-timepicker>`,
-    };
-    // when
-    const page = await newSpecPage(config);
-    // then
-    expect(page.root).toEqualHtml(`
-    <six-timepicker open="" separator="-" value="11:59:20">
-      <mock:shadow-root>
-        <div class="timepicker__container" part="container">
-          <six-input error-text="" label="" part="input" size="medium" value="11:59:20">
-            <span class="prefix" part="icon" slot="prefix">
-              <six-icon size="medium">
-                watch_later
-              </six-icon>
-            </span>
-          </six-input>
-          <div class="timepicker__popup" part="popup">
-            <six-item-picker interval="35" max="23" min="0" padded="" timeout="300" type="number" value="11"></six-item-picker>
-            <div class="timepicker__separator">
-              <span>
-                -
-              </span>
-            </div>
-            <six-item-picker interval="35" max="59" min="0" padded="" timeout="300" type="number" value="59"></six-item-picker>
-            <div class="timepicker__separator">
-              <span>
-                -
-              </span>
-            </div>
-            <six-item-picker interval="35" max="59" min="0" padded="" timeout="300" type="number" value="20"></six-item-picker>
-          </div>
-        </div>
-      </mock:shadow-root>
-    </six-timepicker>
-   `);
-  });
-  it('should render timepicker with different format', async () => {
-    // given
-    const config = {
-      components: [SixTimepicker],
-      html: `<six-timepicker open value="03:45:20:PM" format="hh:mm:ss:aa"></six-timepicker>`,
-    };
-    // when
-    const page = await newSpecPage(config);
-    // then
-    expect(page.root).toEqualHtml(`
-<six-timepicker format="hh:mm:ss:aa" open="" value="03:45:20:PM">
-  <mock:shadow-root>
-    <div class="timepicker__container" part="container">
-      <six-input error-text="" label="" part="input" size="medium" value="03:45:20:PM">
-        <span class="prefix" part="icon" slot="prefix">
-          <six-icon size="medium">
-            watch_later
-          </six-icon>
-        </span>
-      </six-input>
-      <div class="timepicker__popup" part="popup">
-        <six-item-picker interval="35" max="11" min="0" padded="" timeout="300" type="number" value="3"></six-item-picker>
-        <div class="timepicker__separator">
-          <span>
-            :
-          </span>
-        </div>
-        <six-item-picker interval="35" max="59" min="0" padded="" timeout="300" type="number" value="45"></six-item-picker>
-        <div class="timepicker__separator">
-          <span>
-            :
-          </span>
-        </div>
-        <six-item-picker interval="35" max="59" min="0" padded="" timeout="300" type="number" value="20"></six-item-picker>
-        <six-item-picker interval="35" padded="" timeout="300" type="custom" value="PM"></six-item-picker>
-      </div>
-    </div>
-  </mock:shadow-root>
-</six-timepicker>
-   `);
-  });
-  it('should render timepicker with adjusted timeout and interval', async () => {
-    // given
-    const config = {
-      components: [SixTimepicker],
-      html: `<six-timepicker open value="13:20:59" timeout="500" interval="150"></six-timepicker>`,
-    };
-    // when
-    const page = await newSpecPage(config);
-    // then
-    expect(page.root).toEqualHtml(`
-<six-timepicker interval="150" open="" timeout="500" value="13:20:59">
-  <mock:shadow-root>
-    <div class="timepicker__container" part="container">
-      <six-input error-text="" label="" part="input" size="medium" value="13:20:59">
-        <span class="prefix" part="icon" slot="prefix">
-          <six-icon size="medium">
-            watch_later
-          </six-icon>
-        </span>
-      </six-input>
-      <div class="timepicker__popup" part="popup">
-        <six-item-picker interval="150" max="23" min="0" padded="" timeout="500" type="number" value="13"></six-item-picker>
-        <div class="timepicker__separator">
-          <span>
-            :
-          </span>
-        </div>
-        <six-item-picker interval="150" max="59" min="0" padded="" timeout="500" type="number" value="20"></six-item-picker>
-        <div class="timepicker__separator">
-          <span>
-            :
-          </span>
-        </div>
-        <six-item-picker interval="150" max="59" min="0" padded="" timeout="500" type="number" value="59"></six-item-picker>
-      </div>
-    </div>
-  </mock:shadow-root>
-</six-timepicker>
-   `);
-  });
-  it('should render timepicker with placeholder', async () => {
-    // given
-    const config = {
-      components: [SixTimepicker],
-      html: `<six-timepicker placeholder="HH:mm:ss"></six-timepicker>`,
-    };
-    // when
-    const page = await newSpecPage(config);
-    // then
-    expect(page.root).toEqualHtml(`
-<six-timepicker placeholder="HH:mm:ss">
-  <mock:shadow-root>
-    <div class="timepicker__container" part="container">
-      <six-input class="input--empty" error-text="" label="" part="input" placeholder="HH:mm:ss" size="medium" value="">
-        <span class="prefix" part="icon" slot="prefix">
-          <six-icon size="medium">
-            watch_later
-          </six-icon>
-        </span>
-      </six-input>
-    </div>
-  </mock:shadow-root>
-</six-timepicker>
-   `);
-  });
-  it('should render readonly timepicker', async () => {
-    // given
-    const config = {
-      components: [SixTimepicker],
-      html: `<six-timepicker value="02:00:00" readonly></six-timepicker>`,
-    };
-    // when
-    const page = await newSpecPage(config);
-    // then
-    expect(page.root).toEqualHtml(`
-<six-timepicker readonly="" value="02:00:00">
-  <mock:shadow-root>
-    <div class="timepicker__container" part="container">
-      <six-input error-text="" label="" part="input" readonly="" size="medium" value="02:00:00">
-        <span class="prefix" part="icon" slot="prefix">
-          <six-icon size="medium">
-            watch_later
-          </six-icon>
-        </span>
-      </six-input>
-    </div>
-  </mock:shadow-root>
-</six-timepicker>
-   `);
-  });
-  it('should render disabled timepicker', async () => {
-    // given
-    const config = {
-      components: [SixTimepicker],
-      html: `<six-timepicker value="02:00:00" disabled></six-timepicker>`,
-    };
-    // when
-    const page = await newSpecPage(config);
-    // then
-    expect(page.root).toEqualHtml(`
-<six-timepicker disabled="" value="02:00:00">
-  <mock:shadow-root>
-    <div class="timepicker__container" part="container">
-      <six-input disabled="" error-text="" label="" part="input" size="medium" value="02:00:00">
-        <span class="prefix" part="icon" slot="prefix">
-          <six-icon size="medium">
-            watch_later
-          </six-icon>
-        </span>
-      </six-input>
-    </div>
-  </mock:shadow-root>
-</six-timepicker>
-   `);
-  });
-  it('should render timepicker in correct sizes', async () => {
-    // given
-    const config = {
-      components: [SixTimepicker],
-      html: `<six-timepicker size="small"></six-timepicker>`,
-    };
-    // when
-    const page = await newSpecPage(config);
-    // then
-    expect(page.root).toEqualHtml(`
-<six-timepicker size="small">
-  <mock:shadow-root>
-    <div class="timepicker__container" part="container">
-      <six-input class="input--empty" error-text="" label="" part="input" size="small" value="">
-        <span class="prefix" part="icon" slot="prefix">
-          <six-icon size="small">
-            watch_later
-          </six-icon>
-        </span>
-      </six-input>
-    </div>
-  </mock:shadow-root>
-</six-timepicker>
-   `);
-    // when changing size
-    if (page.root != null) {
-      page.root.size = 'medium';
-    }
-    await page.waitForChanges();
-    // then expect medium sized timepicker
-    expect(page.root).toEqualHtml(`
-<six-timepicker size="small">
-  <mock:shadow-root>
-    <div class="timepicker__container" part="container">
-      <six-input class="input--empty" error-text="" label="" part="input" size="medium" value="">
-        <span class="prefix" part="icon" slot="prefix">
-          <six-icon size="medium">
-            watch_later
-          </six-icon>
-        </span>
-      </six-input>
-    </div>
-  </mock:shadow-root>
-</six-timepicker>
-   `);
-    // when changing size
-    if (page.root != null) {
-      page.root.size = 'large';
-    }
-    await page.waitForChanges();
-    // then expect medium sized timepicker
-    expect(page.root).toEqualHtml(`
-<six-timepicker size="small">
-  <mock:shadow-root>
-    <div class="timepicker__container" part="container">
-      <six-input class="input--empty" error-text="" label="" part="input" size="large" value="">
-        <span class="prefix" part="icon" slot="prefix">
-          <six-icon size="medium">
-            watch_later
-          </six-icon>
-        </span>
-      </six-input>
-    </div>
-  </mock:shadow-root>
-</six-timepicker>
-   `);
-  });
-  it('should render open timepicker with icon on the right', async () => {
-    // given
-    const config = {
-      components: [SixTimepicker],
-      html: `<six-timepicker open value="13:20:59" icon-position="right" clearable></six-timepicker>`,
-    };
-    // when
-    const page = await newSpecPage(config);
-    // then
-    expect(page.root).toEqualHtml(`
-<six-timepicker clearable="" icon-position="right" open="" value="13:20:59">
-  <mock:shadow-root>
-    <div class="timepicker__container" part="container">
-      <six-input error-text="" label="" part="input" size="medium" value="13:20:59">
-        <span class="prefix prefix--right" part="icon" slot="prefix">
-          <six-icon size="medium">
-            watch_later
-          </six-icon>
-        </span>
-        <button class="timepicker_clear timepicker_clear--left" slot="suffix" tabindex="-1" type="button">
-          <six-icon size="small">
-            clear
-          </six-icon>
-        </button>
-      </six-input>
-      <div class="timepicker__popup" part="popup">
-        <six-item-picker interval="35" max="23" min="0" padded="" timeout="300" type="number" value="13"></six-item-picker>
-        <div class="timepicker__separator">
-          <span>
-            :
-          </span>
-        </div>
-        <six-item-picker interval="35" max="59" min="0" padded="" timeout="300" type="number" value="20"></six-item-picker>
-        <div class="timepicker__separator">
-          <span>
-            :
-          </span>
-        </div>
-        <six-item-picker interval="35" max="59" min="0" padded="" timeout="300" type="number" value="59"></six-item-picker>
-      </div>
-    </div>
-  </mock:shadow-root>
-</six-timepicker>
-   `);
-  });
-});
-//# sourceMappingURL=six-timepicker.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"six-timepicker.spec.js","sourceRoot":"","sources":["../../../../src/components/six-timepicker/test/six-timepicker.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SixTimepicker } from '../six-timepicker';\n\ndescribe('six-timepicker', () => {\n  it('should render default timepicker', async () => {\n    // given\n    const config = {\n      components: [SixTimepicker],\n      html: `<six-timepicker></six-timepicker>`,\n    };\n\n    // when initially loaded\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page.root).toEqualHtml(`\n    <six-timepicker>\n    <mock:shadow-root>\n      <div class=\"timepicker__container\" part=\"container\">\n        <six-input class=\"input--empty\" error-text=\"\" label=\"\" part=\"input\" size=\"medium\" value=\"\">\n          <span class=\"prefix\" part=\"icon\" slot=\"prefix\">\n            <six-icon size=\"medium\">\n              watch_later\n            </six-icon>\n          </span>\n        </six-input>\n      </div>\n    </mock:shadow-root>\n  </six-timepicker>\n   `);\n\n    // when setting a value and opening the popup\n    if (page.root?.shadowRoot != null) {\n      page.root.value = '20:00:00';\n      page.root.shadowRoot.querySelector('six-input')?.click();\n    }\n    await page.waitForChanges();\n\n    // then expect the correct time to be rendered\n    expect(page.root).toEqualHtml(`\n<six-timepicker open=\"\">\n  <mock:shadow-root>\n    <div class=\"timepicker__container\" part=\"container\">\n      <six-input error-text=\"\" label=\"\" part=\"input\" size=\"medium\" value=\"20:00:00\">\n        <span class=\"prefix\" part=\"icon\" slot=\"prefix\">\n          <six-icon size=\"medium\">\n            watch_later\n          </six-icon>\n        </span>\n      </six-input>\n      <div class=\"timepicker__popup\" part=\"popup\">\n        <six-item-picker interval=\"35\" max=\"23\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"20\"></six-item-picker>\n        <div class=\"timepicker__separator\">\n          <span>\n            :\n          </span>\n        </div>\n        <six-item-picker interval=\"35\" max=\"59\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"0\"></six-item-picker>\n        <div class=\"timepicker__separator\">\n          <span>\n            :\n          </span>\n        </div>\n        <six-item-picker interval=\"35\" max=\"59\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"0\"></six-item-picker>\n      </div>\n    </div>\n  </mock:shadow-root>\n</six-timepicker>\n   `);\n  });\n\n  it('should render open timepicker', async () => {\n    // given\n    const config = {\n      components: [SixTimepicker],\n      html: `<six-timepicker open value=\"13:20:59\"></six-timepicker>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page.root).toEqualHtml(`\n    <six-timepicker open=\"\" value=\"13:20:59\">\n      <mock:shadow-root>\n        <div class=\"timepicker__container\" part=\"container\">\n          <six-input error-text=\"\" label=\"\" part=\"input\" size=\"medium\" value=\"13:20:59\">\n            <span class=\"prefix\" part=\"icon\" slot=\"prefix\">\n              <six-icon size=\"medium\">\n                watch_later\n              </six-icon>\n            </span>\n          </six-input>\n          <div class=\"timepicker__popup\" part=\"popup\">\n            <six-item-picker interval=\"35\" max=\"23\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"13\"></six-item-picker>\n            <div class=\"timepicker__separator\">\n              <span>\n                :\n              </span>\n            </div>\n            <six-item-picker interval=\"35\" max=\"59\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"20\"></six-item-picker>\n            <div class=\"timepicker__separator\">\n              <span>\n                :\n              </span>\n            </div>\n            <six-item-picker interval=\"35\" max=\"59\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"59\"></six-item-picker>\n          </div>\n        </div>\n      </mock:shadow-root>\n    </six-timepicker>\n   `);\n  });\n\n  it('should render inline timepicker', async () => {\n    // given\n    const config = {\n      components: [SixTimepicker],\n      html: `<six-timepicker inline value=\"13:20:59\"></six-timepicker>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page.root).toEqualHtml(`\n    <six-timepicker inline=\"\" open=\"\" value=\"13:20:59\">\n    <mock:shadow-root>\n      <div class=\"timepicker__container\" part=\"container\">\n        <six-input class=\"input--hide\" error-text=\"\" label=\"\" part=\"input\" size=\"medium\" value=\"13:20:59\">\n          <span class=\"prefix\" part=\"icon\" slot=\"prefix\">\n            <six-icon size=\"medium\">\n              watch_later\n            </six-icon>\n          </span>\n        </six-input>\n        <div class=\"timepicker__popup timepicker__popup--is-inline\" part=\"popup\">\n          <six-item-picker interval=\"35\" max=\"23\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"13\"></six-item-picker>\n          <div class=\"timepicker__separator\">\n            <span>\n              :\n            </span>\n          </div>\n          <six-item-picker interval=\"35\" max=\"59\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"20\"></six-item-picker>\n          <div class=\"timepicker__separator\">\n            <span>\n              :\n            </span>\n          </div>\n          <six-item-picker interval=\"35\" max=\"59\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"59\"></six-item-picker>\n        </div>\n      </div>\n    </mock:shadow-root>\n  </six-timepicker>\n   `);\n  });\n\n  it('should render open timepicker with default time', async () => {\n    // given\n    const config = {\n      components: [SixTimepicker],\n      html: `<six-timepicker open default-time=\"13:20:59\"></six-timepicker>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page.root).toEqualHtml(`\n    <six-timepicker default-time=\"13:20:59\" open=\"\">\n    <mock:shadow-root>\n      <div class=\"timepicker__container\" part=\"container\">\n        <six-input class=\"input--empty\" error-text=\"\" label=\"\" part=\"input\" size=\"medium\" value=\"\">\n          <span class=\"prefix\" part=\"icon\" slot=\"prefix\">\n            <six-icon size=\"medium\">\n              watch_later\n            </six-icon>\n          </span>\n        </six-input>\n        <div class=\"timepicker__popup\" part=\"popup\">\n          <six-item-picker interval=\"35\" max=\"23\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"13\"></six-item-picker>\n          <div class=\"timepicker__separator\">\n            <span>\n              :\n            </span>\n          </div>\n          <six-item-picker interval=\"35\" max=\"59\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"20\"></six-item-picker>\n          <div class=\"timepicker__separator\">\n            <span>\n              :\n            </span>\n          </div>\n          <six-item-picker interval=\"35\" max=\"59\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"59\"></six-item-picker>\n        </div>\n      </div>\n    </mock:shadow-root>\n  </six-timepicker>\n   `);\n  });\n\n  it('should render timepicker with different separator', async () => {\n    // given\n    const config = {\n      components: [SixTimepicker],\n      html: `<six-timepicker open value=\"11:59:20\" separator=\"-\"></six-timepicker>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page.root).toEqualHtml(`\n    <six-timepicker open=\"\" separator=\"-\" value=\"11:59:20\">\n      <mock:shadow-root>\n        <div class=\"timepicker__container\" part=\"container\">\n          <six-input error-text=\"\" label=\"\" part=\"input\" size=\"medium\" value=\"11:59:20\">\n            <span class=\"prefix\" part=\"icon\" slot=\"prefix\">\n              <six-icon size=\"medium\">\n                watch_later\n              </six-icon>\n            </span>\n          </six-input>\n          <div class=\"timepicker__popup\" part=\"popup\">\n            <six-item-picker interval=\"35\" max=\"23\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"11\"></six-item-picker>\n            <div class=\"timepicker__separator\">\n              <span>\n                -\n              </span>\n            </div>\n            <six-item-picker interval=\"35\" max=\"59\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"59\"></six-item-picker>\n            <div class=\"timepicker__separator\">\n              <span>\n                -\n              </span>\n            </div>\n            <six-item-picker interval=\"35\" max=\"59\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"20\"></six-item-picker>\n          </div>\n        </div>\n      </mock:shadow-root>\n    </six-timepicker>\n   `);\n  });\n\n  it('should render timepicker with different format', async () => {\n    // given\n    const config = {\n      components: [SixTimepicker],\n      html: `<six-timepicker open value=\"03:45:20:PM\" format=\"hh:mm:ss:aa\"></six-timepicker>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page.root).toEqualHtml(`\n<six-timepicker format=\"hh:mm:ss:aa\" open=\"\" value=\"03:45:20:PM\">\n  <mock:shadow-root>\n    <div class=\"timepicker__container\" part=\"container\">\n      <six-input error-text=\"\" label=\"\" part=\"input\" size=\"medium\" value=\"03:45:20:PM\">\n        <span class=\"prefix\" part=\"icon\" slot=\"prefix\">\n          <six-icon size=\"medium\">\n            watch_later\n          </six-icon>\n        </span>\n      </six-input>\n      <div class=\"timepicker__popup\" part=\"popup\">\n        <six-item-picker interval=\"35\" max=\"11\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"3\"></six-item-picker>\n        <div class=\"timepicker__separator\">\n          <span>\n            :\n          </span>\n        </div>\n        <six-item-picker interval=\"35\" max=\"59\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"45\"></six-item-picker>\n        <div class=\"timepicker__separator\">\n          <span>\n            :\n          </span>\n        </div>\n        <six-item-picker interval=\"35\" max=\"59\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"20\"></six-item-picker>\n        <six-item-picker interval=\"35\" padded=\"\" timeout=\"300\" type=\"custom\" value=\"PM\"></six-item-picker>\n      </div>\n    </div>\n  </mock:shadow-root>\n</six-timepicker>\n   `);\n  });\n\n  it('should render timepicker with adjusted timeout and interval', async () => {\n    // given\n    const config = {\n      components: [SixTimepicker],\n      html: `<six-timepicker open value=\"13:20:59\" timeout=\"500\" interval=\"150\"></six-timepicker>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page.root).toEqualHtml(`\n<six-timepicker interval=\"150\" open=\"\" timeout=\"500\" value=\"13:20:59\">\n  <mock:shadow-root>\n    <div class=\"timepicker__container\" part=\"container\">\n      <six-input error-text=\"\" label=\"\" part=\"input\" size=\"medium\" value=\"13:20:59\">\n        <span class=\"prefix\" part=\"icon\" slot=\"prefix\">\n          <six-icon size=\"medium\">\n            watch_later\n          </six-icon>\n        </span>\n      </six-input>\n      <div class=\"timepicker__popup\" part=\"popup\">\n        <six-item-picker interval=\"150\" max=\"23\" min=\"0\" padded=\"\" timeout=\"500\" type=\"number\" value=\"13\"></six-item-picker>\n        <div class=\"timepicker__separator\">\n          <span>\n            :\n          </span>\n        </div>\n        <six-item-picker interval=\"150\" max=\"59\" min=\"0\" padded=\"\" timeout=\"500\" type=\"number\" value=\"20\"></six-item-picker>\n        <div class=\"timepicker__separator\">\n          <span>\n            :\n          </span>\n        </div>\n        <six-item-picker interval=\"150\" max=\"59\" min=\"0\" padded=\"\" timeout=\"500\" type=\"number\" value=\"59\"></six-item-picker>\n      </div>\n    </div>\n  </mock:shadow-root>\n</six-timepicker>\n   `);\n  });\n\n  it('should render timepicker with placeholder', async () => {\n    // given\n    const config = {\n      components: [SixTimepicker],\n      html: `<six-timepicker placeholder=\"HH:mm:ss\"></six-timepicker>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page.root).toEqualHtml(`\n<six-timepicker placeholder=\"HH:mm:ss\">\n  <mock:shadow-root>\n    <div class=\"timepicker__container\" part=\"container\">\n      <six-input class=\"input--empty\" error-text=\"\" label=\"\" part=\"input\" placeholder=\"HH:mm:ss\" size=\"medium\" value=\"\">\n        <span class=\"prefix\" part=\"icon\" slot=\"prefix\">\n          <six-icon size=\"medium\">\n            watch_later\n          </six-icon>\n        </span>\n      </six-input>\n    </div>\n  </mock:shadow-root>\n</six-timepicker>\n   `);\n  });\n\n  it('should render readonly timepicker', async () => {\n    // given\n    const config = {\n      components: [SixTimepicker],\n      html: `<six-timepicker value=\"02:00:00\" readonly></six-timepicker>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page.root).toEqualHtml(`\n<six-timepicker readonly=\"\" value=\"02:00:00\">\n  <mock:shadow-root>\n    <div class=\"timepicker__container\" part=\"container\">\n      <six-input error-text=\"\" label=\"\" part=\"input\" readonly=\"\" size=\"medium\" value=\"02:00:00\">\n        <span class=\"prefix\" part=\"icon\" slot=\"prefix\">\n          <six-icon size=\"medium\">\n            watch_later\n          </six-icon>\n        </span>\n      </six-input>\n    </div>\n  </mock:shadow-root>\n</six-timepicker>\n   `);\n  });\n\n  it('should render disabled timepicker', async () => {\n    // given\n    const config = {\n      components: [SixTimepicker],\n      html: `<six-timepicker value=\"02:00:00\" disabled></six-timepicker>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page.root).toEqualHtml(`\n<six-timepicker disabled=\"\" value=\"02:00:00\">\n  <mock:shadow-root>\n    <div class=\"timepicker__container\" part=\"container\">\n      <six-input disabled=\"\" error-text=\"\" label=\"\" part=\"input\" size=\"medium\" value=\"02:00:00\">\n        <span class=\"prefix\" part=\"icon\" slot=\"prefix\">\n          <six-icon size=\"medium\">\n            watch_later\n          </six-icon>\n        </span>\n      </six-input>\n    </div>\n  </mock:shadow-root>\n</six-timepicker>\n   `);\n  });\n\n  it('should render timepicker in correct sizes', async () => {\n    // given\n    const config = {\n      components: [SixTimepicker],\n      html: `<six-timepicker size=\"small\"></six-timepicker>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page.root).toEqualHtml(`\n<six-timepicker size=\"small\">\n  <mock:shadow-root>\n    <div class=\"timepicker__container\" part=\"container\">\n      <six-input class=\"input--empty\" error-text=\"\" label=\"\" part=\"input\" size=\"small\" value=\"\">\n        <span class=\"prefix\" part=\"icon\" slot=\"prefix\">\n          <six-icon size=\"small\">\n            watch_later\n          </six-icon>\n        </span>\n      </six-input>\n    </div>\n  </mock:shadow-root>\n</six-timepicker>\n   `);\n\n    // when changing size\n    if (page.root != null) {\n      page.root.size = 'medium';\n    }\n    await page.waitForChanges();\n\n    // then expect medium sized timepicker\n    expect(page.root).toEqualHtml(`\n<six-timepicker size=\"small\">\n  <mock:shadow-root>\n    <div class=\"timepicker__container\" part=\"container\">\n      <six-input class=\"input--empty\" error-text=\"\" label=\"\" part=\"input\" size=\"medium\" value=\"\">\n        <span class=\"prefix\" part=\"icon\" slot=\"prefix\">\n          <six-icon size=\"medium\">\n            watch_later\n          </six-icon>\n        </span>\n      </six-input>\n    </div>\n  </mock:shadow-root>\n</six-timepicker>\n   `);\n\n    // when changing size\n    if (page.root != null) {\n      page.root.size = 'large';\n    }\n    await page.waitForChanges();\n\n    // then expect medium sized timepicker\n    expect(page.root).toEqualHtml(`\n<six-timepicker size=\"small\">\n  <mock:shadow-root>\n    <div class=\"timepicker__container\" part=\"container\">\n      <six-input class=\"input--empty\" error-text=\"\" label=\"\" part=\"input\" size=\"large\" value=\"\">\n        <span class=\"prefix\" part=\"icon\" slot=\"prefix\">\n          <six-icon size=\"medium\">\n            watch_later\n          </six-icon>\n        </span>\n      </six-input>\n    </div>\n  </mock:shadow-root>\n</six-timepicker>\n   `);\n  });\n\n  it('should render open timepicker with icon on the right', async () => {\n    // given\n    const config = {\n      components: [SixTimepicker],\n      html: `<six-timepicker open value=\"13:20:59\" icon-position=\"right\" clearable></six-timepicker>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page.root).toEqualHtml(`\n<six-timepicker clearable=\"\" icon-position=\"right\" open=\"\" value=\"13:20:59\">\n  <mock:shadow-root>\n    <div class=\"timepicker__container\" part=\"container\">\n      <six-input error-text=\"\" label=\"\" part=\"input\" size=\"medium\" value=\"13:20:59\">\n        <span class=\"prefix prefix--right\" part=\"icon\" slot=\"prefix\">\n          <six-icon size=\"medium\">\n            watch_later\n          </six-icon>\n        </span>\n        <button class=\"timepicker_clear timepicker_clear--left\" slot=\"suffix\" tabindex=\"-1\" type=\"button\">\n          <six-icon size=\"small\">\n            clear\n          </six-icon>\n        </button>\n      </six-input>\n      <div class=\"timepicker__popup\" part=\"popup\">\n        <six-item-picker interval=\"35\" max=\"23\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"13\"></six-item-picker>\n        <div class=\"timepicker__separator\">\n          <span>\n            :\n          </span>\n        </div>\n        <six-item-picker interval=\"35\" max=\"59\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"20\"></six-item-picker>\n        <div class=\"timepicker__separator\">\n          <span>\n            :\n          </span>\n        </div>\n        <six-item-picker interval=\"35\" max=\"59\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"59\"></six-item-picker>\n      </div>\n    </div>\n  </mock:shadow-root>\n</six-timepicker>\n   `);\n  });\n});\n"]}

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

@@ -1,28 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { SixTooltip } from "../six-tooltip";
-describe('six-tooltip', () => {
-  it('renders', async () => {
-    const page = await newSpecPage({
-      components: [SixTooltip],
-      html: `<six-tooltip content="This is a tooltip"><six-button>Hover Me</six-button></six-tooltip>`,
-    });
-    expect(page.root).toEqualHtml(`
-      <six-tooltip content="This is a tooltip">
-        <mock:shadow-root>
-          <slot></slot>
-          <div class="tooltip-positioner" hidden="">
-            <div aria-hidden="true" class="tooltip" id="tooltip-1" part="base" role="tooltip">
-              <slot name="content">
-                This is a tooltip
-              </slot>
-            </div>
-          </div>
-        </mock:shadow-root>
-        <six-button>
-          Hover Me
-        </six-button>
-      </six-tooltip>
-    `);
-  });
-});
-//# sourceMappingURL=six-tooltip.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"six-tooltip.spec.js","sourceRoot":"","sources":["../../../../src/components/six-tooltip/test/six-tooltip.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;EAC3B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;MACxB,IAAI,EAAE,0FAA0F;KACjG,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;KAgB7B,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SixTooltip } from '../six-tooltip';\n\ndescribe('six-tooltip', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [SixTooltip],\n      html: `<six-tooltip content=\"This is a tooltip\"><six-button>Hover Me</six-button></six-tooltip>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <six-tooltip content=\"This is a tooltip\">\n        <mock:shadow-root>\n          <slot></slot>\n          <div class=\"tooltip-positioner\" hidden=\"\">\n            <div aria-hidden=\"true\" class=\"tooltip\" id=\"tooltip-1\" part=\"base\" role=\"tooltip\">\n              <slot name=\"content\">\n                This is a tooltip\n              </slot>\n            </div>\n          </div>\n        </mock:shadow-root>\n        <six-button>\n          Hover Me\n        </six-button>\n      </six-tooltip>\n    `);\n  });\n});\n"]}