@ukic/web-components 2.9.0 → 2.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/core.cjs.js +3 -3
- package/dist/cjs/core.cjs.js.map +1 -1
- package/dist/cjs/{helpers-3f91f63a.js → helpers-56e80cc9.js} +6 -6
- package/dist/cjs/{helpers-3f91f63a.js.map → helpers-56e80cc9.js.map} +1 -1
- package/dist/cjs/ic-accordion-group.cjs.entry.js +1 -1
- package/dist/cjs/ic-accordion.cjs.entry.js +2 -2
- package/dist/cjs/ic-alert.cjs.entry.js +2 -2
- package/dist/cjs/ic-back-to-top.cjs.entry.js +5 -9
- package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-badge.cjs.entry.js +2 -2
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +2 -2
- package/dist/cjs/ic-breadcrumb.cjs.entry.js +2 -2
- package/dist/cjs/ic-button_3.cjs.entry.js +70 -36
- package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-card.cjs.entry.js +2 -2
- package/dist/cjs/ic-checkbox-group.cjs.entry.js +2 -2
- package/dist/cjs/ic-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/ic-chip.cjs.entry.js +2 -2
- package/dist/cjs/ic-classification-banner.cjs.entry.js +1 -1
- package/dist/cjs/ic-data-entity.cjs.entry.js +1 -1
- package/dist/cjs/ic-data-row.cjs.entry.js +2 -2
- package/dist/cjs/ic-dialog.cjs.entry.js +2 -2
- package/dist/cjs/ic-divider.cjs.entry.js +2 -2
- package/dist/cjs/ic-empty-state.cjs.entry.js +2 -2
- package/dist/cjs/ic-footer-link-group.cjs.entry.js +2 -2
- package/dist/cjs/ic-footer-link.cjs.entry.js +2 -2
- package/dist/cjs/ic-footer.cjs.entry.js +2 -2
- package/dist/cjs/ic-hero.cjs.entry.js +2 -2
- package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +2 -2
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js +16 -24
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-input-label_2.cjs.entry.js +2 -2
- package/dist/cjs/ic-link.cjs.entry.js +2 -2
- package/dist/cjs/ic-menu-group.cjs.entry.js +2 -2
- package/dist/cjs/ic-menu-item.cjs.entry.js +3 -3
- package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-button.cjs.entry.js +2 -2
- package/dist/cjs/ic-navigation-group.cjs.entry.js +6 -9
- package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-item.cjs.entry.js +2 -2
- package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-menu.cjs.entry.js +2 -2
- package/dist/cjs/ic-page-header.cjs.entry.js +7 -4
- package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-pagination-item.cjs.entry.js +2 -2
- package/dist/cjs/ic-pagination.cjs.entry.js +2 -2
- package/dist/cjs/ic-popover-menu.cjs.entry.js +4 -2
- package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-radio-group.cjs.entry.js +2 -2
- package/dist/cjs/ic-radio-option.cjs.entry.js +2 -2
- package/dist/cjs/ic-search-bar.cjs.entry.js +2 -2
- package/dist/cjs/ic-section-container.cjs.entry.js +1 -1
- package/dist/cjs/ic-select.cjs.entry.js +3 -3
- package/dist/cjs/ic-select.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-side-navigation.cjs.entry.js +33 -62
- package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/ic-status-tag.cjs.entry.js +4 -3
- package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-step.cjs.entry.js +2 -2
- package/dist/cjs/ic-stepper.cjs.entry.js +2 -2
- package/dist/cjs/ic-switch.cjs.entry.js +2 -2
- package/dist/cjs/ic-tab-context.cjs.entry.js +1 -1
- package/dist/cjs/ic-tab-group.cjs.entry.js +2 -2
- package/dist/cjs/ic-tab-panel.cjs.entry.js +2 -2
- package/dist/cjs/ic-tab.cjs.entry.js +2 -2
- package/dist/cjs/ic-text-field.cjs.entry.js +4 -4
- package/dist/cjs/ic-text-field.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-theme.cjs.entry.js +2 -2
- package/dist/cjs/ic-toast-region.cjs.entry.js +1 -1
- package/dist/cjs/ic-toast.cjs.entry.js +13 -16
- package/dist/cjs/ic-toast.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toggle-button.cjs.entry.js +69 -0
- package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-top-navigation.cjs.entry.js +4 -3
- package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-typography.cjs.entry.js +2 -2
- package/dist/cjs/{index-152d1fe5.js → index-f982899d.js} +6 -12
- package/dist/cjs/index-f982899d.js.map +1 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/assets/arrow-dropdown.svg +3 -0
- package/dist/collection/collection-manifest.json +3 -2
- package/dist/collection/components/ic-accordion/ic-accordion.js.map +1 -1
- package/dist/collection/components/ic-accordion-group/ic-accordion-group.js.map +1 -1
- package/dist/collection/components/ic-back-to-top/ic-back-to-top.js +3 -7
- package/dist/collection/components/ic-back-to-top/ic-back-to-top.js.map +1 -1
- package/dist/collection/components/ic-badge/ic-badge.js.map +1 -1
- package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.js.map +1 -1
- package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js.map +1 -1
- package/dist/collection/components/ic-button/ic-button.css +31 -2
- package/dist/collection/components/ic-button/ic-button.js +63 -3
- package/dist/collection/components/ic-button/ic-button.js.map +1 -1
- package/dist/collection/components/ic-card/ic-card.js.map +1 -1
- package/dist/collection/components/ic-checkbox/ic-checkbox.js.map +1 -1
- package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js.map +1 -1
- package/dist/collection/components/ic-chip/ic-chip.js.map +1 -1
- package/dist/collection/components/ic-data-entity/ic-data-entity.js.map +1 -1
- package/dist/collection/components/ic-data-row/ic-data-row.js.map +1 -1
- package/dist/collection/components/ic-dialog/ic-dialog.js.map +1 -1
- package/dist/collection/components/ic-footer/ic-footer.js.map +1 -1
- package/dist/collection/components/ic-footer-link/ic-footer-link.js.map +1 -1
- package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js.map +1 -1
- package/dist/collection/components/ic-hero/ic-hero.js.map +1 -1
- package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.js.map +1 -1
- package/dist/collection/components/ic-link/ic-link.js.map +1 -1
- package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js.map +1 -1
- package/dist/collection/components/ic-menu/ic-menu.js +14 -22
- package/dist/collection/components/ic-menu/ic-menu.js.map +1 -1
- package/dist/collection/components/ic-menu/test/basic/ic-menu.spec.js +60 -2
- package/dist/collection/components/ic-menu/test/basic/ic-menu.spec.js.map +1 -1
- package/dist/collection/components/ic-menu-item/ic-menu-item.css +16 -16
- package/dist/collection/components/ic-menu-item/ic-menu-item.js.map +1 -1
- package/dist/collection/components/ic-navigation-button/ic-navigation-button.js.map +1 -1
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.js +4 -7
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.js.map +1 -1
- package/dist/collection/components/ic-navigation-item/ic-navigation-item.css +28 -7
- package/dist/collection/components/ic-navigation-item/ic-navigation-item.js.map +1 -1
- package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.js.map +1 -1
- package/dist/collection/components/ic-page-header/ic-page-header.css +1 -1
- package/dist/collection/components/ic-page-header/ic-page-header.js +4 -1
- package/dist/collection/components/ic-page-header/ic-page-header.js.map +1 -1
- package/dist/collection/components/ic-pagination/ic-pagination.js.map +1 -1
- package/dist/collection/components/ic-popover-menu/ic-popover-menu.js +19 -0
- package/dist/collection/components/ic-popover-menu/ic-popover-menu.js.map +1 -1
- package/dist/collection/components/ic-radio-group/ic-radio-group.js.map +1 -1
- package/dist/collection/components/ic-radio-option/ic-radio-option.js.map +1 -1
- package/dist/collection/components/ic-search-bar/ic-search-bar.js.map +1 -1
- package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.e2e.js.map +1 -1
- package/dist/collection/components/ic-select/ic-select.css +1 -0
- package/dist/collection/components/ic-select/ic-select.js.map +1 -1
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.js +31 -60
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.js.map +1 -1
- package/dist/collection/components/ic-skeleton/ic-skeleton.js.map +1 -1
- package/dist/collection/components/ic-status-tag/ic-status-tag.css +9 -0
- package/dist/collection/components/ic-status-tag/ic-status-tag.js +1 -0
- package/dist/collection/components/ic-status-tag/ic-status-tag.js.map +1 -1
- package/dist/collection/components/ic-step/ic-step.js.map +1 -1
- package/dist/collection/components/ic-stepper/ic-stepper.js.map +1 -1
- package/dist/collection/components/ic-stepper/test/basic/ic-stepper.spec.js.map +1 -1
- package/dist/collection/components/ic-switch/ic-switch.js.map +1 -1
- package/dist/collection/components/ic-tab/ic-tab.js.map +1 -1
- package/dist/collection/components/ic-tab-context/ic-tab-context.js.map +1 -1
- package/dist/collection/components/ic-tab-panel/ic-tab-panel.js.map +1 -1
- package/dist/collection/components/ic-text-field/ic-text-field.js +2 -2
- package/dist/collection/components/ic-text-field/ic-text-field.js.map +1 -1
- package/dist/collection/components/ic-theme/ic-theme.js.map +1 -1
- package/dist/collection/components/ic-toast/ic-toast.js +11 -14
- package/dist/collection/components/ic-toast/ic-toast.js.map +1 -1
- package/dist/collection/components/ic-toast-region/ic-toast-region.js.map +1 -1
- package/dist/collection/components/ic-toggle-button/ic-toggle-button.css +555 -0
- package/dist/collection/components/ic-toggle-button/ic-toggle-button.js +291 -0
- package/dist/collection/components/ic-toggle-button/ic-toggle-button.js.map +1 -0
- package/dist/collection/components/ic-toggle-button/test/basic/ic-toggle-button.spec.js +116 -0
- package/dist/collection/components/ic-toggle-button/test/basic/ic-toggle-button.spec.js.map +1 -0
- package/dist/collection/components/ic-tooltip/ic-tooltip.js +59 -30
- package/dist/collection/components/ic-tooltip/ic-tooltip.js.map +1 -1
- package/dist/collection/components/ic-tooltip/test/basic/ic-tooltip.spec.js +11 -0
- package/dist/collection/components/ic-tooltip/test/basic/ic-tooltip.spec.js.map +1 -1
- package/dist/collection/components/ic-top-navigation/ic-top-navigation.js +2 -1
- package/dist/collection/components/ic-top-navigation/ic-top-navigation.js.map +1 -1
- package/dist/collection/components/ic-typography/ic-typography.js.map +1 -1
- package/dist/collection/utils/helpers.js +5 -5
- package/dist/collection/utils/helpers.js.map +1 -1
- package/dist/components/helpers.js +5 -5
- package/dist/components/ic-back-to-top.js +3 -7
- package/dist/components/ic-back-to-top.js.map +1 -1
- package/dist/components/ic-button2.js +32 -4
- package/dist/components/ic-button2.js.map +1 -1
- package/dist/components/ic-menu-item2.js +1 -1
- package/dist/components/ic-menu-item2.js.map +1 -1
- package/dist/components/ic-menu2.js +14 -22
- package/dist/components/ic-menu2.js.map +1 -1
- package/dist/components/ic-navigation-group.js +4 -7
- package/dist/components/ic-navigation-group.js.map +1 -1
- package/dist/components/ic-navigation-item.js.map +1 -1
- package/dist/components/ic-page-header.js +5 -2
- package/dist/components/ic-page-header.js.map +1 -1
- package/dist/components/ic-popover-menu.js +3 -1
- package/dist/components/ic-popover-menu.js.map +1 -1
- package/dist/components/ic-select.js +1 -1
- package/dist/components/ic-select.js.map +1 -1
- package/dist/components/ic-side-navigation.js +31 -60
- package/dist/components/ic-side-navigation.js.map +1 -1
- package/dist/components/ic-status-tag.js +2 -1
- package/dist/components/ic-status-tag.js.map +1 -1
- package/dist/components/ic-text-field2.js +2 -2
- package/dist/components/ic-text-field2.js.map +1 -1
- package/dist/components/ic-toast.js +11 -14
- package/dist/components/ic-toast.js.map +1 -1
- package/dist/components/ic-toggle-button.d.ts +11 -0
- package/dist/components/ic-toggle-button.js +117 -0
- package/dist/components/ic-toggle-button.js.map +1 -0
- package/dist/components/ic-tooltip2.js +39 -30
- package/dist/components/ic-tooltip2.js.map +1 -1
- package/dist/components/ic-top-navigation.js +2 -1
- package/dist/components/ic-top-navigation.js.map +1 -1
- package/dist/core/core.css +1 -1
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/{p-daebb58a.entry.js → p-003c44bd.entry.js} +2 -2
- package/dist/core/{p-b6a575c3.entry.js → p-049bf5e3.entry.js} +2 -2
- package/dist/core/p-0713230f.entry.js +2 -0
- package/dist/core/p-0713230f.entry.js.map +1 -0
- package/dist/core/{p-ea17e371.entry.js → p-0a0b748c.entry.js} +2 -2
- package/dist/core/{p-d18450f9.entry.js → p-0d2eb765.entry.js} +2 -2
- package/dist/core/{p-6d3f9501.entry.js → p-0ee13da0.entry.js} +2 -2
- package/dist/core/{p-15466b42.entry.js → p-1145e33c.entry.js} +2 -2
- package/dist/core/{p-056f8a67.entry.js → p-171e25c9.entry.js} +2 -2
- package/dist/core/{p-51f9f329.entry.js → p-1e809ecd.entry.js} +2 -2
- package/dist/core/p-1e809ecd.entry.js.map +1 -0
- package/dist/core/{p-5f9d69ef.entry.js → p-22208df0.entry.js} +2 -2
- package/dist/core/p-22208df0.entry.js.map +1 -0
- package/dist/core/{p-ad36a704.entry.js → p-26334b3a.entry.js} +2 -2
- package/dist/core/{p-dbb5b008.entry.js → p-29b812c0.entry.js} +2 -2
- package/dist/core/{p-b9736cf4.entry.js → p-2e7f22af.entry.js} +2 -2
- package/dist/core/{p-aa0a9870.entry.js → p-357eaebe.entry.js} +2 -2
- package/dist/core/{p-9639e33f.entry.js → p-38bf02aa.entry.js} +2 -2
- package/dist/core/{p-b99f9e89.entry.js → p-3c752bca.entry.js} +2 -2
- package/dist/core/{p-3a0ef91e.entry.js → p-3cc52cbc.entry.js} +2 -2
- package/dist/core/{p-e278242f.entry.js → p-3ebe5fa3.entry.js} +2 -2
- package/dist/core/p-3ebe5fa3.entry.js.map +1 -0
- package/dist/core/{p-5c7e339f.entry.js → p-3f07c471.entry.js} +2 -2
- package/dist/core/p-3f07c471.entry.js.map +1 -0
- package/dist/core/{p-c770e7a2.entry.js → p-42c0e318.entry.js} +2 -2
- package/dist/core/{p-2b24b4bf.entry.js → p-4421203e.entry.js} +2 -2
- package/dist/core/{p-11736fbe.entry.js → p-4f1792a6.entry.js} +2 -2
- package/dist/core/{p-b39ecae2.entry.js → p-4f8b7aa3.entry.js} +2 -2
- package/dist/core/{p-8a83f391.entry.js → p-525323ab.entry.js} +2 -2
- package/dist/core/{p-c2452388.entry.js → p-5894f6aa.entry.js} +2 -2
- package/dist/core/{p-e9738c74.entry.js → p-59c4bc0a.entry.js} +2 -2
- package/dist/core/{p-60c4604f.entry.js → p-5adaf5c3.entry.js} +2 -2
- package/dist/core/{p-95a864bf.js → p-671b7cac.js} +1 -1
- package/dist/core/p-6b5e91e2.js +3 -0
- package/dist/core/p-6b5e91e2.js.map +1 -0
- package/dist/core/p-6bbe0550.entry.js +2 -0
- package/dist/core/p-6bbe0550.entry.js.map +1 -0
- package/dist/core/{p-fdb4b48f.entry.js → p-783c2ced.entry.js} +2 -2
- package/dist/core/{p-f2e6b9ef.entry.js → p-7b720034.entry.js} +2 -2
- package/dist/core/{p-22c024ee.entry.js → p-7c724f2c.entry.js} +2 -2
- package/dist/core/{p-335fc5e4.entry.js → p-8146336b.entry.js} +2 -2
- package/dist/core/{p-cd8de4c5.entry.js → p-8931210a.entry.js} +2 -2
- package/dist/core/{p-529d8955.entry.js → p-8a66cab4.entry.js} +2 -2
- package/dist/core/{p-ca48e97a.entry.js → p-8be3ec3d.entry.js} +2 -2
- package/dist/core/{p-180e36b1.entry.js → p-8c2322a9.entry.js} +2 -2
- package/dist/core/{p-31969be6.entry.js → p-8f97463f.entry.js} +2 -2
- package/dist/core/p-8f97463f.entry.js.map +1 -0
- package/dist/core/{p-edd29edc.entry.js → p-9184e385.entry.js} +2 -2
- package/dist/core/p-9808f7c9.entry.js +2 -0
- package/dist/core/p-9808f7c9.entry.js.map +1 -0
- package/dist/core/p-9b8ab047.entry.js +2 -0
- package/dist/core/p-9b8ab047.entry.js.map +1 -0
- package/dist/core/{p-366bcb17.entry.js → p-9ee138e7.entry.js} +2 -2
- package/dist/core/p-a6143c94.entry.js +2 -0
- package/dist/core/p-a6143c94.entry.js.map +1 -0
- package/dist/core/{p-15ef0674.entry.js → p-b74f92b6.entry.js} +2 -2
- package/dist/core/p-b74f92b6.entry.js.map +1 -0
- package/dist/core/{p-e5abfadd.entry.js → p-b7a2e604.entry.js} +2 -2
- package/dist/core/{p-b0088956.entry.js → p-bb41b637.entry.js} +2 -2
- package/dist/core/{p-02159742.entry.js → p-bf93455b.entry.js} +2 -2
- package/dist/core/{p-02159742.entry.js.map → p-bf93455b.entry.js.map} +1 -1
- package/dist/core/p-c1109ec7.entry.js +2 -0
- package/dist/core/p-c1109ec7.entry.js.map +1 -0
- package/dist/core/{p-cfc930f6.entry.js → p-c75d6022.entry.js} +2 -2
- package/dist/core/{p-f0809037.entry.js → p-c786d62f.entry.js} +2 -2
- package/dist/core/{p-edec0936.entry.js → p-c7a08024.entry.js} +2 -2
- package/dist/core/{p-6eb0421d.entry.js → p-cf798ea7.entry.js} +2 -2
- package/dist/core/p-d3e54a29.entry.js +2 -0
- package/dist/core/p-d3e54a29.entry.js.map +1 -0
- package/dist/core/{p-287ab47c.entry.js → p-de87d585.entry.js} +2 -2
- package/dist/core/{p-15624e08.entry.js → p-e4d827d4.entry.js} +2 -2
- package/dist/core/{p-765bdd98.entry.js → p-e9723eaa.entry.js} +2 -2
- package/dist/core/{p-498eb7ad.entry.js → p-eb2d06c1.entry.js} +2 -2
- package/dist/core/{p-ee97e2a5.entry.js → p-f62982ae.entry.js} +2 -2
- package/dist/core/p-f62982ae.entry.js.map +1 -0
- package/dist/core/{p-94e88827.entry.js → p-f9452975.entry.js} +2 -2
- package/dist/esm/core.js +4 -4
- package/dist/esm/core.js.map +1 -1
- package/dist/esm/{helpers-c597f246.js → helpers-821dcdf2.js} +6 -6
- package/dist/esm/{helpers-c597f246.js.map → helpers-821dcdf2.js.map} +1 -1
- package/dist/esm/ic-accordion-group.entry.js +1 -1
- package/dist/esm/ic-accordion.entry.js +2 -2
- package/dist/esm/ic-alert.entry.js +2 -2
- package/dist/esm/ic-back-to-top.entry.js +5 -9
- package/dist/esm/ic-back-to-top.entry.js.map +1 -1
- package/dist/esm/ic-badge.entry.js +2 -2
- package/dist/esm/ic-breadcrumb-group.entry.js +2 -2
- package/dist/esm/ic-breadcrumb.entry.js +2 -2
- package/dist/esm/ic-button_3.entry.js +70 -36
- package/dist/esm/ic-button_3.entry.js.map +1 -1
- package/dist/esm/ic-card.entry.js +2 -2
- package/dist/esm/ic-checkbox-group.entry.js +2 -2
- package/dist/esm/ic-checkbox.entry.js +2 -2
- package/dist/esm/ic-chip.entry.js +2 -2
- package/dist/esm/ic-classification-banner.entry.js +1 -1
- package/dist/esm/ic-data-entity.entry.js +1 -1
- package/dist/esm/ic-data-row.entry.js +2 -2
- package/dist/esm/ic-dialog.entry.js +2 -2
- package/dist/esm/ic-divider.entry.js +2 -2
- package/dist/esm/ic-empty-state.entry.js +2 -2
- package/dist/esm/ic-footer-link-group.entry.js +2 -2
- package/dist/esm/ic-footer-link.entry.js +2 -2
- package/dist/esm/ic-footer.entry.js +2 -2
- package/dist/esm/ic-hero.entry.js +2 -2
- package/dist/esm/ic-horizontal-scroll.entry.js +2 -2
- package/dist/esm/ic-input-component-container_3.entry.js +16 -24
- package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
- package/dist/esm/ic-input-label_2.entry.js +2 -2
- package/dist/esm/ic-link.entry.js +2 -2
- package/dist/esm/ic-menu-group.entry.js +2 -2
- package/dist/esm/ic-menu-item.entry.js +3 -3
- package/dist/esm/ic-menu-item.entry.js.map +1 -1
- package/dist/esm/ic-navigation-button.entry.js +2 -2
- package/dist/esm/ic-navigation-group.entry.js +6 -9
- package/dist/esm/ic-navigation-group.entry.js.map +1 -1
- package/dist/esm/ic-navigation-item.entry.js +2 -2
- package/dist/esm/ic-navigation-item.entry.js.map +1 -1
- package/dist/esm/ic-navigation-menu.entry.js +2 -2
- package/dist/esm/ic-page-header.entry.js +7 -4
- package/dist/esm/ic-page-header.entry.js.map +1 -1
- package/dist/esm/ic-pagination-item.entry.js +2 -2
- package/dist/esm/ic-pagination.entry.js +2 -2
- package/dist/esm/ic-popover-menu.entry.js +4 -2
- package/dist/esm/ic-popover-menu.entry.js.map +1 -1
- package/dist/esm/ic-radio-group.entry.js +2 -2
- package/dist/esm/ic-radio-option.entry.js +2 -2
- package/dist/esm/ic-search-bar.entry.js +2 -2
- package/dist/esm/ic-section-container.entry.js +1 -1
- package/dist/esm/ic-select.entry.js +3 -3
- package/dist/esm/ic-select.entry.js.map +1 -1
- package/dist/esm/ic-side-navigation.entry.js +33 -62
- package/dist/esm/ic-side-navigation.entry.js.map +1 -1
- package/dist/esm/ic-skeleton.entry.js +1 -1
- package/dist/esm/ic-status-tag.entry.js +4 -3
- package/dist/esm/ic-status-tag.entry.js.map +1 -1
- package/dist/esm/ic-step.entry.js +2 -2
- package/dist/esm/ic-stepper.entry.js +2 -2
- package/dist/esm/ic-switch.entry.js +2 -2
- package/dist/esm/ic-tab-context.entry.js +1 -1
- package/dist/esm/ic-tab-group.entry.js +2 -2
- package/dist/esm/ic-tab-panel.entry.js +2 -2
- package/dist/esm/ic-tab.entry.js +2 -2
- package/dist/esm/ic-text-field.entry.js +4 -4
- package/dist/esm/ic-text-field.entry.js.map +1 -1
- package/dist/esm/ic-theme.entry.js +2 -2
- package/dist/esm/ic-toast-region.entry.js +1 -1
- package/dist/esm/ic-toast.entry.js +13 -16
- package/dist/esm/ic-toast.entry.js.map +1 -1
- package/dist/esm/ic-toggle-button.entry.js +65 -0
- package/dist/esm/ic-toggle-button.entry.js.map +1 -0
- package/dist/esm/ic-top-navigation.entry.js +4 -3
- package/dist/esm/ic-top-navigation.entry.js.map +1 -1
- package/dist/esm/ic-typography.entry.js +2 -2
- package/dist/esm/{index-05003e1c.js → index-d1d2c456.js} +6 -12
- package/dist/esm/index-d1d2c456.js.map +1 -0
- package/dist/esm/loader.js +3 -3
- package/dist/types/components/ic-button/ic-button.d.ts +10 -0
- package/dist/types/components/ic-menu/ic-menu.d.ts +1 -0
- package/dist/types/components/ic-popover-menu/ic-popover-menu.d.ts +5 -0
- package/dist/types/components/ic-side-navigation/ic-side-navigation.d.ts +1 -1
- package/dist/types/components/ic-toggle-button/ic-toggle-button.d.ts +60 -0
- package/dist/types/components/ic-tooltip/ic-tooltip.d.ts +4 -0
- package/dist/types/components.d.ts +152 -0
- package/dist/types/interface.d.ts +3 -0
- package/hydrate/index.d.ts +1 -1
- package/hydrate/index.js +276 -197
- package/package.json +26 -17
- package/vscode-data.json +98 -0
- package/dist/cjs/index-152d1fe5.js.map +0 -1
- package/dist/collection/components/ic-accordion/test/basic/ic-accordion.e2e.js +0 -57
- package/dist/collection/components/ic-accordion/test/basic/ic-accordion.e2e.js.map +0 -1
- package/dist/collection/components/ic-accordion-group/test/a11y/ic-accordion-group.test.a11y.js +0 -31
- package/dist/collection/components/ic-accordion-group/test/a11y/ic-accordion-group.test.a11y.js.map +0 -1
- package/dist/collection/components/ic-accordion-group/test/basic/ic-accordion-group.e2e.js +0 -117
- package/dist/collection/components/ic-accordion-group/test/basic/ic-accordion-group.e2e.js.map +0 -1
- package/dist/collection/components/ic-alert/test/a11y/ic-alert.test.a11y.js +0 -11
- package/dist/collection/components/ic-alert/test/a11y/ic-alert.test.a11y.js.map +0 -1
- package/dist/collection/components/ic-alert/test/basic/ic-alert.e2e.js +0 -16
- package/dist/collection/components/ic-alert/test/basic/ic-alert.e2e.js.map +0 -1
- package/dist/collection/components/ic-back-to-top/test/a11y/ic-back-to-top.test.a11y.js +0 -28
- package/dist/collection/components/ic-back-to-top/test/a11y/ic-back-to-top.test.a11y.js.map +0 -1
- package/dist/collection/components/ic-back-to-top/test/basic/ic-back-to-top.e2e.js +0 -68
- package/dist/collection/components/ic-back-to-top/test/basic/ic-back-to-top.e2e.js.map +0 -1
- package/dist/collection/components/ic-badge/test/a11y/ic-badge.test.a11y.js +0 -16
- package/dist/collection/components/ic-badge/test/a11y/ic-badge.test.a11y.js.map +0 -1
- package/dist/collection/components/ic-breadcrumb-group/test/a11y/ic-breadcrumb-group.test.a11y.js +0 -21
- package/dist/collection/components/ic-breadcrumb-group/test/a11y/ic-breadcrumb-group.test.a11y.js.map +0 -1
- package/dist/collection/components/ic-breadcrumb-group/test/basic/ic-breadcrumb-group-test-examples.js +0 -35
- package/dist/collection/components/ic-breadcrumb-group/test/basic/ic-breadcrumb-group-test-examples.js.map +0 -1
- package/dist/collection/components/ic-breadcrumb-group/test/basic/ic-breadcrumb-group.e2e.js +0 -41
- package/dist/collection/components/ic-breadcrumb-group/test/basic/ic-breadcrumb-group.e2e.js.map +0 -1
- package/dist/collection/components/ic-button/test/a11y/ic-button.test.a11y.js +0 -11
- package/dist/collection/components/ic-button/test/a11y/ic-button.test.a11y.js.map +0 -1
- package/dist/collection/components/ic-button/test/basic/ic-button.e2e.js +0 -198
- package/dist/collection/components/ic-button/test/basic/ic-button.e2e.js.map +0 -1
- package/dist/collection/components/ic-checkbox-group/test/a11y/ic-checkbox-group.test.a11y.js +0 -16
- package/dist/collection/components/ic-checkbox-group/test/a11y/ic-checkbox-group.test.a11y.js.map +0 -1
- package/dist/collection/components/ic-checkbox-group/test/basic/ic-checkbox-group.e2e.js +0 -201
- package/dist/collection/components/ic-checkbox-group/test/basic/ic-checkbox-group.e2e.js.map +0 -1
- package/dist/collection/components/ic-classification-banner/test/a11y/ic-classification-banner.test.a11y.js +0 -11
- package/dist/collection/components/ic-classification-banner/test/a11y/ic-classification-banner.test.a11y.js.map +0 -1
- package/dist/collection/components/ic-dialog/test/a11y/ic-dialog.test.a11y.js +0 -28
- package/dist/collection/components/ic-dialog/test/a11y/ic-dialog.test.a11y.js.map +0 -1
- package/dist/collection/components/ic-dialog/test/basic/ic-dialog.e2e.js +0 -288
- package/dist/collection/components/ic-dialog/test/basic/ic-dialog.e2e.js.map +0 -1
- package/dist/collection/components/ic-select/test/a11y/ic-select.test.a11y.js +0 -28
- package/dist/collection/components/ic-select/test/a11y/ic-select.test.a11y.js.map +0 -1
- package/dist/collection/components/ic-select/test/basic/ic-select.e2e.js +0 -1825
- package/dist/collection/components/ic-select/test/basic/ic-select.e2e.js.map +0 -1
- package/dist/collection/components/ic-side-navigation/test/a11y/ic-side-navigation.test.a11y.js +0 -14
- package/dist/collection/components/ic-side-navigation/test/a11y/ic-side-navigation.test.a11y.js.map +0 -1
- package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation-test-examples.js +0 -582
- package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation-test-examples.js.map +0 -1
- package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation.e2e.js +0 -475
- package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation.e2e.js.map +0 -1
- package/dist/collection/components/ic-toast/test/a11y/ic-toast.test.a11y.js +0 -16
- package/dist/collection/components/ic-toast/test/a11y/ic-toast.test.a11y.js.map +0 -1
- package/dist/collection/components/ic-toast/test/basic/ic-toast.e2e.js +0 -82
- package/dist/collection/components/ic-toast/test/basic/ic-toast.e2e.js.map +0 -1
- package/dist/collection/components/ic-top-navigation/test/a11y/ic-top-navigation.test.a11y.js +0 -32
- package/dist/collection/components/ic-top-navigation/test/a11y/ic-top-navigation.test.a11y.js.map +0 -1
- package/dist/collection/components/ic-top-navigation/test/basic/ic-top-navigation.e2e.js +0 -61
- package/dist/collection/components/ic-top-navigation/test/basic/ic-top-navigation.e2e.js.map +0 -1
- package/dist/collection/components/ic-top-navigation/test/basic/ic-top-navigation.mobile.e2e.js +0 -244
- package/dist/collection/components/ic-top-navigation/test/basic/ic-top-navigation.mobile.e2e.js.map +0 -1
- package/dist/core/p-15ef0674.entry.js.map +0 -1
- package/dist/core/p-31969be6.entry.js.map +0 -1
- package/dist/core/p-51f9f329.entry.js.map +0 -1
- package/dist/core/p-52e063d3.js +0 -3
- package/dist/core/p-52e063d3.js.map +0 -1
- package/dist/core/p-5c7e339f.entry.js.map +0 -1
- package/dist/core/p-5f9d69ef.entry.js.map +0 -1
- package/dist/core/p-6bc431b2.entry.js +0 -2
- package/dist/core/p-6bc431b2.entry.js.map +0 -1
- package/dist/core/p-7f887c1e.entry.js +0 -2
- package/dist/core/p-7f887c1e.entry.js.map +0 -1
- package/dist/core/p-96da1e85.entry.js +0 -2
- package/dist/core/p-96da1e85.entry.js.map +0 -1
- package/dist/core/p-988991d3.entry.js +0 -2
- package/dist/core/p-988991d3.entry.js.map +0 -1
- package/dist/core/p-9c30720d.entry.js +0 -2
- package/dist/core/p-9c30720d.entry.js.map +0 -1
- package/dist/core/p-ca178add.entry.js +0 -2
- package/dist/core/p-ca178add.entry.js.map +0 -1
- package/dist/core/p-e278242f.entry.js.map +0 -1
- package/dist/core/p-ee97e2a5.entry.js.map +0 -1
- package/dist/esm/index-05003e1c.js.map +0 -1
- package/dist/types/components/ic-accordion-group/test/a11y/ic-accordion-group.test.a11y.d.ts +0 -1
- package/dist/types/components/ic-alert/test/a11y/ic-alert.test.a11y.d.ts +0 -1
- package/dist/types/components/ic-back-to-top/test/a11y/ic-back-to-top.test.a11y.d.ts +0 -1
- package/dist/types/components/ic-badge/test/a11y/ic-badge.test.a11y.d.ts +0 -1
- package/dist/types/components/ic-breadcrumb-group/test/a11y/ic-breadcrumb-group.test.a11y.d.ts +0 -1
- package/dist/types/components/ic-breadcrumb-group/test/basic/ic-breadcrumb-group-test-examples.d.ts +0 -2
- package/dist/types/components/ic-button/test/a11y/ic-button.test.a11y.d.ts +0 -1
- package/dist/types/components/ic-checkbox-group/test/a11y/ic-checkbox-group.test.a11y.d.ts +0 -1
- package/dist/types/components/ic-classification-banner/test/a11y/ic-classification-banner.test.a11y.d.ts +0 -1
- package/dist/types/components/ic-dialog/test/a11y/ic-dialog.test.a11y.d.ts +0 -1
- package/dist/types/components/ic-select/test/a11y/ic-select.test.a11y.d.ts +0 -1
- package/dist/types/components/ic-side-navigation/test/a11y/ic-side-navigation.test.a11y.d.ts +0 -1
- package/dist/types/components/ic-side-navigation/test/basic/ic-side-navigation-test-examples.d.ts +0 -8
- package/dist/types/components/ic-toast/test/a11y/ic-toast.test.a11y.d.ts +0 -1
- package/dist/types/components/ic-top-navigation/test/a11y/ic-top-navigation.test.a11y.d.ts +0 -1
- /package/dist/core/{p-daebb58a.entry.js.map → p-003c44bd.entry.js.map} +0 -0
- /package/dist/core/{p-b6a575c3.entry.js.map → p-049bf5e3.entry.js.map} +0 -0
- /package/dist/core/{p-ea17e371.entry.js.map → p-0a0b748c.entry.js.map} +0 -0
- /package/dist/core/{p-d18450f9.entry.js.map → p-0d2eb765.entry.js.map} +0 -0
- /package/dist/core/{p-6d3f9501.entry.js.map → p-0ee13da0.entry.js.map} +0 -0
- /package/dist/core/{p-15466b42.entry.js.map → p-1145e33c.entry.js.map} +0 -0
- /package/dist/core/{p-056f8a67.entry.js.map → p-171e25c9.entry.js.map} +0 -0
- /package/dist/core/{p-ad36a704.entry.js.map → p-26334b3a.entry.js.map} +0 -0
- /package/dist/core/{p-dbb5b008.entry.js.map → p-29b812c0.entry.js.map} +0 -0
- /package/dist/core/{p-b9736cf4.entry.js.map → p-2e7f22af.entry.js.map} +0 -0
- /package/dist/core/{p-aa0a9870.entry.js.map → p-357eaebe.entry.js.map} +0 -0
- /package/dist/core/{p-9639e33f.entry.js.map → p-38bf02aa.entry.js.map} +0 -0
- /package/dist/core/{p-b99f9e89.entry.js.map → p-3c752bca.entry.js.map} +0 -0
- /package/dist/core/{p-3a0ef91e.entry.js.map → p-3cc52cbc.entry.js.map} +0 -0
- /package/dist/core/{p-c770e7a2.entry.js.map → p-42c0e318.entry.js.map} +0 -0
- /package/dist/core/{p-2b24b4bf.entry.js.map → p-4421203e.entry.js.map} +0 -0
- /package/dist/core/{p-11736fbe.entry.js.map → p-4f1792a6.entry.js.map} +0 -0
- /package/dist/core/{p-b39ecae2.entry.js.map → p-4f8b7aa3.entry.js.map} +0 -0
- /package/dist/core/{p-8a83f391.entry.js.map → p-525323ab.entry.js.map} +0 -0
- /package/dist/core/{p-c2452388.entry.js.map → p-5894f6aa.entry.js.map} +0 -0
- /package/dist/core/{p-e9738c74.entry.js.map → p-59c4bc0a.entry.js.map} +0 -0
- /package/dist/core/{p-60c4604f.entry.js.map → p-5adaf5c3.entry.js.map} +0 -0
- /package/dist/core/{p-95a864bf.js.map → p-671b7cac.js.map} +0 -0
- /package/dist/core/{p-fdb4b48f.entry.js.map → p-783c2ced.entry.js.map} +0 -0
- /package/dist/core/{p-f2e6b9ef.entry.js.map → p-7b720034.entry.js.map} +0 -0
- /package/dist/core/{p-22c024ee.entry.js.map → p-7c724f2c.entry.js.map} +0 -0
- /package/dist/core/{p-335fc5e4.entry.js.map → p-8146336b.entry.js.map} +0 -0
- /package/dist/core/{p-cd8de4c5.entry.js.map → p-8931210a.entry.js.map} +0 -0
- /package/dist/core/{p-529d8955.entry.js.map → p-8a66cab4.entry.js.map} +0 -0
- /package/dist/core/{p-ca48e97a.entry.js.map → p-8be3ec3d.entry.js.map} +0 -0
- /package/dist/core/{p-180e36b1.entry.js.map → p-8c2322a9.entry.js.map} +0 -0
- /package/dist/core/{p-edd29edc.entry.js.map → p-9184e385.entry.js.map} +0 -0
- /package/dist/core/{p-366bcb17.entry.js.map → p-9ee138e7.entry.js.map} +0 -0
- /package/dist/core/{p-e5abfadd.entry.js.map → p-b7a2e604.entry.js.map} +0 -0
- /package/dist/core/{p-b0088956.entry.js.map → p-bb41b637.entry.js.map} +0 -0
- /package/dist/core/{p-cfc930f6.entry.js.map → p-c75d6022.entry.js.map} +0 -0
- /package/dist/core/{p-f0809037.entry.js.map → p-c786d62f.entry.js.map} +0 -0
- /package/dist/core/{p-edec0936.entry.js.map → p-c7a08024.entry.js.map} +0 -0
- /package/dist/core/{p-6eb0421d.entry.js.map → p-cf798ea7.entry.js.map} +0 -0
- /package/dist/core/{p-287ab47c.entry.js.map → p-de87d585.entry.js.map} +0 -0
- /package/dist/core/{p-15624e08.entry.js.map → p-e4d827d4.entry.js.map} +0 -0
- /package/dist/core/{p-765bdd98.entry.js.map → p-e9723eaa.entry.js.map} +0 -0
- /package/dist/core/{p-498eb7ad.entry.js.map → p-eb2d06c1.entry.js.map} +0 -0
- /package/dist/core/{p-94e88827.entry.js.map → p-f9452975.entry.js.map} +0 -0
|
@@ -1,198 +0,0 @@
|
|
|
1
|
-
import { newE2EPage } from "@stencil/core/testing";
|
|
2
|
-
describe("ic-button component", () => {
|
|
3
|
-
it("Should have the correct text", async () => {
|
|
4
|
-
const page = await newE2EPage();
|
|
5
|
-
await page.setContent(`<ic-button>Button</ic-button>`);
|
|
6
|
-
await page.waitForChanges();
|
|
7
|
-
const button = await page.find("ic-button");
|
|
8
|
-
const text = button.innerText;
|
|
9
|
-
expect(text).toBe("Button");
|
|
10
|
-
});
|
|
11
|
-
it("Should have loading bar when loading", async () => {
|
|
12
|
-
const page = await newE2EPage();
|
|
13
|
-
await page.setContent(`<ic-button loading>Button</ic-button>`);
|
|
14
|
-
await page.waitForChanges();
|
|
15
|
-
const loadingBar = await page.find("ic-button >>> ic-loading-indicator");
|
|
16
|
-
expect(loadingBar).not.toBeNull();
|
|
17
|
-
});
|
|
18
|
-
it("Should be clickable with onclick", async () => {
|
|
19
|
-
const page = await newE2EPage();
|
|
20
|
-
await page.setContent(`
|
|
21
|
-
<ic-button id='ic-button' onclick='change()'>Button</ic-button>
|
|
22
|
-
<script>
|
|
23
|
-
function change() {
|
|
24
|
-
document.getElementById("ic-button").innerText = 'Test';
|
|
25
|
-
}
|
|
26
|
-
</script>
|
|
27
|
-
`);
|
|
28
|
-
const button = await page.find("#ic-button");
|
|
29
|
-
await button.click();
|
|
30
|
-
expect(button.innerText).toBe("Test");
|
|
31
|
-
});
|
|
32
|
-
it("Should not be clickable when disabled", async () => {
|
|
33
|
-
const page = await newE2EPage();
|
|
34
|
-
await page.setContent(`
|
|
35
|
-
<ic-button id='ic-button' onclick='change()' disabled>Button</ic-button>
|
|
36
|
-
<script>
|
|
37
|
-
function change() {
|
|
38
|
-
document.getElementById("ic-button").innerText = 'Test';
|
|
39
|
-
}
|
|
40
|
-
</script>
|
|
41
|
-
`);
|
|
42
|
-
const button = await page.find("#ic-button");
|
|
43
|
-
await button.click();
|
|
44
|
-
expect(button.innerText).toBe("Button");
|
|
45
|
-
});
|
|
46
|
-
it("Should not be clickable when loading", async () => {
|
|
47
|
-
const page = await newE2EPage();
|
|
48
|
-
await page.setContent(`
|
|
49
|
-
<ic-button id='ic-button' onclick='change()' loading>Button</ic-button>
|
|
50
|
-
<script>
|
|
51
|
-
function change() {
|
|
52
|
-
document.getElementById("ic-button").innerText = 'Test';
|
|
53
|
-
}
|
|
54
|
-
</script>
|
|
55
|
-
`);
|
|
56
|
-
const button = await page.find("#ic-button");
|
|
57
|
-
await button.click();
|
|
58
|
-
expect(button.innerText).toBe("Button");
|
|
59
|
-
});
|
|
60
|
-
it("should pass onclick method", async () => {
|
|
61
|
-
const page = await newE2EPage();
|
|
62
|
-
await page.setContent(`
|
|
63
|
-
<ic-button id='ic-button' onclick='updateText()'>Button</ic-button>
|
|
64
|
-
<p id="text"></p>
|
|
65
|
-
<script>
|
|
66
|
-
function updateText() {
|
|
67
|
-
document.getElementById('text').innerText = "Demo"
|
|
68
|
-
}
|
|
69
|
-
</script>
|
|
70
|
-
`);
|
|
71
|
-
const p = await page.find("#text");
|
|
72
|
-
const button = await page.find("#ic-button");
|
|
73
|
-
await button.click();
|
|
74
|
-
expect(p.innerText).toBe("Demo");
|
|
75
|
-
});
|
|
76
|
-
it("should clear text field value when reset button inside form tag", async () => {
|
|
77
|
-
const page = await newE2EPage();
|
|
78
|
-
await page.setContent(`
|
|
79
|
-
<form>
|
|
80
|
-
<input type="text" id="name" />
|
|
81
|
-
<ic-button id='ic-button' type="reset">Reset</ic-button>
|
|
82
|
-
</form>
|
|
83
|
-
`);
|
|
84
|
-
const textfield = await page.find("#name");
|
|
85
|
-
const button = await page.find("#ic-button");
|
|
86
|
-
await textfield.press("f");
|
|
87
|
-
await textfield.press("o");
|
|
88
|
-
await textfield.press("o");
|
|
89
|
-
expect(await textfield.getProperty("value")).toBe("foo");
|
|
90
|
-
await button.click();
|
|
91
|
-
expect(await textfield.getProperty("value")).toBe("");
|
|
92
|
-
});
|
|
93
|
-
it("should not clear text field value if reset button outside of form tag", async () => {
|
|
94
|
-
const page = await newE2EPage();
|
|
95
|
-
await page.setContent(`
|
|
96
|
-
<div>
|
|
97
|
-
<form>
|
|
98
|
-
<input type="text" id="name" />
|
|
99
|
-
</form>
|
|
100
|
-
<ic-button id='ic-button' type="reset">Reset</ic-button>
|
|
101
|
-
</div>
|
|
102
|
-
`);
|
|
103
|
-
const textfield = await page.find("#name");
|
|
104
|
-
const button = await page.find("#ic-button");
|
|
105
|
-
await textfield.press("f");
|
|
106
|
-
await textfield.press("o");
|
|
107
|
-
await textfield.press("o");
|
|
108
|
-
await button.click();
|
|
109
|
-
expect(await textfield.getProperty("value")).toBe("foo");
|
|
110
|
-
});
|
|
111
|
-
it("should submit form on submit button click if submit button inside form tag", async () => {
|
|
112
|
-
const page = await newE2EPage();
|
|
113
|
-
await page.setContent(`
|
|
114
|
-
<form>
|
|
115
|
-
<input type="text" id="name" />
|
|
116
|
-
<ic-button id='ic-button' type="submit">Submit</ic-button>
|
|
117
|
-
</form>
|
|
118
|
-
<p id="text"></p>
|
|
119
|
-
<script>
|
|
120
|
-
document.addEventListener('submit', (ev) => {
|
|
121
|
-
ev.preventDefault();
|
|
122
|
-
document.getElementById('text').innerText = 'submitted';
|
|
123
|
-
})
|
|
124
|
-
</script>
|
|
125
|
-
`);
|
|
126
|
-
const button = await page.find("#ic-button");
|
|
127
|
-
const p = await page.find("#text");
|
|
128
|
-
await button.click();
|
|
129
|
-
expect(p.innerText).toBe("submitted");
|
|
130
|
-
});
|
|
131
|
-
it("should not submit form on submit button click outside of form tag", async () => {
|
|
132
|
-
const page = await newE2EPage();
|
|
133
|
-
await page.setContent(`
|
|
134
|
-
<form>
|
|
135
|
-
<input type="text" id="name" />
|
|
136
|
-
</form>
|
|
137
|
-
<ic-button id='ic-button' type="submit">Submit</ic-button>
|
|
138
|
-
<p id="text">idle</p>
|
|
139
|
-
<script>
|
|
140
|
-
document.addEventListener('submit', (ev) => {
|
|
141
|
-
ev.preventDefault();
|
|
142
|
-
document.getElementById('text').innerText = 'submitted';
|
|
143
|
-
})
|
|
144
|
-
</script>
|
|
145
|
-
`);
|
|
146
|
-
const button = await page.find("#ic-button");
|
|
147
|
-
const p = await page.find("#text");
|
|
148
|
-
await button.click();
|
|
149
|
-
expect(p.innerText).toBe("idle");
|
|
150
|
-
});
|
|
151
|
-
it("should emit icFocus on focus event", async () => {
|
|
152
|
-
const page = await newE2EPage();
|
|
153
|
-
await page.setContent(`<ic-button>Button</ic-button>`);
|
|
154
|
-
const button = await page.find("ic-button");
|
|
155
|
-
const spy = await page.spyOnEvent("icFocus");
|
|
156
|
-
await button.callMethod("setFocus");
|
|
157
|
-
await page.waitForChanges();
|
|
158
|
-
expect(spy).toHaveReceivedEvent();
|
|
159
|
-
});
|
|
160
|
-
it("should emit icBlur on blur event", async () => {
|
|
161
|
-
const page = await newE2EPage();
|
|
162
|
-
await page.setContent(`<ic-button>Button</ic-button>
|
|
163
|
-
<button id="secondary-button">Secondary</button>`);
|
|
164
|
-
const button = await page.find("ic-button");
|
|
165
|
-
const secButton = await page.find("#secondary-button");
|
|
166
|
-
const spy = await page.spyOnEvent("icBlur");
|
|
167
|
-
await button.callMethod("setFocus");
|
|
168
|
-
await secButton.click();
|
|
169
|
-
await page.waitForChanges();
|
|
170
|
-
expect(spy).toHaveReceivedEvent();
|
|
171
|
-
});
|
|
172
|
-
it("should test aria-describedby being updated", async () => {
|
|
173
|
-
const page = await newE2EPage();
|
|
174
|
-
await page.setContent(`
|
|
175
|
-
<script>
|
|
176
|
-
function btnClick(){
|
|
177
|
-
var descEl = document.querySelector("#button-description");
|
|
178
|
-
descEl.innerText = "See, I told you it was amazing!";
|
|
179
|
-
}
|
|
180
|
-
</script>
|
|
181
|
-
<div>
|
|
182
|
-
<span id="button-description">This button does something amazing</span>
|
|
183
|
-
<br />
|
|
184
|
-
<ic-button variant="primary" onclick="btnClick()" aria-describedby="button-description"
|
|
185
|
-
>Button</ic-button
|
|
186
|
-
>
|
|
187
|
-
</div>
|
|
188
|
-
`);
|
|
189
|
-
const button = await page.find("ic-button");
|
|
190
|
-
let hiddenDescribedBy = await page.find("ic-button >>> #button-description");
|
|
191
|
-
expect(hiddenDescribedBy.innerText).toBe("This button does something amazing");
|
|
192
|
-
await button.click();
|
|
193
|
-
await page.waitForChanges();
|
|
194
|
-
hiddenDescribedBy = await page.find("ic-button >>> #button-description");
|
|
195
|
-
expect(hiddenDescribedBy.innerText).toBe("See, I told you it was amazing!");
|
|
196
|
-
});
|
|
197
|
-
});
|
|
198
|
-
//# sourceMappingURL=ic-button.e2e.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ic-button.e2e.js","sourceRoot":"","sources":["../../../../../src/components/ic-button/test/basic/ic-button.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from \"@stencil/core/testing\";\n\ndescribe(\"ic-button component\", () => {\n it(\"Should have the correct text\", async () => {\n const page = await newE2EPage();\n await page.setContent(`<ic-button>Button</ic-button>`);\n await page.waitForChanges();\n\n const button = await page.find(\"ic-button\");\n const text = button.innerText;\n\n expect(text).toBe(\"Button\");\n });\n\n it(\"Should have loading bar when loading\", async () => {\n const page = await newE2EPage();\n await page.setContent(`<ic-button loading>Button</ic-button>`);\n await page.waitForChanges();\n\n const loadingBar = await page.find(\"ic-button >>> ic-loading-indicator\");\n\n expect(loadingBar).not.toBeNull();\n });\n\n it(\"Should be clickable with onclick\", async () => {\n const page = await newE2EPage();\n await page.setContent(\n `\n <ic-button id='ic-button' onclick='change()'>Button</ic-button>\n <script>\n function change() {\n document.getElementById(\"ic-button\").innerText = 'Test';\n }\n </script>\n `\n );\n const button = await page.find(\"#ic-button\");\n\n await button.click();\n\n expect(button.innerText).toBe(\"Test\");\n });\n\n it(\"Should not be clickable when disabled\", async () => {\n const page = await newE2EPage();\n await page.setContent(\n `\n <ic-button id='ic-button' onclick='change()' disabled>Button</ic-button>\n <script>\n function change() {\n document.getElementById(\"ic-button\").innerText = 'Test';\n }\n </script>\n `\n );\n const button = await page.find(\"#ic-button\");\n\n await button.click();\n\n expect(button.innerText).toBe(\"Button\");\n });\n\n it(\"Should not be clickable when loading\", async () => {\n const page = await newE2EPage();\n await page.setContent(\n `\n <ic-button id='ic-button' onclick='change()' loading>Button</ic-button>\n <script>\n function change() {\n document.getElementById(\"ic-button\").innerText = 'Test';\n }\n </script>\n `\n );\n const button = await page.find(\"#ic-button\");\n\n await button.click();\n\n expect(button.innerText).toBe(\"Button\");\n });\n\n it(\"should pass onclick method\", async () => {\n const page = await newE2EPage();\n await page.setContent(\n `\n <ic-button id='ic-button' onclick='updateText()'>Button</ic-button>\n <p id=\"text\"></p>\n <script>\n function updateText() {\n document.getElementById('text').innerText = \"Demo\"\n }\n </script>\n `\n );\n\n const p = await page.find(\"#text\");\n const button = await page.find(\"#ic-button\");\n\n await button.click();\n\n expect(p.innerText).toBe(\"Demo\");\n });\n\n it(\"should clear text field value when reset button inside form tag\", async () => {\n const page = await newE2EPage();\n await page.setContent(\n `\n <form>\n <input type=\"text\" id=\"name\" />\n <ic-button id='ic-button' type=\"reset\">Reset</ic-button>\n </form>\n `\n );\n\n const textfield = await page.find(\"#name\");\n const button = await page.find(\"#ic-button\");\n\n await textfield.press(\"f\");\n await textfield.press(\"o\");\n await textfield.press(\"o\");\n\n expect(await textfield.getProperty(\"value\")).toBe(\"foo\");\n\n await button.click();\n\n expect(await textfield.getProperty(\"value\")).toBe(\"\");\n });\n\n it(\"should not clear text field value if reset button outside of form tag\", async () => {\n const page = await newE2EPage();\n await page.setContent(\n `\n <div>\n <form>\n <input type=\"text\" id=\"name\" />\n </form>\n <ic-button id='ic-button' type=\"reset\">Reset</ic-button>\n </div>\n `\n );\n\n const textfield = await page.find(\"#name\");\n const button = await page.find(\"#ic-button\");\n\n await textfield.press(\"f\");\n await textfield.press(\"o\");\n await textfield.press(\"o\");\n\n await button.click();\n\n expect(await textfield.getProperty(\"value\")).toBe(\"foo\");\n });\n\n it(\"should submit form on submit button click if submit button inside form tag\", async () => {\n const page = await newE2EPage();\n await page.setContent(\n `\n <form>\n <input type=\"text\" id=\"name\" />\n <ic-button id='ic-button' type=\"submit\">Submit</ic-button>\n </form>\n <p id=\"text\"></p>\n <script>\n document.addEventListener('submit', (ev) => {\n ev.preventDefault();\n document.getElementById('text').innerText = 'submitted';\n })\n </script>\n `\n );\n\n const button = await page.find(\"#ic-button\");\n const p = await page.find(\"#text\");\n\n await button.click();\n\n expect(p.innerText).toBe(\"submitted\");\n });\n\n it(\"should not submit form on submit button click outside of form tag\", async () => {\n const page = await newE2EPage();\n await page.setContent(\n `\n <form>\n <input type=\"text\" id=\"name\" />\n </form>\n <ic-button id='ic-button' type=\"submit\">Submit</ic-button>\n <p id=\"text\">idle</p>\n <script>\n document.addEventListener('submit', (ev) => {\n ev.preventDefault();\n document.getElementById('text').innerText = 'submitted';\n })\n </script>\n `\n );\n\n const button = await page.find(\"#ic-button\");\n const p = await page.find(\"#text\");\n\n await button.click();\n\n expect(p.innerText).toBe(\"idle\");\n });\n\n it(\"should emit icFocus on focus event\", async () => {\n const page = await newE2EPage();\n await page.setContent(`<ic-button>Button</ic-button>`);\n\n const button = await page.find(\"ic-button\");\n const spy = await page.spyOnEvent(\"icFocus\");\n\n await button.callMethod(\"setFocus\");\n await page.waitForChanges();\n\n expect(spy).toHaveReceivedEvent();\n });\n\n it(\"should emit icBlur on blur event\", async () => {\n const page = await newE2EPage();\n await page.setContent(\n `<ic-button>Button</ic-button>\n <button id=\"secondary-button\">Secondary</button>`\n );\n\n const button = await page.find(\"ic-button\");\n const secButton = await page.find(\"#secondary-button\");\n const spy = await page.spyOnEvent(\"icBlur\");\n\n await button.callMethod(\"setFocus\");\n await secButton.click();\n await page.waitForChanges();\n\n expect(spy).toHaveReceivedEvent();\n });\n\n it(\"should test aria-describedby being updated\", async () => {\n const page = await newE2EPage();\n await page.setContent(\n `\n <script>\n function btnClick(){\n var descEl = document.querySelector(\"#button-description\");\n descEl.innerText = \"See, I told you it was amazing!\";\n }\n </script>\n <div>\n <span id=\"button-description\">This button does something amazing</span>\n <br />\n <ic-button variant=\"primary\" onclick=\"btnClick()\" aria-describedby=\"button-description\"\n >Button</ic-button\n >\n </div>\n `\n );\n\n const button = await page.find(\"ic-button\");\n let hiddenDescribedBy = await page.find(\n \"ic-button >>> #button-description\"\n );\n expect(hiddenDescribedBy.innerText).toBe(\n \"This button does something amazing\"\n );\n\n await button.click();\n await page.waitForChanges();\n\n hiddenDescribedBy = await page.find(\"ic-button >>> #button-description\");\n expect(hiddenDescribedBy.innerText).toBe(\"See, I told you it was amazing!\");\n });\n});\n"]}
|
package/dist/collection/components/ic-checkbox-group/test/a11y/ic-checkbox-group.test.a11y.js
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { fixture } from "@open-wc/testing-helpers";
|
|
2
|
-
import { axe } from "jest-axe";
|
|
3
|
-
import { checkShadowElementRendersCorrectly } from "../../../../utils/testa11y.helpers";
|
|
4
|
-
describe("ic-checkbox-group", () => {
|
|
5
|
-
it("passes accessibility", async () => {
|
|
6
|
-
const el = await fixture(`<ic-checkbox-group label="this is a test label" name="test">
|
|
7
|
-
<ic-checkbox
|
|
8
|
-
value="testValue1"
|
|
9
|
-
label="test label">
|
|
10
|
-
</ic-checkbox>
|
|
11
|
-
</ic-checkbox-group>`);
|
|
12
|
-
checkShadowElementRendersCorrectly(el);
|
|
13
|
-
expect(await axe(el)).toHaveNoViolations();
|
|
14
|
-
});
|
|
15
|
-
});
|
|
16
|
-
//# sourceMappingURL=ic-checkbox-group.test.a11y.js.map
|
package/dist/collection/components/ic-checkbox-group/test/a11y/ic-checkbox-group.test.a11y.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ic-checkbox-group.test.a11y.js","sourceRoot":"","sources":["../../../../../src/components/ic-checkbox-group/test/a11y/ic-checkbox-group.test.a11y.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oCAAoC,CAAC;AAExF,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IACjC,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB;;;;;2BAKqB,CACtB,CAAC;QACF,kCAAkC,CAAC,EAAE,CAAC,CAAC;QACvC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { fixture } from \"@open-wc/testing-helpers\";\nimport { axe } from \"jest-axe\";\nimport { checkShadowElementRendersCorrectly } from \"../../../../utils/testa11y.helpers\";\n\ndescribe(\"ic-checkbox-group\", () => {\n it(\"passes accessibility\", async () => {\n const el = await fixture(\n `<ic-checkbox-group label=\"this is a test label\" name=\"test\">\n <ic-checkbox\n value=\"testValue1\"\n label=\"test label\">\n </ic-checkbox>\n </ic-checkbox-group>`\n );\n checkShadowElementRendersCorrectly(el);\n expect(await axe(el)).toHaveNoViolations();\n });\n});\n"]}
|
|
@@ -1,201 +0,0 @@
|
|
|
1
|
-
import { newE2EPage } from "@stencil/core/testing";
|
|
2
|
-
describe("ic-checkbox-group component", () => {
|
|
3
|
-
it("Should not be interactable when disabled", async () => {
|
|
4
|
-
const page = await newE2EPage();
|
|
5
|
-
await page.setContent(`<ic-checkbox-group label="test label" name="test">
|
|
6
|
-
<ic-checkbox value="test1" label="checkbox label 1" disabled></ic-checkbox>
|
|
7
|
-
<ic-checkbox value="test2" label="checkbox label 2" disabled></ic-checkbox>
|
|
8
|
-
</ic-checkbox-group>
|
|
9
|
-
`);
|
|
10
|
-
const checkbox = await page.find("ic-checkbox[value='test2']");
|
|
11
|
-
await checkbox.click();
|
|
12
|
-
await page.waitForChanges();
|
|
13
|
-
expect(await checkbox.getProperty("checked")).toBe(false);
|
|
14
|
-
await checkbox.press(" ");
|
|
15
|
-
await page.waitForChanges();
|
|
16
|
-
expect(await checkbox.getProperty("checked")).toBe(false);
|
|
17
|
-
});
|
|
18
|
-
it("Should set checkbox to checked when clicked", async () => {
|
|
19
|
-
const page = await newE2EPage();
|
|
20
|
-
await page.setContent(`<ic-checkbox-group label="test label" name="test">
|
|
21
|
-
<ic-checkbox value="test1" label="checkbox label 1"></ic-checkbox>
|
|
22
|
-
<ic-checkbox value="test2" label="checkbox label 2"></ic-checkbox>
|
|
23
|
-
</ic-checkbox-group>
|
|
24
|
-
`);
|
|
25
|
-
let checkbox = await page.find("ic-checkbox[value='test2']");
|
|
26
|
-
let input = checkbox.shadowRoot.querySelector("input");
|
|
27
|
-
expect(input.className).toBe("checkbox");
|
|
28
|
-
await checkbox.click();
|
|
29
|
-
await page.waitForChanges();
|
|
30
|
-
checkbox = await page.find("ic-checkbox[value='test2']");
|
|
31
|
-
input = checkbox.shadowRoot.querySelector("input");
|
|
32
|
-
expect(checkbox.getAttribute("value")).toBe("test2");
|
|
33
|
-
expect(input.className).toBe("checkbox checked");
|
|
34
|
-
expect(await checkbox.getProperty("checked")).toBe(true);
|
|
35
|
-
await checkbox.click();
|
|
36
|
-
await page.waitForChanges();
|
|
37
|
-
checkbox = await page.find("ic-checkbox[value='test2']");
|
|
38
|
-
expect(checkbox.getAttribute("value")).toBe("test2");
|
|
39
|
-
});
|
|
40
|
-
it("Should enable statictextfield when associated checkbox is checked", async () => {
|
|
41
|
-
const page = await newE2EPage();
|
|
42
|
-
await page.setContent(`<ic-checkbox-group label="test label" name="test">
|
|
43
|
-
<ic-checkbox value="test1" label="checkbox label 1"></ic-checkbox>
|
|
44
|
-
<ic-checkbox value="test2" label="checkbox label 2" checked>
|
|
45
|
-
<ic-text-field
|
|
46
|
-
slot="additional-field"
|
|
47
|
-
label="Test label"
|
|
48
|
-
></ic-text-field>
|
|
49
|
-
</ic-checkbox>
|
|
50
|
-
</ic-checkbox-group>
|
|
51
|
-
`);
|
|
52
|
-
const checkbox = await page.find("ic-checkbox[value='test2']");
|
|
53
|
-
const textfield = await page.find("ic-text-field");
|
|
54
|
-
expect(textfield).not.toHaveAttribute("disabled");
|
|
55
|
-
await checkbox.click();
|
|
56
|
-
await page.waitForChanges();
|
|
57
|
-
expect(textfield).toHaveAttribute("disabled");
|
|
58
|
-
});
|
|
59
|
-
it("Should display dynamic textfield when associated checkbox is checked", async () => {
|
|
60
|
-
const page = await newE2EPage();
|
|
61
|
-
await page.setContent(`<ic-checkbox-group label="test label" name="test">
|
|
62
|
-
<ic-checkbox value="test1" label="checkbox label 1"></ic-checkbox>
|
|
63
|
-
<ic-checkbox value="test2" label="checkbox label 2" additional-field-display="dynamic">
|
|
64
|
-
<ic-text-field
|
|
65
|
-
slot="additional-field"
|
|
66
|
-
label="Test label"
|
|
67
|
-
></ic-text-field>
|
|
68
|
-
</ic-checkbox>
|
|
69
|
-
</ic-checkbox-group>
|
|
70
|
-
`);
|
|
71
|
-
const checkbox = await page.find("ic-checkbox[value='test2']");
|
|
72
|
-
let additionalFieldDisplay = await page.evaluate(() => {
|
|
73
|
-
const additionalField = document
|
|
74
|
-
.querySelector("ic-checkbox[value='test2']")
|
|
75
|
-
.shadowRoot.querySelector(".dynamic-container");
|
|
76
|
-
return window.getComputedStyle(additionalField).display;
|
|
77
|
-
});
|
|
78
|
-
expect(additionalFieldDisplay).toBe("none");
|
|
79
|
-
await checkbox.click();
|
|
80
|
-
await page.waitForChanges();
|
|
81
|
-
additionalFieldDisplay = await page.evaluate(() => {
|
|
82
|
-
const additionalField = document
|
|
83
|
-
.querySelector("ic-checkbox[value='test2']")
|
|
84
|
-
.shadowRoot.querySelector(".dynamic-container");
|
|
85
|
-
return window.getComputedStyle(additionalField).display;
|
|
86
|
-
});
|
|
87
|
-
expect(additionalFieldDisplay).not.toBe("none");
|
|
88
|
-
});
|
|
89
|
-
it("Should emit icChange event when checkbox is checked", async () => {
|
|
90
|
-
const page = await newE2EPage();
|
|
91
|
-
await page.setContent(`<ic-checkbox-group label="test label" name="test">
|
|
92
|
-
<ic-checkbox value="test1" label="checkbox label 1"></ic-checkbox>
|
|
93
|
-
<ic-checkbox value="test2" label="checkbox label 2">
|
|
94
|
-
</ic-checkbox>
|
|
95
|
-
</ic-checkbox-group>
|
|
96
|
-
`);
|
|
97
|
-
const checkbox = await page.find("ic-checkbox[value='test2']");
|
|
98
|
-
const icChange = await page.spyOnEvent("icChange");
|
|
99
|
-
await checkbox.click();
|
|
100
|
-
await page.waitForChanges();
|
|
101
|
-
const checkboxElement = await page.evaluate(() => document.querySelector("ic-checkbox[value='test2']"));
|
|
102
|
-
expect(icChange).toHaveReceivedEventDetail({
|
|
103
|
-
value: ["test2"],
|
|
104
|
-
checkedOptions: [{ checkbox: checkboxElement }],
|
|
105
|
-
selectedOption: checkboxElement,
|
|
106
|
-
});
|
|
107
|
-
await checkbox.click();
|
|
108
|
-
await page.waitForChanges();
|
|
109
|
-
expect(icChange).toHaveReceivedEventDetail({
|
|
110
|
-
value: [],
|
|
111
|
-
checkedOptions: [],
|
|
112
|
-
selectedOption: checkboxElement,
|
|
113
|
-
});
|
|
114
|
-
});
|
|
115
|
-
it("Should set checkbox to checked when space is pressed", async () => {
|
|
116
|
-
const page = await newE2EPage();
|
|
117
|
-
await page.setContent(`<ic-checkbox-group label="test label" name="test">
|
|
118
|
-
<ic-checkbox value="test1" label="checkbox label 1"></ic-checkbox>
|
|
119
|
-
<ic-checkbox value="test2" label="checkbox label 2"></ic-checkbox>
|
|
120
|
-
</ic-checkbox-group>
|
|
121
|
-
`);
|
|
122
|
-
const checkbox = await page.find("ic-checkbox[value='test1']");
|
|
123
|
-
expect(await checkbox.getProperty("checked")).toBe(false);
|
|
124
|
-
await page.keyboard.press("Tab");
|
|
125
|
-
await checkbox.press(" ");
|
|
126
|
-
await page.waitForChanges();
|
|
127
|
-
expect(checkbox.getAttribute("value")).toBe("test1");
|
|
128
|
-
expect(await checkbox.getProperty("checked")).toBe(true);
|
|
129
|
-
await checkbox.press(" ");
|
|
130
|
-
await page.waitForChanges();
|
|
131
|
-
expect(checkbox.getAttribute("value")).toBe("test1");
|
|
132
|
-
});
|
|
133
|
-
it("Works on a form", async () => {
|
|
134
|
-
const page = await newE2EPage();
|
|
135
|
-
await page.setContent(` <form>
|
|
136
|
-
<ic-checkbox-group label="this is a label" name="1">
|
|
137
|
-
<ic-checkbox
|
|
138
|
-
value="valueName1"
|
|
139
|
-
label="Unselected / Default"
|
|
140
|
-
></ic-checkbox>
|
|
141
|
-
<ic-checkbox
|
|
142
|
-
value="valueName2"
|
|
143
|
-
label="Selected / Default"
|
|
144
|
-
selected
|
|
145
|
-
></ic-checkbox>
|
|
146
|
-
<ic-checkbox
|
|
147
|
-
value="valueName3"
|
|
148
|
-
label="Unselected / Disabled"
|
|
149
|
-
disabled
|
|
150
|
-
></ic-checkbox>
|
|
151
|
-
</ic-checkbox-group>
|
|
152
|
-
<input type="submit" value="Submit">
|
|
153
|
-
</form>
|
|
154
|
-
<script>document.querySelector('form').addEventListener('submit', (ev) => {
|
|
155
|
-
ev.preventDefault();
|
|
156
|
-
})
|
|
157
|
-
</script>
|
|
158
|
-
`);
|
|
159
|
-
await page.waitForChanges();
|
|
160
|
-
const checkbox = await page.find("ic-checkbox[value='valueName1']");
|
|
161
|
-
await checkbox.click();
|
|
162
|
-
await page.waitForChanges();
|
|
163
|
-
const value = await (await page.find('ic-checkbox[value="valueName1"] >>> input[name="1"]')).getProperty("value");
|
|
164
|
-
expect(value).toBe("valueName1");
|
|
165
|
-
});
|
|
166
|
-
it("Passes the value of checkboxes correctly when already selected", async () => {
|
|
167
|
-
const page = await newE2EPage();
|
|
168
|
-
await page.setContent(`<ic-checkbox-group label="test label" name="test">
|
|
169
|
-
<ic-checkbox name="test1" value="test1" label="checkbox label 1"></ic-checkbox>
|
|
170
|
-
<ic-checkbox name="test2" value="test2" label="checkbox label 2" checked></ic-checkbox>
|
|
171
|
-
</ic-checkbox-group>
|
|
172
|
-
`);
|
|
173
|
-
await page.waitForChanges();
|
|
174
|
-
const value = await await (await page.find('ic-checkbox[name="test2"]')).getAttribute("checked");
|
|
175
|
-
expect(value).toBe("");
|
|
176
|
-
});
|
|
177
|
-
it("resets checked state on form reset", async () => {
|
|
178
|
-
const page = await newE2EPage();
|
|
179
|
-
await page.setContent(` <form>
|
|
180
|
-
<ic-checkbox-group label="this is a label" name="1">
|
|
181
|
-
<ic-checkbox
|
|
182
|
-
value="valueName1"
|
|
183
|
-
label="Unselected / Default"
|
|
184
|
-
></ic-checkbox>
|
|
185
|
-
</ic-checkbox-group>
|
|
186
|
-
<button type="reset" id="resetButton">Reset</button>
|
|
187
|
-
</form>
|
|
188
|
-
`);
|
|
189
|
-
await page.waitForChanges();
|
|
190
|
-
let checkbox = await page.find("ic-checkbox[value='valueName1']");
|
|
191
|
-
await checkbox.click();
|
|
192
|
-
await page.waitForChanges();
|
|
193
|
-
expect(await checkbox.getProperty("checked")).toBe(true);
|
|
194
|
-
const resetButton = await page.find("#resetButton");
|
|
195
|
-
await resetButton.click();
|
|
196
|
-
await page.waitForChanges();
|
|
197
|
-
checkbox = await page.find("ic-checkbox[value='valueName1']");
|
|
198
|
-
expect(await checkbox.getProperty("checked")).toBe(false);
|
|
199
|
-
});
|
|
200
|
-
});
|
|
201
|
-
//# sourceMappingURL=ic-checkbox-group.e2e.js.map
|
package/dist/collection/components/ic-checkbox-group/test/basic/ic-checkbox-group.e2e.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ic-checkbox-group.e2e.js","sourceRoot":"","sources":["../../../../../src/components/ic-checkbox-group/test/basic/ic-checkbox-group.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from \"@stencil/core/testing\";\n\ndescribe(\"ic-checkbox-group component\", () => {\n it(\"Should not be interactable when disabled\", async () => {\n const page = await newE2EPage();\n await page.setContent(`<ic-checkbox-group label=\"test label\" name=\"test\">\n <ic-checkbox value=\"test1\" label=\"checkbox label 1\" disabled></ic-checkbox> \n <ic-checkbox value=\"test2\" label=\"checkbox label 2\" disabled></ic-checkbox> \n </ic-checkbox-group>\n `);\n\n const checkbox = await page.find(\"ic-checkbox[value='test2']\");\n await checkbox.click();\n await page.waitForChanges();\n expect(await checkbox.getProperty(\"checked\")).toBe(false);\n\n await checkbox.press(\" \");\n await page.waitForChanges();\n expect(await checkbox.getProperty(\"checked\")).toBe(false);\n });\n it(\"Should set checkbox to checked when clicked\", async () => {\n const page = await newE2EPage();\n await page.setContent(`<ic-checkbox-group label=\"test label\" name=\"test\">\n <ic-checkbox value=\"test1\" label=\"checkbox label 1\"></ic-checkbox> \n <ic-checkbox value=\"test2\" label=\"checkbox label 2\"></ic-checkbox> \n </ic-checkbox-group>\n `);\n let checkbox = await page.find(\"ic-checkbox[value='test2']\");\n let input = checkbox.shadowRoot.querySelector(\"input\");\n\n expect(input.className).toBe(\"checkbox\");\n\n await checkbox.click();\n await page.waitForChanges();\n\n checkbox = await page.find(\"ic-checkbox[value='test2']\");\n input = checkbox.shadowRoot.querySelector(\"input\");\n\n expect(checkbox.getAttribute(\"value\")).toBe(\"test2\");\n\n expect(input.className).toBe(\"checkbox checked\");\n\n expect(await checkbox.getProperty(\"checked\")).toBe(true);\n\n await checkbox.click();\n await page.waitForChanges();\n\n checkbox = await page.find(\"ic-checkbox[value='test2']\");\n\n expect(checkbox.getAttribute(\"value\")).toBe(\"test2\");\n });\n it(\"Should enable statictextfield when associated checkbox is checked\", async () => {\n const page = await newE2EPage();\n await page.setContent(`<ic-checkbox-group label=\"test label\" name=\"test\">\n <ic-checkbox value=\"test1\" label=\"checkbox label 1\"></ic-checkbox> \n <ic-checkbox value=\"test2\" label=\"checkbox label 2\" checked>\n <ic-text-field\n slot=\"additional-field\"\n label=\"Test label\"\n ></ic-text-field>\n </ic-checkbox> \n </ic-checkbox-group>\n `);\n const checkbox = await page.find(\"ic-checkbox[value='test2']\");\n const textfield = await page.find(\"ic-text-field\");\n\n expect(textfield).not.toHaveAttribute(\"disabled\");\n\n await checkbox.click();\n await page.waitForChanges();\n\n expect(textfield).toHaveAttribute(\"disabled\");\n });\n it(\"Should display dynamic textfield when associated checkbox is checked\", async () => {\n const page = await newE2EPage();\n await page.setContent(`<ic-checkbox-group label=\"test label\" name=\"test\">\n <ic-checkbox value=\"test1\" label=\"checkbox label 1\"></ic-checkbox> \n <ic-checkbox value=\"test2\" label=\"checkbox label 2\" additional-field-display=\"dynamic\">\n <ic-text-field\n slot=\"additional-field\"\n label=\"Test label\"\n ></ic-text-field>\n </ic-checkbox> \n </ic-checkbox-group>\n `);\n const checkbox = await page.find(\"ic-checkbox[value='test2']\");\n let additionalFieldDisplay = await page.evaluate(() => {\n const additionalField = document\n .querySelector(\"ic-checkbox[value='test2']\")\n .shadowRoot.querySelector(\".dynamic-container\");\n\n return window.getComputedStyle(additionalField).display;\n });\n expect(additionalFieldDisplay).toBe(\"none\");\n\n await checkbox.click();\n await page.waitForChanges();\n\n additionalFieldDisplay = await page.evaluate(() => {\n const additionalField = document\n .querySelector(\"ic-checkbox[value='test2']\")\n .shadowRoot.querySelector(\".dynamic-container\");\n\n return window.getComputedStyle(additionalField).display;\n });\n expect(additionalFieldDisplay).not.toBe(\"none\");\n });\n it(\"Should emit icChange event when checkbox is checked\", async () => {\n const page = await newE2EPage();\n await page.setContent(`<ic-checkbox-group label=\"test label\" name=\"test\">\n <ic-checkbox value=\"test1\" label=\"checkbox label 1\"></ic-checkbox> \n <ic-checkbox value=\"test2\" label=\"checkbox label 2\">\n </ic-checkbox> \n </ic-checkbox-group>\n `);\n const checkbox = await page.find(\"ic-checkbox[value='test2']\");\n const icChange = await page.spyOnEvent(\"icChange\");\n\n await checkbox.click();\n await page.waitForChanges();\n\n const checkboxElement = await page.evaluate(\n () =>\n document.querySelector(\n \"ic-checkbox[value='test2']\"\n ) as HTMLIcCheckboxElement\n );\n expect(icChange).toHaveReceivedEventDetail({\n value: [\"test2\"],\n checkedOptions: [{ checkbox: checkboxElement }],\n selectedOption: checkboxElement,\n });\n\n await checkbox.click();\n await page.waitForChanges();\n\n expect(icChange).toHaveReceivedEventDetail({\n value: [],\n checkedOptions: [],\n selectedOption: checkboxElement,\n });\n });\n it(\"Should set checkbox to checked when space is pressed\", async () => {\n const page = await newE2EPage();\n await page.setContent(`<ic-checkbox-group label=\"test label\" name=\"test\">\n <ic-checkbox value=\"test1\" label=\"checkbox label 1\"></ic-checkbox> \n <ic-checkbox value=\"test2\" label=\"checkbox label 2\"></ic-checkbox> \n </ic-checkbox-group>\n `);\n const checkbox = await page.find(\"ic-checkbox[value='test1']\");\n expect(await checkbox.getProperty(\"checked\")).toBe(false);\n\n await page.keyboard.press(\"Tab\");\n await checkbox.press(\" \");\n await page.waitForChanges();\n\n expect(checkbox.getAttribute(\"value\")).toBe(\"test1\");\n expect(await checkbox.getProperty(\"checked\")).toBe(true);\n\n await checkbox.press(\" \");\n await page.waitForChanges();\n\n expect(checkbox.getAttribute(\"value\")).toBe(\"test1\");\n });\n it(\"Works on a form\", async () => {\n const page = await newE2EPage();\n\n await page.setContent(` <form>\n <ic-checkbox-group label=\"this is a label\" name=\"1\">\n <ic-checkbox\n value=\"valueName1\"\n label=\"Unselected / Default\"\n ></ic-checkbox>\n <ic-checkbox\n value=\"valueName2\"\n label=\"Selected / Default\"\n selected\n ></ic-checkbox>\n <ic-checkbox\n value=\"valueName3\"\n label=\"Unselected / Disabled\"\n disabled\n ></ic-checkbox>\n </ic-checkbox-group>\n <input type=\"submit\" value=\"Submit\">\n </form>\n <script>document.querySelector('form').addEventListener('submit', (ev) => {\n ev.preventDefault();\n })\n </script>\n `);\n await page.waitForChanges();\n\n const checkbox = await page.find(\"ic-checkbox[value='valueName1']\");\n\n await checkbox.click();\n await page.waitForChanges();\n const value = await (\n await page.find('ic-checkbox[value=\"valueName1\"] >>> input[name=\"1\"]')\n ).getProperty(\"value\");\n\n expect(value).toBe(\"valueName1\");\n });\n it(\"Passes the value of checkboxes correctly when already selected\", async () => {\n const page = await newE2EPage();\n await page.setContent(`<ic-checkbox-group label=\"test label\" name=\"test\">\n <ic-checkbox name=\"test1\" value=\"test1\" label=\"checkbox label 1\"></ic-checkbox> \n <ic-checkbox name=\"test2\" value=\"test2\" label=\"checkbox label 2\" checked></ic-checkbox> \n </ic-checkbox-group>\n `);\n\n await page.waitForChanges();\n\n const value = await await (\n await page.find('ic-checkbox[name=\"test2\"]')\n ).getAttribute(\"checked\");\n\n expect(value).toBe(\"\");\n });\n\n it(\"resets checked state on form reset\", async () => {\n const page = await newE2EPage();\n\n await page.setContent(` <form>\n <ic-checkbox-group label=\"this is a label\" name=\"1\">\n <ic-checkbox\n value=\"valueName1\"\n label=\"Unselected / Default\"\n ></ic-checkbox>\n </ic-checkbox-group>\n <button type=\"reset\" id=\"resetButton\">Reset</button>\n </form>\n `);\n await page.waitForChanges();\n\n let checkbox = await page.find(\"ic-checkbox[value='valueName1']\");\n await checkbox.click();\n await page.waitForChanges();\n expect(await checkbox.getProperty(\"checked\")).toBe(true);\n\n const resetButton = await page.find(\"#resetButton\");\n await resetButton.click();\n await page.waitForChanges();\n\n checkbox = await page.find(\"ic-checkbox[value='valueName1']\");\n expect(await checkbox.getProperty(\"checked\")).toBe(false);\n });\n});\n"]}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { fixture } from "@open-wc/testing-helpers";
|
|
2
|
-
import { axe } from "jest-axe";
|
|
3
|
-
import { checkShadowElementRendersCorrectly } from "../../../../utils/testa11y.helpers";
|
|
4
|
-
describe("ic-classification-banner", () => {
|
|
5
|
-
it("passes accessibility", async () => {
|
|
6
|
-
const el = await fixture(`<ic-classification-banner />`);
|
|
7
|
-
checkShadowElementRendersCorrectly(el);
|
|
8
|
-
expect(await axe(el)).toHaveNoViolations();
|
|
9
|
-
});
|
|
10
|
-
});
|
|
11
|
-
//# sourceMappingURL=ic-classification-banner.test.a11y.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ic-classification-banner.test.a11y.js","sourceRoot":"","sources":["../../../../../src/components/ic-classification-banner/test/a11y/ic-classification-banner.test.a11y.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oCAAoC,CAAC;AAExF,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACxC,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC,8BAA8B,CAAC,CAAC;QACzD,kCAAkC,CAAC,EAAE,CAAC,CAAC;QACvC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { fixture } from \"@open-wc/testing-helpers\";\nimport { axe } from \"jest-axe\";\nimport { checkShadowElementRendersCorrectly } from \"../../../../utils/testa11y.helpers\";\n\ndescribe(\"ic-classification-banner\", () => {\n it(\"passes accessibility\", async () => {\n const el = await fixture(`<ic-classification-banner />`);\n checkShadowElementRendersCorrectly(el);\n expect(await axe(el)).toHaveNoViolations();\n });\n});\n"]}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { fixture } from "@open-wc/testing-helpers";
|
|
2
|
-
import { axe } from "jest-axe";
|
|
3
|
-
import { checkShadowElementRendersCorrectly } from "../../../../utils/testa11y.helpers";
|
|
4
|
-
describe("dialog component", () => {
|
|
5
|
-
it("passes accessibility", async () => {
|
|
6
|
-
const el = await fixture(`
|
|
7
|
-
<ic-dialog
|
|
8
|
-
label="Success"
|
|
9
|
-
heading="Action was a success!"
|
|
10
|
-
size="small"
|
|
11
|
-
status="success"
|
|
12
|
-
alert-heading="Success!"
|
|
13
|
-
alert-message="Action was a success"
|
|
14
|
-
buttons="two"
|
|
15
|
-
>
|
|
16
|
-
Lorem ipsum dolor sit amet,
|
|
17
|
-
consectetur adipiscing elit,
|
|
18
|
-
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
|
19
|
-
</ic-dialog>
|
|
20
|
-
<script>
|
|
21
|
-
dialog = document.querySelector('ic-dialog');
|
|
22
|
-
dialog.buttonProps = [{label: "Click me!", onclick: "alert('clicked')"},{label: "Close", onclick: "this.hideDialog()"},{}];
|
|
23
|
-
</script>`);
|
|
24
|
-
checkShadowElementRendersCorrectly(el);
|
|
25
|
-
expect(await axe(el)).toHaveNoViolations();
|
|
26
|
-
});
|
|
27
|
-
});
|
|
28
|
-
//# sourceMappingURL=ic-dialog.test.a11y.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ic-dialog.test.a11y.js","sourceRoot":"","sources":["../../../../../src/components/ic-dialog/test/a11y/ic-dialog.test.a11y.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oCAAoC,CAAC;AAExF,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;cAiBf,CAAC,CAAC;QACZ,kCAAkC,CAAC,EAAE,CAAC,CAAC;QACvC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { fixture } from \"@open-wc/testing-helpers\";\nimport { axe } from \"jest-axe\";\nimport { checkShadowElementRendersCorrectly } from \"../../../../utils/testa11y.helpers\";\n\ndescribe(\"dialog component\", () => {\n it(\"passes accessibility\", async () => {\n const el = await fixture(`\n <ic-dialog\n label=\"Success\"\n heading=\"Action was a success!\" \n size=\"small\" \n status=\"success\"\n alert-heading=\"Success!\"\n alert-message=\"Action was a success\"\n buttons=\"two\"\n >\n Lorem ipsum dolor sit amet, \n consectetur adipiscing elit, \n sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n </ic-dialog>\n <script>\n dialog = document.querySelector('ic-dialog');\n dialog.buttonProps = [{label: \"Click me!\", onclick: \"alert('clicked')\"},{label: \"Close\", onclick: \"this.hideDialog()\"},{}];\n </script>`);\n checkShadowElementRendersCorrectly(el);\n expect(await axe(el)).toHaveNoViolations();\n });\n});\n"]}
|