@ukic/web-components 2.10.0 → 2.12.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 +3 -3
- package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
- 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 +62 -33
- 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 +3 -3
- package/dist/cjs/ic-footer-link.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer.cjs.entry.js +3 -3
- package/dist/cjs/ic-footer.cjs.entry.js.map +1 -1
- 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 +2 -2
- 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 +3 -3
- 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 +11 -5
- 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 +2 -2
- package/dist/cjs/ic-side-navigation.cjs.entry.js +39 -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 +49 -12
- 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/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-alert/ic-alert.css +0 -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 +11 -1
- package/dist/collection/components/ic-button/ic-button.js +28 -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 +1 -1
- package/dist/collection/components/ic-footer/ic-footer.js.map +1 -1
- package/dist/collection/components/ic-footer-link/ic-footer-link.css +2 -3
- 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.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.map +1 -1
- package/dist/collection/components/ic-pagination/ic-pagination.js.map +1 -1
- package/dist/collection/components/ic-pagination/test/a11y/ic-pagination.test.a11y.js +8 -1
- package/dist/collection/components/ic-pagination/test/a11y/ic-pagination.test.a11y.js.map +1 -1
- package/dist/collection/components/ic-popover-menu/ic-popover-menu.js +9 -3
- package/dist/collection/components/ic-popover-menu/ic-popover-menu.js.map +1 -1
- package/dist/collection/components/ic-popover-menu/test/basic/ic-popover-menu.spec.js +3 -0
- package/dist/collection/components/ic-popover-menu/test/basic/ic-popover-menu.spec.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/a11y/ic-search-bar.test.a11y.js +8 -1
- package/dist/collection/components/ic-search-bar/test/a11y/ic-search-bar.test.a11y.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.js.map +1 -1
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.js +41 -61
- 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 +87 -11
- package/dist/collection/components/ic-text-field/ic-text-field.js.map +1 -1
- package/dist/collection/components/ic-text-field/test/basic/ic-text-field.input.spec.js +20 -0
- package/dist/collection/components/ic-text-field/test/basic/ic-text-field.input.spec.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 +32 -27
- 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-alert2.js +1 -1
- package/dist/components/ic-alert2.js.map +1 -1
- 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 +28 -4
- package/dist/components/ic-button2.js.map +1 -1
- package/dist/components/ic-footer-link.js +1 -1
- package/dist/components/ic-footer-link.js.map +1 -1
- package/dist/components/ic-footer.js +1 -1
- package/dist/components/ic-footer.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.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 +1 -1
- package/dist/components/ic-page-header.js.map +1 -1
- package/dist/components/ic-popover-menu.js +9 -3
- package/dist/components/ic-popover-menu.js.map +1 -1
- package/dist/components/ic-side-navigation.js +40 -61
- 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 +52 -10
- 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 +32 -27
- 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.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-c2452388.entry.js → p-19c28c65.entry.js} +2 -2
- package/dist/core/p-19c28c65.entry.js.map +1 -0
- 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-85026377.entry.js → p-23980b58.entry.js} +2 -2
- package/dist/core/p-23980b58.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-5f9d69ef.entry.js → p-32a480d5.entry.js} +2 -2
- package/dist/core/p-32a480d5.entry.js.map +1 -0
- package/dist/core/{p-94e88827.entry.js → p-330e1439.entry.js} +2 -2
- package/dist/core/p-330e1439.entry.js.map +1 -0
- 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-592c783e.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-e9738c74.entry.js → p-59c4bc0a.entry.js} +2 -2
- package/dist/core/{p-60c4604f.entry.js → p-5e6ad4a5.entry.js} +2 -2
- package/dist/core/{p-60c4604f.entry.js.map → p-5e6ad4a5.entry.js.map} +1 -1
- 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-9e4c8a09.entry.js +2 -0
- package/dist/core/p-9e4c8a09.entry.js.map +1 -0
- package/dist/core/{p-366bcb17.entry.js → p-9ee138e7.entry.js} +2 -2
- 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-bb1a0018.entry.js +2 -0
- package/dist/core/p-bb1a0018.entry.js.map +1 -0
- package/dist/core/{p-b0088956.entry.js → p-bb41b637.entry.js} +2 -2
- package/dist/core/{p-a46130c8.entry.js → p-bf93455b.entry.js} +2 -2
- package/dist/core/{p-a46130c8.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-a908e7a9.entry.js → p-d3e54a29.entry.js} +2 -2
- 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/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 +3 -3
- package/dist/esm/ic-alert.entry.js.map +1 -1
- 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 +62 -33
- 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 +3 -3
- package/dist/esm/ic-footer-link.entry.js.map +1 -1
- package/dist/esm/ic-footer.entry.js +3 -3
- package/dist/esm/ic-footer.entry.js.map +1 -1
- 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 +2 -2
- 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 +3 -3
- 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 +11 -5
- 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 +2 -2
- package/dist/esm/ic-side-navigation.entry.js +39 -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 +49 -12
- 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 +3 -0
- package/dist/types/components/ic-popover-menu/ic-popover-menu.d.ts +4 -0
- package/dist/types/components/ic-side-navigation/ic-side-navigation.d.ts +3 -2
- package/dist/types/components/ic-text-field/ic-text-field.d.ts +13 -0
- package/dist/types/components/ic-toggle-button/ic-toggle-button.d.ts +60 -0
- package/dist/types/components.d.ts +134 -2
- package/hydrate/index.d.ts +1 -1
- package/hydrate/index.js +311 -183
- package/package.json +23 -16
- package/vscode-data.json +100 -2
- package/dist/cjs/index-152d1fe5.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-card/test/a11y/ic-card.test.a11y.js +0 -21
- package/dist/collection/components/ic-card/test/a11y/ic-card.test.a11y.js.map +0 -1
- package/dist/collection/components/ic-card/test/basic/ic-card.e2e.js +0 -23
- package/dist/collection/components/ic-card/test/basic/ic-card.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-chip/test/a11y/ic-chip.test.a11y.js +0 -11
- package/dist/collection/components/ic-chip/test/a11y/ic-chip.test.a11y.js.map +0 -1
- package/dist/collection/components/ic-data-entity/test/a11y/ic-data-entity.test.a11y.js +0 -11
- package/dist/collection/components/ic-data-entity/test/a11y/ic-data-entity.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-empty-state/test/a11y/ic-empty-state.test.a11y.js +0 -38
- package/dist/collection/components/ic-empty-state/test/a11y/ic-empty-state.test.a11y.js.map +0 -1
- package/dist/collection/components/ic-empty-state/test/basic/ic-empty-state.spec.js +0 -86
- package/dist/collection/components/ic-empty-state/test/basic/ic-empty-state.spec.js.map +0 -1
- package/dist/collection/components/ic-footer/test/a11y/ic-footer.test.a11y.js +0 -23
- package/dist/collection/components/ic-footer/test/a11y/ic-footer.test.a11y.js.map +0 -1
- package/dist/collection/components/ic-footer/test/basic/ic-footer.e2e.js +0 -50
- package/dist/collection/components/ic-footer/test/basic/ic-footer.e2e.js.map +0 -1
- package/dist/collection/components/ic-footer-link/test/a11y/ic-footer-link.test.a11y.js +0 -21
- package/dist/collection/components/ic-footer-link/test/a11y/ic-footer-link.test.a11y.js.map +0 -1
- package/dist/collection/components/ic-footer-link-group/test/a11y/ic-footer-link-group.test.a11y.js +0 -21
- package/dist/collection/components/ic-footer-link-group/test/a11y/ic-footer-link-group.test.a11y.js.map +0 -1
- package/dist/collection/components/ic-link/test/a11y/ic-link.test.a11y.js +0 -11
- package/dist/collection/components/ic-link/test/a11y/ic-link.test.a11y.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-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-1338c9df.entry.js +0 -2
- package/dist/core/p-1338c9df.entry.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-4d413a72.entry.js +0 -2
- package/dist/core/p-4d413a72.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-592c783e.entry.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-776232f4.entry.js +0 -2
- package/dist/core/p-776232f4.entry.js.map +0 -1
- package/dist/core/p-85026377.entry.js.map +0 -1
- package/dist/core/p-94e88827.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-9c30720d.entry.js +0 -2
- package/dist/core/p-9c30720d.entry.js.map +0 -1
- package/dist/core/p-c2452388.entry.js.map +0 -1
- package/dist/esm/index-05003e1c.js.map +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-card/test/a11y/ic-card.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-chip/test/a11y/ic-chip.test.a11y.d.ts +0 -1
- package/dist/types/components/ic-data-entity/test/a11y/ic-data-entity.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-empty-state/test/a11y/ic-empty-state.test.a11y.d.ts +0 -1
- package/dist/types/components/ic-footer/test/a11y/ic-footer.test.a11y.d.ts +0 -1
- package/dist/types/components/ic-footer-link/test/a11y/ic-footer-link.test.a11y.d.ts +0 -1
- package/dist/types/components/ic-footer-link-group/test/a11y/ic-footer-link-group.test.a11y.d.ts +0 -1
- package/dist/types/components/ic-link/test/a11y/ic-link.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-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-e9738c74.entry.js.map → p-59c4bc0a.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-a908e7a9.entry.js.map → p-d3e54a29.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
|
@@ -1,475 +0,0 @@
|
|
|
1
|
-
import { newE2EPage } from "@stencil/core/testing";
|
|
2
|
-
import { icSideNavigation, icSideNavigationExpanded, icSideNavigationGroupedNav, icSideNavigationTheme, icSideNavigationStatic, icSideNavigationSlottedExpanded, icSideNavigationAppTitle, icSideNavigationSlotted, } from "./ic-side-navigation-test-examples";
|
|
3
|
-
const MOBILE_VIEWPORT = {
|
|
4
|
-
width: 375,
|
|
5
|
-
height: 667,
|
|
6
|
-
};
|
|
7
|
-
const pageHeight = 600;
|
|
8
|
-
const ANIMATION_MS_THRESHOLD = 300;
|
|
9
|
-
describe("ic-side-navigation", () => {
|
|
10
|
-
describe("mobile", () => {
|
|
11
|
-
it("it renders", async () => {
|
|
12
|
-
const page = await newE2EPage();
|
|
13
|
-
await page.setContent(icSideNavigation);
|
|
14
|
-
await page.setViewport(Object.assign({}, MOBILE_VIEWPORT));
|
|
15
|
-
await page.waitForChanges();
|
|
16
|
-
const mobileMenuBtn = await page.find("ic-side-navigation >>> #menu-button");
|
|
17
|
-
expect(mobileMenuBtn).not.toBeNull();
|
|
18
|
-
});
|
|
19
|
-
it("displays flyout menu when menu button clicked with correct aria-expanded values", async () => {
|
|
20
|
-
const page = await newE2EPage();
|
|
21
|
-
await page.setContent(icSideNavigation);
|
|
22
|
-
await page.setViewport(Object.assign({}, MOBILE_VIEWPORT));
|
|
23
|
-
await page.waitForChanges();
|
|
24
|
-
const mobileMenuBtn = await page.find("ic-side-navigation >>> #menu-button");
|
|
25
|
-
let mobileBtnLabel = await page.evaluate(() => document
|
|
26
|
-
.querySelector("ic-side-navigation")
|
|
27
|
-
.shadowRoot.querySelector("#menu-button")
|
|
28
|
-
.textContent.trim());
|
|
29
|
-
expect(mobileBtnLabel).toContain("Menu");
|
|
30
|
-
await mobileMenuBtn.click();
|
|
31
|
-
await page.waitForChanges();
|
|
32
|
-
const flyoutMenu = await page.find("ic-side-navigation >>> .side-navigation-inner");
|
|
33
|
-
expect(flyoutMenu).not.toBeNull();
|
|
34
|
-
mobileBtnLabel = await page.evaluate(() => document
|
|
35
|
-
.querySelector("ic-side-navigation")
|
|
36
|
-
.shadowRoot.querySelector("#menu-button")
|
|
37
|
-
.textContent.trim());
|
|
38
|
-
expect(mobileBtnLabel).toContain("Close");
|
|
39
|
-
});
|
|
40
|
-
it("dyanmically updated native button aria-label and aria-expanded", async () => {
|
|
41
|
-
const page = await newE2EPage();
|
|
42
|
-
await page.setContent(icSideNavigation);
|
|
43
|
-
await page.setViewport(Object.assign({}, MOBILE_VIEWPORT));
|
|
44
|
-
await page.waitForChanges();
|
|
45
|
-
const mobileMenuBtn = await page.find("ic-side-navigation >>> #menu-button");
|
|
46
|
-
let mobileAriaExpanded = await page.evaluate(() => document
|
|
47
|
-
.querySelector("ic-side-navigation")
|
|
48
|
-
.shadowRoot.querySelector("#menu-button")
|
|
49
|
-
.shadowRoot.querySelector("button")
|
|
50
|
-
.getAttribute("aria-expanded"));
|
|
51
|
-
let mobileAriaLabel = await page.evaluate(() => document
|
|
52
|
-
.querySelector("ic-side-navigation")
|
|
53
|
-
.shadowRoot.querySelector("#menu-button")
|
|
54
|
-
.shadowRoot.querySelector("button")
|
|
55
|
-
.getAttribute("aria-label"));
|
|
56
|
-
expect(mobileAriaExpanded).toBe("false");
|
|
57
|
-
expect(mobileAriaLabel).toBe("Open navigation menu");
|
|
58
|
-
await mobileMenuBtn.click();
|
|
59
|
-
await page.waitForChanges();
|
|
60
|
-
const flyoutMenu = await page.find("ic-side-navigation >>> .side-navigation-inner");
|
|
61
|
-
expect(flyoutMenu).not.toBeNull();
|
|
62
|
-
mobileAriaExpanded = await page.evaluate(() => document
|
|
63
|
-
.querySelector("ic-side-navigation")
|
|
64
|
-
.shadowRoot.querySelector("#menu-button")
|
|
65
|
-
.shadowRoot.querySelector("button")
|
|
66
|
-
.getAttribute("aria-expanded"));
|
|
67
|
-
mobileAriaLabel = await page.evaluate(() => document
|
|
68
|
-
.querySelector("ic-side-navigation")
|
|
69
|
-
.shadowRoot.querySelector("#menu-button")
|
|
70
|
-
.shadowRoot.querySelector("button")
|
|
71
|
-
.getAttribute("aria-label"));
|
|
72
|
-
expect(mobileAriaExpanded).toBe("true");
|
|
73
|
-
expect(mobileAriaLabel).toBe("Close navigation menu");
|
|
74
|
-
});
|
|
75
|
-
it("renders the correct number of navigation-items", async () => {
|
|
76
|
-
const labels = ["Home", "a11y"];
|
|
77
|
-
const page = await newE2EPage();
|
|
78
|
-
await page.setContent(icSideNavigation);
|
|
79
|
-
await page.setViewport(Object.assign({}, MOBILE_VIEWPORT));
|
|
80
|
-
await page.waitForChanges();
|
|
81
|
-
const mobileMenuBtn = await page.find("ic-side-navigation >>> #menu-button");
|
|
82
|
-
await mobileMenuBtn.click();
|
|
83
|
-
await page.waitForChanges();
|
|
84
|
-
const navigationItems = await page.evaluate(() => {
|
|
85
|
-
return Array.from(document.querySelectorAll("ic-side-navigation ic-navigation-item")).map((i) => i.shadowRoot.querySelector("ic-tooltip").textContent);
|
|
86
|
-
});
|
|
87
|
-
expect(navigationItems.length).toBe(2);
|
|
88
|
-
navigationItems.forEach((navItem, i) => {
|
|
89
|
-
expect(navItem).toBe(labels[i]);
|
|
90
|
-
});
|
|
91
|
-
});
|
|
92
|
-
it("renders application name", async () => {
|
|
93
|
-
const page = await newE2EPage();
|
|
94
|
-
await page.setContent(icSideNavigation);
|
|
95
|
-
await page.setViewport(Object.assign({}, MOBILE_VIEWPORT));
|
|
96
|
-
await page.waitForChanges();
|
|
97
|
-
const applicationName = await (await page.find("ic-side-navigation >>> .top-bar ic-typography")).innerText;
|
|
98
|
-
expect(applicationName).toBe("ACME");
|
|
99
|
-
});
|
|
100
|
-
it("renders app status and version", async () => {
|
|
101
|
-
const page = await newE2EPage();
|
|
102
|
-
await page.setContent(icSideNavigation);
|
|
103
|
-
await page.setViewport(Object.assign({}, MOBILE_VIEWPORT));
|
|
104
|
-
await page.waitForChanges();
|
|
105
|
-
(await page.find("ic-side-navigation >>> #menu-button")).click();
|
|
106
|
-
await page.waitForChanges();
|
|
107
|
-
const applicationStatus = await (await page.find("ic-side-navigation >>> .app-status-wrapper .app-status-text")).innerText;
|
|
108
|
-
const applicationVersion = await (await page.find("ic-side-navigation >>> .app-status-wrapper .app-version")).innerText;
|
|
109
|
-
expect(applicationStatus).toBe("BETA");
|
|
110
|
-
expect(applicationVersion).toBe("v0.0.0");
|
|
111
|
-
});
|
|
112
|
-
it("does not render menu expand button", async () => {
|
|
113
|
-
const page = await newE2EPage();
|
|
114
|
-
await page.setContent(icSideNavigation);
|
|
115
|
-
await page.setViewport(Object.assign({}, MOBILE_VIEWPORT));
|
|
116
|
-
await page.waitForChanges();
|
|
117
|
-
const mobileMenuBtn = await page.find("ic-side-navigation >>> #menu-button");
|
|
118
|
-
await mobileMenuBtn.click();
|
|
119
|
-
await page.waitForChanges();
|
|
120
|
-
const flyoutMenu = await page.find("ic-side-navigation >>> .side-navigation-inner");
|
|
121
|
-
expect(flyoutMenu).not.toBeNull();
|
|
122
|
-
const menuExpandBtn = await page.evaluate(() => document
|
|
123
|
-
.querySelector("ic-side-navigation")
|
|
124
|
-
.shadowRoot.querySelector(".side-navigation .menu-expand-button"));
|
|
125
|
-
expect(menuExpandBtn).toBeNull();
|
|
126
|
-
});
|
|
127
|
-
it("does not render tooltips on mobile when menu is closed", async () => {
|
|
128
|
-
const page = await newE2EPage();
|
|
129
|
-
await page.setContent(icSideNavigation);
|
|
130
|
-
await page.setViewport(Object.assign({}, MOBILE_VIEWPORT));
|
|
131
|
-
await page.waitForChanges();
|
|
132
|
-
await page.keyboard.press("Tab");
|
|
133
|
-
await page.keyboard.press("Tab");
|
|
134
|
-
await page.keyboard.press("Tab");
|
|
135
|
-
await page.waitForChanges();
|
|
136
|
-
let sideNavInnerVisibility = await page.evaluate(() => {
|
|
137
|
-
const sideNavInner = document
|
|
138
|
-
.querySelector("ic-side-navigation")
|
|
139
|
-
.shadowRoot.querySelector(".side-navigation-inner");
|
|
140
|
-
return window.getComputedStyle(sideNavInner).visibility;
|
|
141
|
-
});
|
|
142
|
-
expect(sideNavInnerVisibility).toBe("hidden");
|
|
143
|
-
const toolTipDisplay = await page.evaluate(() => {
|
|
144
|
-
const tooltip = document
|
|
145
|
-
.querySelectorAll("ic-side-navigation ic-navigation-item")[0]
|
|
146
|
-
.shadowRoot.querySelector("ic-tooltip")
|
|
147
|
-
.shadowRoot.querySelector(".ic-tooltip-container");
|
|
148
|
-
return window.getComputedStyle(tooltip).display;
|
|
149
|
-
});
|
|
150
|
-
expect(toolTipDisplay).toBe("none");
|
|
151
|
-
let mobileMenuBtn = await page.find("ic-side-navigation >>> #menu-button");
|
|
152
|
-
await mobileMenuBtn.click();
|
|
153
|
-
await page.waitForChanges();
|
|
154
|
-
sideNavInnerVisibility = await page.evaluate(() => {
|
|
155
|
-
const sideNavInner = document
|
|
156
|
-
.querySelector("ic-side-navigation")
|
|
157
|
-
.shadowRoot.querySelector(".side-navigation-inner");
|
|
158
|
-
return window.getComputedStyle(sideNavInner).visibility;
|
|
159
|
-
});
|
|
160
|
-
expect(sideNavInnerVisibility).toBe("visible");
|
|
161
|
-
await page.waitForChanges();
|
|
162
|
-
mobileMenuBtn = await page.find("ic-side-navigation >>> #menu-button");
|
|
163
|
-
await mobileMenuBtn.click();
|
|
164
|
-
await page.waitForTimeout(300); // Wait for flyout menu to disappear (50ms longer than animation)
|
|
165
|
-
sideNavInnerVisibility = await page.evaluate(() => {
|
|
166
|
-
const sideNavInner = document
|
|
167
|
-
.querySelector("ic-side-navigation")
|
|
168
|
-
.shadowRoot.querySelector(".side-navigation-inner");
|
|
169
|
-
return window.getComputedStyle(sideNavInner).visibility;
|
|
170
|
-
});
|
|
171
|
-
expect(sideNavInnerVisibility).toBe("hidden");
|
|
172
|
-
});
|
|
173
|
-
});
|
|
174
|
-
describe("tablet/desktop", () => {
|
|
175
|
-
it("renders correctly", async () => {
|
|
176
|
-
const page = await newE2EPage();
|
|
177
|
-
await page.setContent(icSideNavigation);
|
|
178
|
-
const sideNavigation = await page.find("ic-side-navigation");
|
|
179
|
-
expect(sideNavigation).not.toBeNull();
|
|
180
|
-
});
|
|
181
|
-
it("renders collapsed side nav on initial load", async () => {
|
|
182
|
-
const page = await newE2EPage();
|
|
183
|
-
await page.setContent(icSideNavigation);
|
|
184
|
-
const sideNavigationWidth = await page.evaluate(() => {
|
|
185
|
-
const sideNav = document.querySelector("ic-side-navigation");
|
|
186
|
-
return window.getComputedStyle(sideNav).width;
|
|
187
|
-
});
|
|
188
|
-
expect(parseInt(sideNavigationWidth)).toBe(56);
|
|
189
|
-
});
|
|
190
|
-
it("renders expanded side nav on initial load", async () => {
|
|
191
|
-
const page = await newE2EPage();
|
|
192
|
-
await page.setContent(icSideNavigationExpanded);
|
|
193
|
-
const sideNavigationWidth = await page.evaluate(() => {
|
|
194
|
-
const sideNav = document.querySelector("ic-side-navigation");
|
|
195
|
-
return window.getComputedStyle(sideNav).width;
|
|
196
|
-
});
|
|
197
|
-
expect(parseInt(sideNavigationWidth)).toBe(320);
|
|
198
|
-
});
|
|
199
|
-
it("renders collapsed and expanded on menu toggle", async () => {
|
|
200
|
-
const page = await newE2EPage();
|
|
201
|
-
await page.setContent(icSideNavigation);
|
|
202
|
-
await page.waitForChanges();
|
|
203
|
-
const menuExpandBtn = await page.find("ic-side-navigation >>> .side-navigation button.menu-expand-button");
|
|
204
|
-
await menuExpandBtn.click();
|
|
205
|
-
await page.waitForTimeout(ANIMATION_MS_THRESHOLD);
|
|
206
|
-
let sideNavigationWidth = await page.evaluate(() => {
|
|
207
|
-
const sideNav = document.querySelector("ic-side-navigation");
|
|
208
|
-
return window.getComputedStyle(sideNav).width;
|
|
209
|
-
});
|
|
210
|
-
expect(parseInt(sideNavigationWidth)).toBe(320);
|
|
211
|
-
await menuExpandBtn.click();
|
|
212
|
-
await page.waitForTimeout(ANIMATION_MS_THRESHOLD);
|
|
213
|
-
sideNavigationWidth = await page.evaluate(() => {
|
|
214
|
-
const sideNav = document.querySelector("ic-side-navigation");
|
|
215
|
-
return window.getComputedStyle(sideNav).width;
|
|
216
|
-
});
|
|
217
|
-
expect(parseInt(sideNavigationWidth)).toBe(56);
|
|
218
|
-
});
|
|
219
|
-
it("updates aria-label of menu expand button", async () => {
|
|
220
|
-
const page = await newE2EPage();
|
|
221
|
-
await page.setContent(icSideNavigation);
|
|
222
|
-
await page.waitForChanges();
|
|
223
|
-
const menuExpandBtn = await page.find("ic-side-navigation >>> .side-navigation button.menu-expand-button");
|
|
224
|
-
await menuExpandBtn.click();
|
|
225
|
-
await page.waitForChanges();
|
|
226
|
-
expect(menuExpandBtn.getAttribute("aria-label")).toBe("Collapse side navigation");
|
|
227
|
-
await menuExpandBtn.click();
|
|
228
|
-
expect(menuExpandBtn.getAttribute("aria-label")).toBe("Expand side navigation");
|
|
229
|
-
});
|
|
230
|
-
it("displays application name on expanded side navigation", async () => {
|
|
231
|
-
const page = await newE2EPage();
|
|
232
|
-
await page.setContent(icSideNavigation);
|
|
233
|
-
await page.waitForChanges();
|
|
234
|
-
let applicationNameOpacity = await page.evaluate(() => {
|
|
235
|
-
const applicationName = document
|
|
236
|
-
.querySelector("ic-side-navigation")
|
|
237
|
-
.shadowRoot.querySelector(".title-link ic-typography");
|
|
238
|
-
return window.getComputedStyle(applicationName).opacity;
|
|
239
|
-
});
|
|
240
|
-
expect(applicationNameOpacity).toBe("0");
|
|
241
|
-
const menuExpandBtn = await page.find("ic-side-navigation >>> .side-navigation button.menu-expand-button");
|
|
242
|
-
await menuExpandBtn.click();
|
|
243
|
-
await page.waitForTimeout(ANIMATION_MS_THRESHOLD);
|
|
244
|
-
applicationNameOpacity = await page.evaluate(() => {
|
|
245
|
-
const applicationName = document
|
|
246
|
-
.querySelector("ic-side-navigation")
|
|
247
|
-
.shadowRoot.querySelector(".title-link ic-typography");
|
|
248
|
-
return window.getComputedStyle(applicationName).opacity;
|
|
249
|
-
});
|
|
250
|
-
expect(applicationNameOpacity).toBe("1");
|
|
251
|
-
});
|
|
252
|
-
it("should toggle to short title at small screen sizes", async () => {
|
|
253
|
-
const page = await newE2EPage();
|
|
254
|
-
await page.setContent(`<ic-side-navigation app-title="ApplicationName" short-app-title="AppName">
|
|
255
|
-
</ic-side-navigation>`);
|
|
256
|
-
await page.setViewport({
|
|
257
|
-
width: 576,
|
|
258
|
-
height: pageHeight,
|
|
259
|
-
});
|
|
260
|
-
await page.waitForChanges();
|
|
261
|
-
let appTitle = await page.find("ic-side-navigation >>> .title-link ic-typography");
|
|
262
|
-
expect(appTitle.textContent).toBe("AppName");
|
|
263
|
-
await page.setViewport({
|
|
264
|
-
width: 1200,
|
|
265
|
-
height: pageHeight,
|
|
266
|
-
});
|
|
267
|
-
await page.waitForChanges();
|
|
268
|
-
appTitle = await page.find("ic-side-navigation >>> .title-link ic-typography");
|
|
269
|
-
expect(appTitle.textContent).toBe("ApplicationName");
|
|
270
|
-
});
|
|
271
|
-
it("collapse group nav items in collapsed side menu", async () => {
|
|
272
|
-
const page = await newE2EPage();
|
|
273
|
-
await page.setContent(icSideNavigationGroupedNav);
|
|
274
|
-
await page.waitForChanges();
|
|
275
|
-
const navigtionGroupToggleBtn = await page.find("ic-side-navigation ic-navigation-group >>> .navigation-group");
|
|
276
|
-
let navigationGroupWrapperHeight = await page.evaluate(() => {
|
|
277
|
-
const navigationGroupWrapper = document
|
|
278
|
-
.querySelector("ic-side-navigation ic-navigation-group")
|
|
279
|
-
.shadowRoot.querySelector(".grouped-links-wrapper");
|
|
280
|
-
return window.getComputedStyle(navigationGroupWrapper).height;
|
|
281
|
-
});
|
|
282
|
-
expect(parseInt(navigationGroupWrapperHeight)).toBe(56);
|
|
283
|
-
await navigtionGroupToggleBtn.click();
|
|
284
|
-
await page.waitForTimeout(ANIMATION_MS_THRESHOLD);
|
|
285
|
-
navigationGroupWrapperHeight = await page.evaluate(() => {
|
|
286
|
-
const navigationGroupWrapper = document
|
|
287
|
-
.querySelector("ic-side-navigation ic-navigation-group")
|
|
288
|
-
.shadowRoot.querySelector(".grouped-links-wrapper");
|
|
289
|
-
return window.getComputedStyle(navigationGroupWrapper).height;
|
|
290
|
-
});
|
|
291
|
-
expect(parseInt(navigationGroupWrapperHeight)).toBe(0);
|
|
292
|
-
await navigtionGroupToggleBtn.click();
|
|
293
|
-
await page.waitForTimeout(ANIMATION_MS_THRESHOLD);
|
|
294
|
-
navigationGroupWrapperHeight = await page.evaluate(() => {
|
|
295
|
-
const navigationGroupWrapper = document
|
|
296
|
-
.querySelector("ic-side-navigation ic-navigation-group")
|
|
297
|
-
.shadowRoot.querySelector(".grouped-links-wrapper");
|
|
298
|
-
return window.getComputedStyle(navigationGroupWrapper).height;
|
|
299
|
-
});
|
|
300
|
-
expect(parseInt(navigationGroupWrapperHeight)).toBe(56);
|
|
301
|
-
});
|
|
302
|
-
it("aria-landmarks added to side navigation nav sections", async () => {
|
|
303
|
-
const PRIMARY_LANDMARK_ID = "primary-navigation-landmark";
|
|
304
|
-
const SECONDARY_LANDMARK_ID = "secondary-navigation-landmark";
|
|
305
|
-
const page = await newE2EPage();
|
|
306
|
-
await page.setContent(icSideNavigation);
|
|
307
|
-
await page.waitForChanges();
|
|
308
|
-
const primaryNavigationLandmarkValue = await (await page.find("ic-side-navigation >>> nav.primary-navigation")).getAttribute("aria-labelledby");
|
|
309
|
-
const primaryNavigationLandmarkText = await (await page.find(`ic-side-navigation >>> nav.primary-navigation #${PRIMARY_LANDMARK_ID}`)).textContent;
|
|
310
|
-
expect(primaryNavigationLandmarkValue).toBe(PRIMARY_LANDMARK_ID);
|
|
311
|
-
expect(primaryNavigationLandmarkText).toBe("Primary");
|
|
312
|
-
const secondaryNavigationLandmarkValue = await (await page.find("ic-side-navigation >>> nav.secondary-navigation")).getAttribute("aria-labelledby");
|
|
313
|
-
const secondaryNavigationLandmarkText = await (await page.find(`ic-side-navigation >>> nav.secondary-navigation #${SECONDARY_LANDMARK_ID}`)).textContent;
|
|
314
|
-
expect(secondaryNavigationLandmarkValue).toBe(SECONDARY_LANDMARK_ID);
|
|
315
|
-
expect(secondaryNavigationLandmarkText).toBe("Secondary");
|
|
316
|
-
});
|
|
317
|
-
it("renders app status and version", async () => {
|
|
318
|
-
const page = await newE2EPage();
|
|
319
|
-
await page.setContent(icSideNavigation);
|
|
320
|
-
const menuExpandBtn = await page.find("ic-side-navigation >>> .side-navigation button.menu-expand-button");
|
|
321
|
-
await menuExpandBtn.click();
|
|
322
|
-
await page.waitForTimeout(ANIMATION_MS_THRESHOLD);
|
|
323
|
-
const applicationStatus = await (await page.find("ic-side-navigation >>> .app-status-wrapper .app-status-text")).innerText;
|
|
324
|
-
const applicationVersion = await (await page.find("ic-side-navigation >>> .app-status-wrapper .app-version")).innerText;
|
|
325
|
-
expect(applicationStatus).toBe("BETA");
|
|
326
|
-
expect(applicationVersion).toBe("v0.0.0");
|
|
327
|
-
});
|
|
328
|
-
it("renders tooltip on collapsed side navigation", async () => {
|
|
329
|
-
const page = await newE2EPage();
|
|
330
|
-
await page.setContent(icSideNavigation);
|
|
331
|
-
const navigationItems = await page.findAll("ic-side-navigation ic-navigation-item");
|
|
332
|
-
await navigationItems[0].hover();
|
|
333
|
-
await page.waitForTimeout(ANIMATION_MS_THRESHOLD);
|
|
334
|
-
const toolTipDisplay = await page.evaluate(() => {
|
|
335
|
-
const tooltip = document
|
|
336
|
-
.querySelectorAll("ic-side-navigation ic-navigation-item")[0]
|
|
337
|
-
.shadowRoot.querySelector("ic-tooltip")
|
|
338
|
-
.shadowRoot.querySelector(".ic-tooltip-container");
|
|
339
|
-
return window.getComputedStyle(tooltip).display;
|
|
340
|
-
});
|
|
341
|
-
expect(toolTipDisplay).toBe("block");
|
|
342
|
-
});
|
|
343
|
-
it("hides tooltip on expanded side navigation", async () => {
|
|
344
|
-
const page = await newE2EPage();
|
|
345
|
-
await page.setContent(icSideNavigationExpanded);
|
|
346
|
-
const navigationItems = await page.findAll("ic-side-navigation ic-navigation-item");
|
|
347
|
-
await navigationItems[0].hover();
|
|
348
|
-
await page.waitForTimeout(ANIMATION_MS_THRESHOLD);
|
|
349
|
-
const toolTipDisplay = await page.evaluate(() => {
|
|
350
|
-
const tooltip = document
|
|
351
|
-
.querySelectorAll("ic-side-navigation ic-navigation-item")[0]
|
|
352
|
-
.shadowRoot.querySelector("ic-tooltip")
|
|
353
|
-
.shadowRoot.querySelector(".ic-tooltip-container");
|
|
354
|
-
return window.getComputedStyle(tooltip).display;
|
|
355
|
-
});
|
|
356
|
-
expect(toolTipDisplay).toBe("none");
|
|
357
|
-
});
|
|
358
|
-
it("hides menu expand if static prop is set to true", async () => {
|
|
359
|
-
const page = await newE2EPage();
|
|
360
|
-
await page.setContent(icSideNavigationStatic);
|
|
361
|
-
const menuExpandBtn = await page.evaluate(() => document
|
|
362
|
-
.querySelector("ic-side-navigation")
|
|
363
|
-
.shadowRoot.querySelector(".side-navigation .menu-expand-button"));
|
|
364
|
-
expect(menuExpandBtn).toBeNull();
|
|
365
|
-
});
|
|
366
|
-
it("renders ic-side-navigation with theme colours", async () => {
|
|
367
|
-
const page = await newE2EPage();
|
|
368
|
-
await page.setContent(icSideNavigationTheme);
|
|
369
|
-
const sideNavigation = await page.evaluate(() => {
|
|
370
|
-
const sideNavMain = document
|
|
371
|
-
.querySelector("ic-side-navigation")
|
|
372
|
-
.shadowRoot.querySelector(".side-navigation-inner");
|
|
373
|
-
const sideNavText = document
|
|
374
|
-
.querySelector("ic-side-navigation")
|
|
375
|
-
.shadowRoot.querySelector(".ic-typography-h3");
|
|
376
|
-
return {
|
|
377
|
-
bgColor: window.getComputedStyle(sideNavMain).backgroundColor,
|
|
378
|
-
textColor: window.getComputedStyle(sideNavText).color,
|
|
379
|
-
};
|
|
380
|
-
});
|
|
381
|
-
expect(sideNavigation.bgColor).toBe("rgb(131, 166, 195)");
|
|
382
|
-
expect(sideNavigation.textColor).toBe("rgb(11, 12, 12)");
|
|
383
|
-
});
|
|
384
|
-
it("should render tooltip if very long label in expanded menu overflows", async () => {
|
|
385
|
-
const page = await newE2EPage();
|
|
386
|
-
await page.setContent(icSideNavigationExpanded);
|
|
387
|
-
await page.waitForChanges();
|
|
388
|
-
const sideNavInner = await page.find("ic-side-navigation >>> .side-navigation-inner");
|
|
389
|
-
await page.waitForChanges();
|
|
390
|
-
await sideNavInner.press("Tab");
|
|
391
|
-
await page.waitForChanges();
|
|
392
|
-
await sideNavInner.press("Tab");
|
|
393
|
-
await page.waitForChanges();
|
|
394
|
-
await sideNavInner.press("Tab");
|
|
395
|
-
await page.waitForChanges();
|
|
396
|
-
const shortLabelTooltipDisplay = await page.evaluate(() => {
|
|
397
|
-
const LABEL = "Home";
|
|
398
|
-
const navItems = Array.from(document.querySelectorAll("ic-side-navigation ic-navigation-item"));
|
|
399
|
-
const shortLabelNavItem = navItems.filter((navItem) => {
|
|
400
|
-
return (navItem.shadowRoot.querySelector("ic-tooltip > a > .ic-typography-label").textContent === LABEL);
|
|
401
|
-
})[0];
|
|
402
|
-
return window.getComputedStyle(shortLabelNavItem.shadowRoot
|
|
403
|
-
.querySelector("ic-tooltip")
|
|
404
|
-
.shadowRoot.querySelector(".ic-tooltip-container")).display;
|
|
405
|
-
});
|
|
406
|
-
expect(shortLabelTooltipDisplay).toBe("none");
|
|
407
|
-
const longLabelTooltipDisplay = await page.evaluate(() => {
|
|
408
|
-
const LABEL = "This is a very very very very very long label";
|
|
409
|
-
const navItems = Array.from(document.querySelectorAll("ic-side-navigation ic-navigation-item"));
|
|
410
|
-
const longLabelNavItem = navItems.filter((navItem) => {
|
|
411
|
-
return (navItem.shadowRoot.querySelector("ic-tooltip > a > .ic-typography-label").textContent === LABEL);
|
|
412
|
-
})[0];
|
|
413
|
-
return window.getComputedStyle(longLabelNavItem.shadowRoot
|
|
414
|
-
.querySelector("ic-tooltip")
|
|
415
|
-
.shadowRoot.querySelector(".ic-tooltip-container")).display;
|
|
416
|
-
});
|
|
417
|
-
expect(longLabelTooltipDisplay).toBe("block");
|
|
418
|
-
});
|
|
419
|
-
it("renders visible labels when slotted menu items and expanded", async () => {
|
|
420
|
-
const page = await newE2EPage();
|
|
421
|
-
await page.setContent(icSideNavigationSlottedExpanded);
|
|
422
|
-
await page.waitForChanges();
|
|
423
|
-
const labelVisibility = await page.$eval("ic-side-navigation", (el) => {
|
|
424
|
-
const navItem = el.querySelector("ic-navigation-item ic-typography");
|
|
425
|
-
return window.getComputedStyle(navItem).visibility;
|
|
426
|
-
});
|
|
427
|
-
expect(labelVisibility).toBe("visible");
|
|
428
|
-
});
|
|
429
|
-
it("renders navigation item labels when using slotted app-title and side nav is expanded", async () => {
|
|
430
|
-
const page = await newE2EPage();
|
|
431
|
-
await page.setContent(icSideNavigationAppTitle);
|
|
432
|
-
let visibleLabel = await page.evaluate(() => {
|
|
433
|
-
const label = document
|
|
434
|
-
.querySelector("ic-side-navigation ic-navigation-item")
|
|
435
|
-
.querySelector("ic-typography");
|
|
436
|
-
return window.getComputedStyle(label).visibility;
|
|
437
|
-
});
|
|
438
|
-
expect(visibleLabel).toBe("hidden");
|
|
439
|
-
const menuExpandBtn = await page.find("ic-side-navigation >>> .side-navigation button.menu-expand-button");
|
|
440
|
-
await menuExpandBtn.click();
|
|
441
|
-
await page.waitForTimeout(ANIMATION_MS_THRESHOLD);
|
|
442
|
-
visibleLabel = await page.evaluate(() => {
|
|
443
|
-
const label = document
|
|
444
|
-
.querySelector("ic-side-navigation ic-navigation-item")
|
|
445
|
-
.querySelector("ic-typography");
|
|
446
|
-
return window.getComputedStyle(label).visibility;
|
|
447
|
-
});
|
|
448
|
-
expect(visibleLabel).toBe("visible");
|
|
449
|
-
});
|
|
450
|
-
it("renders visible labels when slotted menu items and side nav is expanded", async () => {
|
|
451
|
-
const page = await newE2EPage();
|
|
452
|
-
await page.setContent(icSideNavigationSlotted);
|
|
453
|
-
const menuBtn = await page.find("ic-side-navigation >>> .menu-expand-button");
|
|
454
|
-
await menuBtn.click();
|
|
455
|
-
await page.waitForChanges();
|
|
456
|
-
let visibleLabel = await page.evaluate(() => {
|
|
457
|
-
const label = document
|
|
458
|
-
.querySelector("ic-side-navigation ic-navigation-item")
|
|
459
|
-
.querySelector("ic-typography");
|
|
460
|
-
return window.getComputedStyle(label).visibility;
|
|
461
|
-
});
|
|
462
|
-
expect(visibleLabel).toBe("visible");
|
|
463
|
-
await menuBtn.click();
|
|
464
|
-
await page.waitForChanges();
|
|
465
|
-
visibleLabel = await page.evaluate(() => {
|
|
466
|
-
const label = document
|
|
467
|
-
.querySelector("ic-side-navigation ic-navigation-item")
|
|
468
|
-
.querySelector("ic-typography");
|
|
469
|
-
return window.getComputedStyle(label).visibility;
|
|
470
|
-
});
|
|
471
|
-
expect(visibleLabel).toBe("hidden");
|
|
472
|
-
});
|
|
473
|
-
});
|
|
474
|
-
});
|
|
475
|
-
//# sourceMappingURL=ic-side-navigation.e2e.js.map
|
package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation.e2e.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ic-side-navigation.e2e.js","sourceRoot":"","sources":["../../../../../src/components/ic-side-navigation/test/basic/ic-side-navigation.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EACL,gBAAgB,EAChB,wBAAwB,EACxB,0BAA0B,EAC1B,qBAAqB,EACrB,sBAAsB,EACtB,+BAA+B,EAC/B,wBAAwB,EACxB,uBAAuB,GACxB,MAAM,oCAAoC,CAAC;AAE5C,MAAM,eAAe,GAAG;IACtB,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;CACZ,CAAC;AAEF,MAAM,UAAU,GAAG,GAAG,CAAC;AACvB,MAAM,sBAAsB,GAAG,GAAG,CAAC;AAEnC,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAClC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;QACtB,EAAE,CAAC,YAAY,EAAE,KAAK,IAAI,EAAE;YAC1B,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;YAChC,MAAM,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;YAExC,MAAM,IAAI,CAAC,WAAW,mBACjB,eAAe,EAClB,CAAC;YAEH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,IAAI,CACnC,qCAAqC,CACtC,CAAC;YAEF,MAAM,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QACvC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,iFAAiF,EAAE,KAAK,IAAI,EAAE;YAC/F,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;YAChC,MAAM,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;YAExC,MAAM,IAAI,CAAC,WAAW,mBACjB,eAAe,EAClB,CAAC;YAEH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,IAAI,CACnC,qCAAqC,CACtC,CAAC;YAEF,IAAI,cAAc,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAC5C,QAAQ;iBACL,aAAa,CAAC,oBAAoB,CAAC;iBACnC,UAAU,CAAC,aAAa,CAAC,cAAc,CAAC;iBACxC,WAAW,CAAC,IAAI,EAAE,CACtB,CAAC;YAEF,MAAM,CAAC,cAAc,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;YAEzC,MAAM,aAAa,CAAC,KAAK,EAAE,CAAC;YAE5B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,IAAI,CAChC,+CAA+C,CAChD,CAAC;YAEF,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;YAElC,cAAc,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CACxC,QAAQ;iBACL,aAAa,CAAC,oBAAoB,CAAC;iBACnC,UAAU,CAAC,aAAa,CAAC,cAAc,CAAC;iBACxC,WAAW,CAAC,IAAI,EAAE,CACtB,CAAC;YAEF,MAAM,CAAC,cAAc,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,gEAAgE,EAAE,KAAK,IAAI,EAAE;YAC9E,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;YAChC,MAAM,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;YAExC,MAAM,IAAI,CAAC,WAAW,mBACjB,eAAe,EAClB,CAAC;YAEH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,IAAI,CACnC,qCAAqC,CACtC,CAAC;YAEF,IAAI,kBAAkB,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAChD,QAAQ;iBACL,aAAa,CAAC,oBAAoB,CAAC;iBACnC,UAAU,CAAC,aAAa,CAAC,cAAc,CAAC;iBACxC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC;iBAClC,YAAY,CAAC,eAAe,CAAC,CACjC,CAAC;YAEF,IAAI,eAAe,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAC7C,QAAQ;iBACL,aAAa,CAAC,oBAAoB,CAAC;iBACnC,UAAU,CAAC,aAAa,CAAC,cAAc,CAAC;iBACxC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC;iBAClC,YAAY,CAAC,YAAY,CAAC,CAC9B,CAAC;YAEF,MAAM,CAAC,kBAAkB,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACzC,MAAM,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;YAErD,MAAM,aAAa,CAAC,KAAK,EAAE,CAAC;YAE5B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,IAAI,CAChC,+CAA+C,CAChD,CAAC;YAEF,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;YAElC,kBAAkB,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAC5C,QAAQ;iBACL,aAAa,CAAC,oBAAoB,CAAC;iBACnC,UAAU,CAAC,aAAa,CAAC,cAAc,CAAC;iBACxC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC;iBAClC,YAAY,CAAC,eAAe,CAAC,CACjC,CAAC;YAEF,eAAe,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CACzC,QAAQ;iBACL,aAAa,CAAC,oBAAoB,CAAC;iBACnC,UAAU,CAAC,aAAa,CAAC,cAAc,CAAC;iBACxC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC;iBAClC,YAAY,CAAC,YAAY,CAAC,CAC9B,CAAC;YAEF,MAAM,CAAC,kBAAkB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACxC,MAAM,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;QACxD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,gDAAgD,EAAE,KAAK,IAAI,EAAE;YAC9D,MAAM,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;YAChC,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;YAChC,MAAM,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;YAExC,MAAM,IAAI,CAAC,WAAW,mBACjB,eAAe,EAClB,CAAC;YAEH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,IAAI,CACnC,qCAAqC,CACtC,CAAC;YAEF,MAAM,aAAa,CAAC,KAAK,EAAE,CAAC;YAE5B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,MAAM,eAAe,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;gBAC/C,OAAO,KAAK,CAAC,IAAI,CACf,QAAQ,CAAC,gBAAgB,CAAC,uCAAuC,CAAC,CACnE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,WAAW,CAAC,CAAC;YACrE,CAAC,CAAC,CAAC;YAEH,MAAM,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YAEvC,eAAe,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE;gBACrC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;YAClC,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,0BAA0B,EAAE,KAAK,IAAI,EAAE;YACxC,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;YAChC,MAAM,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;YAExC,MAAM,IAAI,CAAC,WAAW,mBACjB,eAAe,EAClB,CAAC;YAEH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,MAAM,eAAe,GAAG,MAAM,CAC5B,MAAM,IAAI,CAAC,IAAI,CAAC,+CAA+C,CAAC,CACjE,CAAC,SAAS,CAAC;YAEZ,MAAM,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;YAC9C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;YAChC,MAAM,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;YAExC,MAAM,IAAI,CAAC,WAAW,mBACjB,eAAe,EAClB,CAAC;YAEH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,qCAAqC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;YAEjE,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,MAAM,iBAAiB,GAAG,MAAM,CAC9B,MAAM,IAAI,CAAC,IAAI,CACb,6DAA6D,CAC9D,CACF,CAAC,SAAS,CAAC;YACZ,MAAM,kBAAkB,GAAG,MAAM,CAC/B,MAAM,IAAI,CAAC,IAAI,CACb,yDAAyD,CAC1D,CACF,CAAC,SAAS,CAAC;YAEZ,MAAM,CAAC,iBAAiB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACvC,MAAM,CAAC,kBAAkB,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;YAClD,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;YAChC,MAAM,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;YAExC,MAAM,IAAI,CAAC,WAAW,mBACjB,eAAe,EAClB,CAAC;YAEH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,IAAI,CACnC,qCAAqC,CACtC,CAAC;YAEF,MAAM,aAAa,CAAC,KAAK,EAAE,CAAC;YAE5B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,IAAI,CAChC,+CAA+C,CAChD,CAAC;YAEF,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;YAElC,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAC7C,QAAQ;iBACL,aAAa,CAAC,oBAAoB,CAAC;iBACnC,UAAU,CAAC,aAAa,CAAC,sCAAsC,CAAC,CACpE,CAAC;YAEF,MAAM,CAAC,aAAa,CAAC,CAAC,QAAQ,EAAE,CAAC;QACnC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,wDAAwD,EAAE,KAAK,IAAI,EAAE;YACtE,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;YAChC,MAAM,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;YAExC,MAAM,IAAI,CAAC,WAAW,mBACjB,eAAe,EAClB,CAAC;YAEH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACjC,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACjC,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAEjC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,IAAI,sBAAsB,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;gBACpD,MAAM,YAAY,GAAG,QAAQ;qBAC1B,aAAa,CAAC,oBAAoB,CAAC;qBACnC,UAAU,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC;gBAEtD,OAAO,MAAM,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,UAAU,CAAC;YAC1D,CAAC,CAAC,CAAC;YAEH,MAAM,CAAC,sBAAsB,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAE9C,MAAM,cAAc,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;gBAC9C,MAAM,OAAO,GAAG,QAAQ;qBACrB,gBAAgB,CAAC,uCAAuC,CAAC,CAAC,CAAC,CAAC;qBAC5D,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC;qBACtC,UAAU,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;gBAErD,OAAO,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC;YAClD,CAAC,CAAC,CAAC;YAEH,MAAM,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAEpC,IAAI,aAAa,GAAG,MAAM,IAAI,CAAC,IAAI,CACjC,qCAAqC,CACtC,CAAC;YAEF,MAAM,aAAa,CAAC,KAAK,EAAE,CAAC;YAE5B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,sBAAsB,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;gBAChD,MAAM,YAAY,GAAG,QAAQ;qBAC1B,aAAa,CAAC,oBAAoB,CAAC;qBACnC,UAAU,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC;gBAEtD,OAAO,MAAM,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,UAAU,CAAC;YAC1D,CAAC,CAAC,CAAC;YAEH,MAAM,CAAC,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAE/C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,aAAa,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,qCAAqC,CAAC,CAAC;YAEvE,MAAM,aAAa,CAAC,KAAK,EAAE,CAAC;YAE5B,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,iEAAiE;YAEjG,sBAAsB,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;gBAChD,MAAM,YAAY,GAAG,QAAQ;qBAC1B,aAAa,CAAC,oBAAoB,CAAC;qBACnC,UAAU,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC;gBAEtD,OAAO,MAAM,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,UAAU,CAAC;YAC1D,CAAC,CAAC,CAAC;YAEH,MAAM,CAAC,sBAAsB,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAChD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;QAC9B,EAAE,CAAC,mBAAmB,EAAE,KAAK,IAAI,EAAE;YACjC,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;YAChC,MAAM,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;YAExC,MAAM,cAAc,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;YAE7D,MAAM,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QACxC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;YAC1D,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;YAChC,MAAM,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;YAExC,MAAM,mBAAmB,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;gBACnD,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;gBAC7D,OAAO,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC;YAChD,CAAC,CAAC,CAAC;YAEH,MAAM,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACjD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;YACzD,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;YAChC,MAAM,IAAI,CAAC,UAAU,CAAC,wBAAwB,CAAC,CAAC;YAEhD,MAAM,mBAAmB,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;gBACnD,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;gBAC7D,OAAO,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC;YAChD,CAAC,CAAC,CAAC;YAEH,MAAM,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAClD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,+CAA+C,EAAE,KAAK,IAAI,EAAE;YAC7D,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;YAChC,MAAM,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;YAExC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,IAAI,CACnC,mEAAmE,CACpE,CAAC;YAEF,MAAM,aAAa,CAAC,KAAK,EAAE,CAAC;YAE5B,MAAM,IAAI,CAAC,cAAc,CAAC,sBAAsB,CAAC,CAAC;YAElD,IAAI,mBAAmB,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;gBACjD,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;gBAC7D,OAAO,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC;YAChD,CAAC,CAAC,CAAC;YAEH,MAAM,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAEhD,MAAM,aAAa,CAAC,KAAK,EAAE,CAAC;YAE5B,MAAM,IAAI,CAAC,cAAc,CAAC,sBAAsB,CAAC,CAAC;YAElD,mBAAmB,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;gBAC7C,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;gBAC7D,OAAO,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC;YAChD,CAAC,CAAC,CAAC;YAEH,MAAM,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACjD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;YACxD,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;YAChC,MAAM,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;YAExC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,IAAI,CACnC,mEAAmE,CACpE,CAAC;YAEF,MAAM,aAAa,CAAC,KAAK,EAAE,CAAC;YAE5B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,MAAM,CAAC,aAAa,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CACnD,0BAA0B,CAC3B,CAAC;YAEF,MAAM,aAAa,CAAC,KAAK,EAAE,CAAC;YAE5B,MAAM,CAAC,aAAa,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CACnD,wBAAwB,CACzB,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,uDAAuD,EAAE,KAAK,IAAI,EAAE;YACrE,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;YAChC,MAAM,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;YAExC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,IAAI,sBAAsB,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;gBACpD,MAAM,eAAe,GAAG,QAAQ;qBAC7B,aAAa,CAAC,oBAAoB,CAAC;qBACnC,UAAU,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC;gBAEzD,OAAO,MAAM,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC;YAC1D,CAAC,CAAC,CAAC;YAEH,MAAM,CAAC,sBAAsB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAEzC,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,IAAI,CACnC,mEAAmE,CACpE,CAAC;YAEF,MAAM,aAAa,CAAC,KAAK,EAAE,CAAC;YAE5B,MAAM,IAAI,CAAC,cAAc,CAAC,sBAAsB,CAAC,CAAC;YAElD,sBAAsB,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;gBAChD,MAAM,eAAe,GAAG,QAAQ;qBAC7B,aAAa,CAAC,oBAAoB,CAAC;qBACnC,UAAU,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC;gBAEzD,OAAO,MAAM,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC;YAC1D,CAAC,CAAC,CAAC;YAEH,MAAM,CAAC,sBAAsB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC3C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,oDAAoD,EAAE,KAAK,IAAI,EAAE;YAClE,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;YAChC,MAAM,IAAI,CAAC,UAAU,CAAC;4BACA,CAAC,CAAC;YAExB,MAAM,IAAI,CAAC,WAAW,CAAC;gBACrB,KAAK,EAAE,GAAG;gBACV,MAAM,EAAE,UAAU;aACnB,CAAC,CAAC;YAEH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,IAAI,QAAQ,GAAG,MAAM,IAAI,CAAC,IAAI,CAC5B,kDAAkD,CACnD,CAAC;YAEF,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAE7C,MAAM,IAAI,CAAC,WAAW,CAAC;gBACrB,KAAK,EAAE,IAAI;gBACX,MAAM,EAAE,UAAU;aACnB,CAAC,CAAC;YAEH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,QAAQ,GAAG,MAAM,IAAI,CAAC,IAAI,CACxB,kDAAkD,CACnD,CAAC;YAEF,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QACvD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;YAC/D,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;YAChC,MAAM,IAAI,CAAC,UAAU,CAAC,0BAA0B,CAAC,CAAC;YAElD,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,MAAM,uBAAuB,GAAG,MAAM,IAAI,CAAC,IAAI,CAC7C,8DAA8D,CAC/D,CAAC;YAEF,IAAI,4BAA4B,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;gBAC1D,MAAM,sBAAsB,GAAG,QAAQ;qBACpC,aAAa,CAAC,wCAAwC,CAAC;qBACvD,UAAU,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC;gBAEtD,OAAO,MAAM,CAAC,gBAAgB,CAAC,sBAAsB,CAAC,CAAC,MAAM,CAAC;YAChE,CAAC,CAAC,CAAC;YAEH,MAAM,CAAC,QAAQ,CAAC,4BAA4B,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YAExD,MAAM,uBAAuB,CAAC,KAAK,EAAE,CAAC;YAEtC,MAAM,IAAI,CAAC,cAAc,CAAC,sBAAsB,CAAC,CAAC;YAElD,4BAA4B,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;gBACtD,MAAM,sBAAsB,GAAG,QAAQ;qBACpC,aAAa,CAAC,wCAAwC,CAAC;qBACvD,UAAU,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC;gBAEtD,OAAO,MAAM,CAAC,gBAAgB,CAAC,sBAAsB,CAAC,CAAC,MAAM,CAAC;YAChE,CAAC,CAAC,CAAC;YAEH,MAAM,CAAC,QAAQ,CAAC,4BAA4B,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YAEvD,MAAM,uBAAuB,CAAC,KAAK,EAAE,CAAC;YAEtC,MAAM,IAAI,CAAC,cAAc,CAAC,sBAAsB,CAAC,CAAC;YAElD,4BAA4B,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;gBACtD,MAAM,sBAAsB,GAAG,QAAQ;qBACpC,aAAa,CAAC,wCAAwC,CAAC;qBACvD,UAAU,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC;gBAEtD,OAAO,MAAM,CAAC,gBAAgB,CAAC,sBAAsB,CAAC,CAAC,MAAM,CAAC;YAChE,CAAC,CAAC,CAAC;YAEH,MAAM,CAAC,QAAQ,CAAC,4BAA4B,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC1D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,sDAAsD,EAAE,KAAK,IAAI,EAAE;YACpE,MAAM,mBAAmB,GAAG,6BAA6B,CAAC;YAC1D,MAAM,qBAAqB,GAAG,+BAA+B,CAAC;YAC9D,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;YAChC,MAAM,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;YAExC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,MAAM,8BAA8B,GAAG,MAAM,CAC3C,MAAM,IAAI,CAAC,IAAI,CAAC,+CAA+C,CAAC,CACjE,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;YAClC,MAAM,6BAA6B,GAAG,MAAM,CAC1C,MAAM,IAAI,CAAC,IAAI,CACb,kDAAkD,mBAAmB,EAAE,CACxE,CACF,CAAC,WAAW,CAAC;YAEd,MAAM,CAAC,8BAA8B,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;YACjE,MAAM,CAAC,6BAA6B,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAEtD,MAAM,gCAAgC,GAAG,MAAM,CAC7C,MAAM,IAAI,CAAC,IAAI,CAAC,iDAAiD,CAAC,CACnE,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;YAClC,MAAM,+BAA+B,GAAG,MAAM,CAC5C,MAAM,IAAI,CAAC,IAAI,CACb,oDAAoD,qBAAqB,EAAE,CAC5E,CACF,CAAC,WAAW,CAAC;YAEd,MAAM,CAAC,gCAAgC,CAAC,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;YACrE,MAAM,CAAC,+BAA+B,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAC5D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;YAC9C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;YAChC,MAAM,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;YAExC,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,IAAI,CACnC,mEAAmE,CACpE,CAAC;YAEF,MAAM,aAAa,CAAC,KAAK,EAAE,CAAC;YAE5B,MAAM,IAAI,CAAC,cAAc,CAAC,sBAAsB,CAAC,CAAC;YAElD,MAAM,iBAAiB,GAAG,MAAM,CAC9B,MAAM,IAAI,CAAC,IAAI,CACb,6DAA6D,CAC9D,CACF,CAAC,SAAS,CAAC;YACZ,MAAM,kBAAkB,GAAG,MAAM,CAC/B,MAAM,IAAI,CAAC,IAAI,CACb,yDAAyD,CAC1D,CACF,CAAC,SAAS,CAAC;YAEZ,MAAM,CAAC,iBAAiB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACvC,MAAM,CAAC,kBAAkB,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,8CAA8C,EAAE,KAAK,IAAI,EAAE;YAC5D,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;YAChC,MAAM,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;YAExC,MAAM,eAAe,GAAG,MAAM,IAAI,CAAC,OAAO,CACxC,uCAAuC,CACxC,CAAC;YAEF,MAAM,eAAe,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;YAEjC,MAAM,IAAI,CAAC,cAAc,CAAC,sBAAsB,CAAC,CAAC;YAElD,MAAM,cAAc,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;gBAC9C,MAAM,OAAO,GAAG,QAAQ;qBACrB,gBAAgB,CAAC,uCAAuC,CAAC,CAAC,CAAC,CAAC;qBAC5D,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC;qBACtC,UAAU,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;gBAErD,OAAO,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC;YAClD,CAAC,CAAC,CAAC;YAEH,MAAM,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;YACzD,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;YAChC,MAAM,IAAI,CAAC,UAAU,CAAC,wBAAwB,CAAC,CAAC;YAEhD,MAAM,eAAe,GAAG,MAAM,IAAI,CAAC,OAAO,CACxC,uCAAuC,CACxC,CAAC;YAEF,MAAM,eAAe,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;YAEjC,MAAM,IAAI,CAAC,cAAc,CAAC,sBAAsB,CAAC,CAAC;YAElD,MAAM,cAAc,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;gBAC9C,MAAM,OAAO,GAAG,QAAQ;qBACrB,gBAAgB,CAAC,uCAAuC,CAAC,CAAC,CAAC,CAAC;qBAC5D,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC;qBACtC,UAAU,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;gBAErD,OAAO,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC;YAClD,CAAC,CAAC,CAAC;YAEH,MAAM,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACtC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;YAC/D,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;YAChC,MAAM,IAAI,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAC;YAE9C,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAC7C,QAAQ;iBACL,aAAa,CAAC,oBAAoB,CAAC;iBACnC,UAAU,CAAC,aAAa,CAAC,sCAAsC,CAAC,CACpE,CAAC;YAEF,MAAM,CAAC,aAAa,CAAC,CAAC,QAAQ,EAAE,CAAC;QACnC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,+CAA+C,EAAE,KAAK,IAAI,EAAE;YAC7D,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;YAChC,MAAM,IAAI,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;YAE7C,MAAM,cAAc,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;gBAC9C,MAAM,WAAW,GAAG,QAAQ;qBACzB,aAAa,CAAC,oBAAoB,CAAC;qBACnC,UAAU,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC;gBAEtD,MAAM,WAAW,GAAG,QAAQ;qBACzB,aAAa,CAAC,oBAAoB,CAAC;qBACnC,UAAU,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;gBAEjD,OAAO;oBACL,OAAO,EAAE,MAAM,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,eAAe;oBAC7D,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,KAAK;iBACtD,CAAC;YACJ,CAAC,CAAC,CAAC;YAEH,MAAM,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;YAC1D,MAAM,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAC3D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,qEAAqE,EAAE,KAAK,IAAI,EAAE;YACnF,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;YAChC,MAAM,IAAI,CAAC,UAAU,CAAC,wBAAwB,CAAC,CAAC;YAEhD,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,IAAI,CAClC,+CAA+C,CAChD,CAAC;YAEF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,MAAM,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAEhC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,MAAM,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAEhC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,MAAM,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAEhC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,MAAM,wBAAwB,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;gBACxD,MAAM,KAAK,GAAG,MAAM,CAAC;gBACrB,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CACzB,QAAQ,CAAC,gBAAgB,CAAC,uCAAuC,CAAC,CACnE,CAAC;gBAEF,MAAM,iBAAiB,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE;oBACpD,OAAO,CACL,OAAO,CAAC,UAAU,CAAC,aAAa,CAC9B,uCAAuC,CACxC,CAAC,WAAW,KAAK,KAAK,CACxB,CAAC;gBACJ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAEN,OAAO,MAAM,CAAC,gBAAgB,CAC5B,iBAAiB,CAAC,UAAU;qBACzB,aAAa,CAAC,YAAY,CAAC;qBAC3B,UAAU,CAAC,aAAa,CAAC,uBAAuB,CAAC,CACrD,CAAC,OAAO,CAAC;YACZ,CAAC,CAAC,CAAC;YAEH,MAAM,CAAC,wBAAwB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAE9C,MAAM,uBAAuB,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;gBACvD,MAAM,KAAK,GAAG,+CAA+C,CAAC;gBAC9D,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CACzB,QAAQ,CAAC,gBAAgB,CAAC,uCAAuC,CAAC,CACnE,CAAC;gBAEF,MAAM,gBAAgB,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE;oBACnD,OAAO,CACL,OAAO,CAAC,UAAU,CAAC,aAAa,CAC9B,uCAAuC,CACxC,CAAC,WAAW,KAAK,KAAK,CACxB,CAAC;gBACJ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAEN,OAAO,MAAM,CAAC,gBAAgB,CAC5B,gBAAgB,CAAC,UAAU;qBACxB,aAAa,CAAC,YAAY,CAAC;qBAC3B,UAAU,CAAC,aAAa,CAAC,uBAAuB,CAAC,CACrD,CAAC,OAAO,CAAC;YACZ,CAAC,CAAC,CAAC;YAEH,MAAM,CAAC,uBAAuB,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAChD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,6DAA6D,EAAE,KAAK,IAAI,EAAE;YAC3E,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;YAChC,MAAM,IAAI,CAAC,UAAU,CAAC,+BAA+B,CAAC,CAAC;YAEvD,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,MAAM,eAAe,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,oBAAoB,EAAE,CAAC,EAAE,EAAE,EAAE;gBACpE,MAAM,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,kCAAkC,CAAC,CAAC;gBAErE,OAAO,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;YACrD,CAAC,CAAC,CAAC;YAEH,MAAM,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC1C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,sFAAsF,EAAE,KAAK,IAAI,EAAE;YACpG,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;YAChC,MAAM,IAAI,CAAC,UAAU,CAAC,wBAAwB,CAAC,CAAC;YAEhD,IAAI,YAAY,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;gBAC1C,MAAM,KAAK,GAAG,QAAQ;qBACnB,aAAa,CAAC,uCAAuC,CAAC;qBACtD,aAAa,CAAC,eAAe,CAAC,CAAC;gBAElC,OAAO,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC;YACnD,CAAC,CAAC,CAAC;YAEH,MAAM,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAEpC,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,IAAI,CACnC,mEAAmE,CACpE,CAAC;YAEF,MAAM,aAAa,CAAC,KAAK,EAAE,CAAC;YAE5B,MAAM,IAAI,CAAC,cAAc,CAAC,sBAAsB,CAAC,CAAC;YAElD,YAAY,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;gBACtC,MAAM,KAAK,GAAG,QAAQ;qBACnB,aAAa,CAAC,uCAAuC,CAAC;qBACtD,aAAa,CAAC,eAAe,CAAC,CAAC;gBAElC,OAAO,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC;YACnD,CAAC,CAAC,CAAC;YAEH,MAAM,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,yEAAyE,EAAE,KAAK,IAAI,EAAE;YACvF,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;YAChC,MAAM,IAAI,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;YAE/C,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAC7B,4CAA4C,CAC7C,CAAC;YAEF,MAAM,OAAO,CAAC,KAAK,EAAE,CAAC;YACtB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,IAAI,YAAY,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;gBAC1C,MAAM,KAAK,GAAG,QAAQ;qBACnB,aAAa,CAAC,uCAAuC,CAAC;qBACtD,aAAa,CAAC,eAAe,CAAC,CAAC;gBAElC,OAAO,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC;YACnD,CAAC,CAAC,CAAC;YAEH,MAAM,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAErC,MAAM,OAAO,CAAC,KAAK,EAAE,CAAC;YACtB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,YAAY,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;gBACtC,MAAM,KAAK,GAAG,QAAQ;qBACnB,aAAa,CAAC,uCAAuC,CAAC;qBACtD,aAAa,CAAC,eAAe,CAAC,CAAC;gBAElC,OAAO,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC;YACnD,CAAC,CAAC,CAAC;YAEH,MAAM,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACtC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from \"@stencil/core/testing\";\nimport {\n icSideNavigation,\n icSideNavigationExpanded,\n icSideNavigationGroupedNav,\n icSideNavigationTheme,\n icSideNavigationStatic,\n icSideNavigationSlottedExpanded,\n icSideNavigationAppTitle,\n icSideNavigationSlotted,\n} from \"./ic-side-navigation-test-examples\";\n\nconst MOBILE_VIEWPORT = {\n width: 375,\n height: 667,\n};\n\nconst pageHeight = 600;\nconst ANIMATION_MS_THRESHOLD = 300;\n\ndescribe(\"ic-side-navigation\", () => {\n describe(\"mobile\", () => {\n it(\"it renders\", async () => {\n const page = await newE2EPage();\n await page.setContent(icSideNavigation);\n\n await page.setViewport({\n ...MOBILE_VIEWPORT,\n });\n\n await page.waitForChanges();\n\n const mobileMenuBtn = await page.find(\n \"ic-side-navigation >>> #menu-button\"\n );\n\n expect(mobileMenuBtn).not.toBeNull();\n });\n\n it(\"displays flyout menu when menu button clicked with correct aria-expanded values\", async () => {\n const page = await newE2EPage();\n await page.setContent(icSideNavigation);\n\n await page.setViewport({\n ...MOBILE_VIEWPORT,\n });\n\n await page.waitForChanges();\n\n const mobileMenuBtn = await page.find(\n \"ic-side-navigation >>> #menu-button\"\n );\n\n let mobileBtnLabel = await page.evaluate(() =>\n document\n .querySelector(\"ic-side-navigation\")\n .shadowRoot.querySelector(\"#menu-button\")\n .textContent.trim()\n );\n\n expect(mobileBtnLabel).toContain(\"Menu\");\n\n await mobileMenuBtn.click();\n\n await page.waitForChanges();\n\n const flyoutMenu = await page.find(\n \"ic-side-navigation >>> .side-navigation-inner\"\n );\n\n expect(flyoutMenu).not.toBeNull();\n\n mobileBtnLabel = await page.evaluate(() =>\n document\n .querySelector(\"ic-side-navigation\")\n .shadowRoot.querySelector(\"#menu-button\")\n .textContent.trim()\n );\n\n expect(mobileBtnLabel).toContain(\"Close\");\n });\n\n it(\"dyanmically updated native button aria-label and aria-expanded\", async () => {\n const page = await newE2EPage();\n await page.setContent(icSideNavigation);\n\n await page.setViewport({\n ...MOBILE_VIEWPORT,\n });\n\n await page.waitForChanges();\n\n const mobileMenuBtn = await page.find(\n \"ic-side-navigation >>> #menu-button\"\n );\n\n let mobileAriaExpanded = await page.evaluate(() =>\n document\n .querySelector(\"ic-side-navigation\")\n .shadowRoot.querySelector(\"#menu-button\")\n .shadowRoot.querySelector(\"button\")\n .getAttribute(\"aria-expanded\")\n );\n\n let mobileAriaLabel = await page.evaluate(() =>\n document\n .querySelector(\"ic-side-navigation\")\n .shadowRoot.querySelector(\"#menu-button\")\n .shadowRoot.querySelector(\"button\")\n .getAttribute(\"aria-label\")\n );\n\n expect(mobileAriaExpanded).toBe(\"false\");\n expect(mobileAriaLabel).toBe(\"Open navigation menu\");\n\n await mobileMenuBtn.click();\n\n await page.waitForChanges();\n\n const flyoutMenu = await page.find(\n \"ic-side-navigation >>> .side-navigation-inner\"\n );\n\n expect(flyoutMenu).not.toBeNull();\n\n mobileAriaExpanded = await page.evaluate(() =>\n document\n .querySelector(\"ic-side-navigation\")\n .shadowRoot.querySelector(\"#menu-button\")\n .shadowRoot.querySelector(\"button\")\n .getAttribute(\"aria-expanded\")\n );\n\n mobileAriaLabel = await page.evaluate(() =>\n document\n .querySelector(\"ic-side-navigation\")\n .shadowRoot.querySelector(\"#menu-button\")\n .shadowRoot.querySelector(\"button\")\n .getAttribute(\"aria-label\")\n );\n\n expect(mobileAriaExpanded).toBe(\"true\");\n expect(mobileAriaLabel).toBe(\"Close navigation menu\");\n });\n\n it(\"renders the correct number of navigation-items\", async () => {\n const labels = [\"Home\", \"a11y\"];\n const page = await newE2EPage();\n await page.setContent(icSideNavigation);\n\n await page.setViewport({\n ...MOBILE_VIEWPORT,\n });\n\n await page.waitForChanges();\n\n const mobileMenuBtn = await page.find(\n \"ic-side-navigation >>> #menu-button\"\n );\n\n await mobileMenuBtn.click();\n\n await page.waitForChanges();\n\n const navigationItems = await page.evaluate(() => {\n return Array.from(\n document.querySelectorAll(\"ic-side-navigation ic-navigation-item\")\n ).map((i) => i.shadowRoot.querySelector(\"ic-tooltip\").textContent);\n });\n\n expect(navigationItems.length).toBe(2);\n\n navigationItems.forEach((navItem, i) => {\n expect(navItem).toBe(labels[i]);\n });\n });\n\n it(\"renders application name\", async () => {\n const page = await newE2EPage();\n await page.setContent(icSideNavigation);\n\n await page.setViewport({\n ...MOBILE_VIEWPORT,\n });\n\n await page.waitForChanges();\n\n const applicationName = await (\n await page.find(\"ic-side-navigation >>> .top-bar ic-typography\")\n ).innerText;\n\n expect(applicationName).toBe(\"ACME\");\n });\n\n it(\"renders app status and version\", async () => {\n const page = await newE2EPage();\n await page.setContent(icSideNavigation);\n\n await page.setViewport({\n ...MOBILE_VIEWPORT,\n });\n\n await page.waitForChanges();\n\n (await page.find(\"ic-side-navigation >>> #menu-button\")).click();\n\n await page.waitForChanges();\n\n const applicationStatus = await (\n await page.find(\n \"ic-side-navigation >>> .app-status-wrapper .app-status-text\"\n )\n ).innerText;\n const applicationVersion = await (\n await page.find(\n \"ic-side-navigation >>> .app-status-wrapper .app-version\"\n )\n ).innerText;\n\n expect(applicationStatus).toBe(\"BETA\");\n expect(applicationVersion).toBe(\"v0.0.0\");\n });\n\n it(\"does not render menu expand button\", async () => {\n const page = await newE2EPage();\n await page.setContent(icSideNavigation);\n\n await page.setViewport({\n ...MOBILE_VIEWPORT,\n });\n\n await page.waitForChanges();\n\n const mobileMenuBtn = await page.find(\n \"ic-side-navigation >>> #menu-button\"\n );\n\n await mobileMenuBtn.click();\n\n await page.waitForChanges();\n\n const flyoutMenu = await page.find(\n \"ic-side-navigation >>> .side-navigation-inner\"\n );\n\n expect(flyoutMenu).not.toBeNull();\n\n const menuExpandBtn = await page.evaluate(() =>\n document\n .querySelector(\"ic-side-navigation\")\n .shadowRoot.querySelector(\".side-navigation .menu-expand-button\")\n );\n\n expect(menuExpandBtn).toBeNull();\n });\n\n it(\"does not render tooltips on mobile when menu is closed\", async () => {\n const page = await newE2EPage();\n await page.setContent(icSideNavigation);\n\n await page.setViewport({\n ...MOBILE_VIEWPORT,\n });\n\n await page.waitForChanges();\n\n await page.keyboard.press(\"Tab\");\n await page.keyboard.press(\"Tab\");\n await page.keyboard.press(\"Tab\");\n\n await page.waitForChanges();\n\n let sideNavInnerVisibility = await page.evaluate(() => {\n const sideNavInner = document\n .querySelector(\"ic-side-navigation\")\n .shadowRoot.querySelector(\".side-navigation-inner\");\n\n return window.getComputedStyle(sideNavInner).visibility;\n });\n\n expect(sideNavInnerVisibility).toBe(\"hidden\");\n\n const toolTipDisplay = await page.evaluate(() => {\n const tooltip = document\n .querySelectorAll(\"ic-side-navigation ic-navigation-item\")[0]\n .shadowRoot.querySelector(\"ic-tooltip\")\n .shadowRoot.querySelector(\".ic-tooltip-container\");\n\n return window.getComputedStyle(tooltip).display;\n });\n\n expect(toolTipDisplay).toBe(\"none\");\n\n let mobileMenuBtn = await page.find(\n \"ic-side-navigation >>> #menu-button\"\n );\n\n await mobileMenuBtn.click();\n\n await page.waitForChanges();\n\n sideNavInnerVisibility = await page.evaluate(() => {\n const sideNavInner = document\n .querySelector(\"ic-side-navigation\")\n .shadowRoot.querySelector(\".side-navigation-inner\");\n\n return window.getComputedStyle(sideNavInner).visibility;\n });\n\n expect(sideNavInnerVisibility).toBe(\"visible\");\n\n await page.waitForChanges();\n\n mobileMenuBtn = await page.find(\"ic-side-navigation >>> #menu-button\");\n\n await mobileMenuBtn.click();\n\n await page.waitForTimeout(300); // Wait for flyout menu to disappear (50ms longer than animation)\n\n sideNavInnerVisibility = await page.evaluate(() => {\n const sideNavInner = document\n .querySelector(\"ic-side-navigation\")\n .shadowRoot.querySelector(\".side-navigation-inner\");\n\n return window.getComputedStyle(sideNavInner).visibility;\n });\n\n expect(sideNavInnerVisibility).toBe(\"hidden\");\n });\n });\n\n describe(\"tablet/desktop\", () => {\n it(\"renders correctly\", async () => {\n const page = await newE2EPage();\n await page.setContent(icSideNavigation);\n\n const sideNavigation = await page.find(\"ic-side-navigation\");\n\n expect(sideNavigation).not.toBeNull();\n });\n\n it(\"renders collapsed side nav on initial load\", async () => {\n const page = await newE2EPage();\n await page.setContent(icSideNavigation);\n\n const sideNavigationWidth = await page.evaluate(() => {\n const sideNav = document.querySelector(\"ic-side-navigation\");\n return window.getComputedStyle(sideNav).width;\n });\n\n expect(parseInt(sideNavigationWidth)).toBe(56);\n });\n\n it(\"renders expanded side nav on initial load\", async () => {\n const page = await newE2EPage();\n await page.setContent(icSideNavigationExpanded);\n\n const sideNavigationWidth = await page.evaluate(() => {\n const sideNav = document.querySelector(\"ic-side-navigation\");\n return window.getComputedStyle(sideNav).width;\n });\n\n expect(parseInt(sideNavigationWidth)).toBe(320);\n });\n\n it(\"renders collapsed and expanded on menu toggle\", async () => {\n const page = await newE2EPage();\n await page.setContent(icSideNavigation);\n\n await page.waitForChanges();\n\n const menuExpandBtn = await page.find(\n \"ic-side-navigation >>> .side-navigation button.menu-expand-button\"\n );\n\n await menuExpandBtn.click();\n\n await page.waitForTimeout(ANIMATION_MS_THRESHOLD);\n\n let sideNavigationWidth = await page.evaluate(() => {\n const sideNav = document.querySelector(\"ic-side-navigation\");\n return window.getComputedStyle(sideNav).width;\n });\n\n expect(parseInt(sideNavigationWidth)).toBe(320);\n\n await menuExpandBtn.click();\n\n await page.waitForTimeout(ANIMATION_MS_THRESHOLD);\n\n sideNavigationWidth = await page.evaluate(() => {\n const sideNav = document.querySelector(\"ic-side-navigation\");\n return window.getComputedStyle(sideNav).width;\n });\n\n expect(parseInt(sideNavigationWidth)).toBe(56);\n });\n\n it(\"updates aria-label of menu expand button\", async () => {\n const page = await newE2EPage();\n await page.setContent(icSideNavigation);\n\n await page.waitForChanges();\n\n const menuExpandBtn = await page.find(\n \"ic-side-navigation >>> .side-navigation button.menu-expand-button\"\n );\n\n await menuExpandBtn.click();\n\n await page.waitForChanges();\n\n expect(menuExpandBtn.getAttribute(\"aria-label\")).toBe(\n \"Collapse side navigation\"\n );\n\n await menuExpandBtn.click();\n\n expect(menuExpandBtn.getAttribute(\"aria-label\")).toBe(\n \"Expand side navigation\"\n );\n });\n\n it(\"displays application name on expanded side navigation\", async () => {\n const page = await newE2EPage();\n await page.setContent(icSideNavigation);\n\n await page.waitForChanges();\n\n let applicationNameOpacity = await page.evaluate(() => {\n const applicationName = document\n .querySelector(\"ic-side-navigation\")\n .shadowRoot.querySelector(\".title-link ic-typography\");\n\n return window.getComputedStyle(applicationName).opacity;\n });\n\n expect(applicationNameOpacity).toBe(\"0\");\n\n const menuExpandBtn = await page.find(\n \"ic-side-navigation >>> .side-navigation button.menu-expand-button\"\n );\n\n await menuExpandBtn.click();\n\n await page.waitForTimeout(ANIMATION_MS_THRESHOLD);\n\n applicationNameOpacity = await page.evaluate(() => {\n const applicationName = document\n .querySelector(\"ic-side-navigation\")\n .shadowRoot.querySelector(\".title-link ic-typography\");\n\n return window.getComputedStyle(applicationName).opacity;\n });\n\n expect(applicationNameOpacity).toBe(\"1\");\n });\n\n it(\"should toggle to short title at small screen sizes\", async () => {\n const page = await newE2EPage();\n await page.setContent(`<ic-side-navigation app-title=\"ApplicationName\" short-app-title=\"AppName\">\n </ic-side-navigation>`);\n\n await page.setViewport({\n width: 576,\n height: pageHeight,\n });\n\n await page.waitForChanges();\n\n let appTitle = await page.find(\n \"ic-side-navigation >>> .title-link ic-typography\"\n );\n\n expect(appTitle.textContent).toBe(\"AppName\");\n\n await page.setViewport({\n width: 1200,\n height: pageHeight,\n });\n\n await page.waitForChanges();\n\n appTitle = await page.find(\n \"ic-side-navigation >>> .title-link ic-typography\"\n );\n\n expect(appTitle.textContent).toBe(\"ApplicationName\");\n });\n\n it(\"collapse group nav items in collapsed side menu\", async () => {\n const page = await newE2EPage();\n await page.setContent(icSideNavigationGroupedNav);\n\n await page.waitForChanges();\n\n const navigtionGroupToggleBtn = await page.find(\n \"ic-side-navigation ic-navigation-group >>> .navigation-group\"\n );\n\n let navigationGroupWrapperHeight = await page.evaluate(() => {\n const navigationGroupWrapper = document\n .querySelector(\"ic-side-navigation ic-navigation-group\")\n .shadowRoot.querySelector(\".grouped-links-wrapper\");\n\n return window.getComputedStyle(navigationGroupWrapper).height;\n });\n\n expect(parseInt(navigationGroupWrapperHeight)).toBe(56);\n\n await navigtionGroupToggleBtn.click();\n\n await page.waitForTimeout(ANIMATION_MS_THRESHOLD);\n\n navigationGroupWrapperHeight = await page.evaluate(() => {\n const navigationGroupWrapper = document\n .querySelector(\"ic-side-navigation ic-navigation-group\")\n .shadowRoot.querySelector(\".grouped-links-wrapper\");\n\n return window.getComputedStyle(navigationGroupWrapper).height;\n });\n\n expect(parseInt(navigationGroupWrapperHeight)).toBe(0);\n\n await navigtionGroupToggleBtn.click();\n\n await page.waitForTimeout(ANIMATION_MS_THRESHOLD);\n\n navigationGroupWrapperHeight = await page.evaluate(() => {\n const navigationGroupWrapper = document\n .querySelector(\"ic-side-navigation ic-navigation-group\")\n .shadowRoot.querySelector(\".grouped-links-wrapper\");\n\n return window.getComputedStyle(navigationGroupWrapper).height;\n });\n\n expect(parseInt(navigationGroupWrapperHeight)).toBe(56);\n });\n\n it(\"aria-landmarks added to side navigation nav sections\", async () => {\n const PRIMARY_LANDMARK_ID = \"primary-navigation-landmark\";\n const SECONDARY_LANDMARK_ID = \"secondary-navigation-landmark\";\n const page = await newE2EPage();\n await page.setContent(icSideNavigation);\n\n await page.waitForChanges();\n\n const primaryNavigationLandmarkValue = await (\n await page.find(\"ic-side-navigation >>> nav.primary-navigation\")\n ).getAttribute(\"aria-labelledby\");\n const primaryNavigationLandmarkText = await (\n await page.find(\n `ic-side-navigation >>> nav.primary-navigation #${PRIMARY_LANDMARK_ID}`\n )\n ).textContent;\n\n expect(primaryNavigationLandmarkValue).toBe(PRIMARY_LANDMARK_ID);\n expect(primaryNavigationLandmarkText).toBe(\"Primary\");\n\n const secondaryNavigationLandmarkValue = await (\n await page.find(\"ic-side-navigation >>> nav.secondary-navigation\")\n ).getAttribute(\"aria-labelledby\");\n const secondaryNavigationLandmarkText = await (\n await page.find(\n `ic-side-navigation >>> nav.secondary-navigation #${SECONDARY_LANDMARK_ID}`\n )\n ).textContent;\n\n expect(secondaryNavigationLandmarkValue).toBe(SECONDARY_LANDMARK_ID);\n expect(secondaryNavigationLandmarkText).toBe(\"Secondary\");\n });\n\n it(\"renders app status and version\", async () => {\n const page = await newE2EPage();\n await page.setContent(icSideNavigation);\n\n const menuExpandBtn = await page.find(\n \"ic-side-navigation >>> .side-navigation button.menu-expand-button\"\n );\n\n await menuExpandBtn.click();\n\n await page.waitForTimeout(ANIMATION_MS_THRESHOLD);\n\n const applicationStatus = await (\n await page.find(\n \"ic-side-navigation >>> .app-status-wrapper .app-status-text\"\n )\n ).innerText;\n const applicationVersion = await (\n await page.find(\n \"ic-side-navigation >>> .app-status-wrapper .app-version\"\n )\n ).innerText;\n\n expect(applicationStatus).toBe(\"BETA\");\n expect(applicationVersion).toBe(\"v0.0.0\");\n });\n\n it(\"renders tooltip on collapsed side navigation\", async () => {\n const page = await newE2EPage();\n await page.setContent(icSideNavigation);\n\n const navigationItems = await page.findAll(\n \"ic-side-navigation ic-navigation-item\"\n );\n\n await navigationItems[0].hover();\n\n await page.waitForTimeout(ANIMATION_MS_THRESHOLD);\n\n const toolTipDisplay = await page.evaluate(() => {\n const tooltip = document\n .querySelectorAll(\"ic-side-navigation ic-navigation-item\")[0]\n .shadowRoot.querySelector(\"ic-tooltip\")\n .shadowRoot.querySelector(\".ic-tooltip-container\");\n\n return window.getComputedStyle(tooltip).display;\n });\n\n expect(toolTipDisplay).toBe(\"block\");\n });\n\n it(\"hides tooltip on expanded side navigation\", async () => {\n const page = await newE2EPage();\n await page.setContent(icSideNavigationExpanded);\n\n const navigationItems = await page.findAll(\n \"ic-side-navigation ic-navigation-item\"\n );\n\n await navigationItems[0].hover();\n\n await page.waitForTimeout(ANIMATION_MS_THRESHOLD);\n\n const toolTipDisplay = await page.evaluate(() => {\n const tooltip = document\n .querySelectorAll(\"ic-side-navigation ic-navigation-item\")[0]\n .shadowRoot.querySelector(\"ic-tooltip\")\n .shadowRoot.querySelector(\".ic-tooltip-container\");\n\n return window.getComputedStyle(tooltip).display;\n });\n\n expect(toolTipDisplay).toBe(\"none\");\n });\n\n it(\"hides menu expand if static prop is set to true\", async () => {\n const page = await newE2EPage();\n await page.setContent(icSideNavigationStatic);\n\n const menuExpandBtn = await page.evaluate(() =>\n document\n .querySelector(\"ic-side-navigation\")\n .shadowRoot.querySelector(\".side-navigation .menu-expand-button\")\n );\n\n expect(menuExpandBtn).toBeNull();\n });\n\n it(\"renders ic-side-navigation with theme colours\", async () => {\n const page = await newE2EPage();\n await page.setContent(icSideNavigationTheme);\n\n const sideNavigation = await page.evaluate(() => {\n const sideNavMain = document\n .querySelector(\"ic-side-navigation\")\n .shadowRoot.querySelector(\".side-navigation-inner\");\n\n const sideNavText = document\n .querySelector(\"ic-side-navigation\")\n .shadowRoot.querySelector(\".ic-typography-h3\");\n\n return {\n bgColor: window.getComputedStyle(sideNavMain).backgroundColor,\n textColor: window.getComputedStyle(sideNavText).color,\n };\n });\n\n expect(sideNavigation.bgColor).toBe(\"rgb(131, 166, 195)\");\n expect(sideNavigation.textColor).toBe(\"rgb(11, 12, 12)\");\n });\n\n it(\"should render tooltip if very long label in expanded menu overflows\", async () => {\n const page = await newE2EPage();\n await page.setContent(icSideNavigationExpanded);\n\n await page.waitForChanges();\n\n const sideNavInner = await page.find(\n \"ic-side-navigation >>> .side-navigation-inner\"\n );\n\n await page.waitForChanges();\n\n await sideNavInner.press(\"Tab\");\n\n await page.waitForChanges();\n\n await sideNavInner.press(\"Tab\");\n\n await page.waitForChanges();\n\n await sideNavInner.press(\"Tab\");\n\n await page.waitForChanges();\n\n const shortLabelTooltipDisplay = await page.evaluate(() => {\n const LABEL = \"Home\";\n const navItems = Array.from(\n document.querySelectorAll(\"ic-side-navigation ic-navigation-item\")\n );\n\n const shortLabelNavItem = navItems.filter((navItem) => {\n return (\n navItem.shadowRoot.querySelector(\n \"ic-tooltip > a > .ic-typography-label\"\n ).textContent === LABEL\n );\n })[0];\n\n return window.getComputedStyle(\n shortLabelNavItem.shadowRoot\n .querySelector(\"ic-tooltip\")\n .shadowRoot.querySelector(\".ic-tooltip-container\")\n ).display;\n });\n\n expect(shortLabelTooltipDisplay).toBe(\"none\");\n\n const longLabelTooltipDisplay = await page.evaluate(() => {\n const LABEL = \"This is a very very very very very long label\";\n const navItems = Array.from(\n document.querySelectorAll(\"ic-side-navigation ic-navigation-item\")\n );\n\n const longLabelNavItem = navItems.filter((navItem) => {\n return (\n navItem.shadowRoot.querySelector(\n \"ic-tooltip > a > .ic-typography-label\"\n ).textContent === LABEL\n );\n })[0];\n\n return window.getComputedStyle(\n longLabelNavItem.shadowRoot\n .querySelector(\"ic-tooltip\")\n .shadowRoot.querySelector(\".ic-tooltip-container\")\n ).display;\n });\n\n expect(longLabelTooltipDisplay).toBe(\"block\");\n });\n\n it(\"renders visible labels when slotted menu items and expanded\", async () => {\n const page = await newE2EPage();\n await page.setContent(icSideNavigationSlottedExpanded);\n\n await page.waitForChanges();\n\n const labelVisibility = await page.$eval(\"ic-side-navigation\", (el) => {\n const navItem = el.querySelector(\"ic-navigation-item ic-typography\");\n\n return window.getComputedStyle(navItem).visibility;\n });\n\n expect(labelVisibility).toBe(\"visible\");\n });\n\n it(\"renders navigation item labels when using slotted app-title and side nav is expanded\", async () => {\n const page = await newE2EPage();\n await page.setContent(icSideNavigationAppTitle);\n\n let visibleLabel = await page.evaluate(() => {\n const label = document\n .querySelector(\"ic-side-navigation ic-navigation-item\")\n .querySelector(\"ic-typography\");\n\n return window.getComputedStyle(label).visibility;\n });\n\n expect(visibleLabel).toBe(\"hidden\");\n\n const menuExpandBtn = await page.find(\n \"ic-side-navigation >>> .side-navigation button.menu-expand-button\"\n );\n\n await menuExpandBtn.click();\n\n await page.waitForTimeout(ANIMATION_MS_THRESHOLD);\n\n visibleLabel = await page.evaluate(() => {\n const label = document\n .querySelector(\"ic-side-navigation ic-navigation-item\")\n .querySelector(\"ic-typography\");\n\n return window.getComputedStyle(label).visibility;\n });\n\n expect(visibleLabel).toBe(\"visible\");\n });\n\n it(\"renders visible labels when slotted menu items and side nav is expanded\", async () => {\n const page = await newE2EPage();\n await page.setContent(icSideNavigationSlotted);\n\n const menuBtn = await page.find(\n \"ic-side-navigation >>> .menu-expand-button\"\n );\n\n await menuBtn.click();\n await page.waitForChanges();\n\n let visibleLabel = await page.evaluate(() => {\n const label = document\n .querySelector(\"ic-side-navigation ic-navigation-item\")\n .querySelector(\"ic-typography\");\n\n return window.getComputedStyle(label).visibility;\n });\n\n expect(visibleLabel).toBe(\"visible\");\n\n await menuBtn.click();\n await page.waitForChanges();\n\n visibleLabel = await page.evaluate(() => {\n const label = document\n .querySelector(\"ic-side-navigation ic-navigation-item\")\n .querySelector(\"ic-typography\");\n\n return window.getComputedStyle(label).visibility;\n });\n\n expect(visibleLabel).toBe(\"hidden\");\n });\n });\n});\n"]}
|
package/dist/collection/components/ic-top-navigation/test/a11y/ic-top-navigation.test.a11y.js
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { fixture } from "@open-wc/testing-helpers";
|
|
2
|
-
import { axe } from "jest-axe";
|
|
3
|
-
import { checkShadowElementRendersCorrectly } from "../../../../utils/testa11y.helpers";
|
|
4
|
-
beforeEach(() => {
|
|
5
|
-
// IntersectionObserver isn't available in test environment
|
|
6
|
-
const mockResizeObserver = jest.fn();
|
|
7
|
-
mockResizeObserver.mockReturnValue({
|
|
8
|
-
observe: jest.fn().mockReturnValue(null),
|
|
9
|
-
unobserve: jest.fn().mockReturnValue(null),
|
|
10
|
-
disconnect: jest.fn().mockReturnValue(null),
|
|
11
|
-
});
|
|
12
|
-
window.ResizeObserver = mockResizeObserver;
|
|
13
|
-
const matchMedia = jest.fn().mockReturnValue(true);
|
|
14
|
-
window.matchMedia = matchMedia;
|
|
15
|
-
});
|
|
16
|
-
describe("ic-top-navigation", () => {
|
|
17
|
-
it("passes accessibility", async () => {
|
|
18
|
-
const el = await fixture(`
|
|
19
|
-
<ic-top-navigation app-title="A11y test title"/>
|
|
20
|
-
`);
|
|
21
|
-
checkShadowElementRendersCorrectly(el);
|
|
22
|
-
expect(await axe(el)).toHaveNoViolations();
|
|
23
|
-
});
|
|
24
|
-
it("passes accessibility with short title prop set", async () => {
|
|
25
|
-
const el = await fixture(`
|
|
26
|
-
<ic-top-navigation app-title="A11y test title" short-app-title="A11y"/>
|
|
27
|
-
`);
|
|
28
|
-
checkShadowElementRendersCorrectly(el);
|
|
29
|
-
expect(await axe(el)).toHaveNoViolations();
|
|
30
|
-
});
|
|
31
|
-
});
|
|
32
|
-
//# sourceMappingURL=ic-top-navigation.test.a11y.js.map
|
package/dist/collection/components/ic-top-navigation/test/a11y/ic-top-navigation.test.a11y.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ic-top-navigation.test.a11y.js","sourceRoot":"","sources":["../../../../../src/components/ic-top-navigation/test/a11y/ic-top-navigation.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,UAAU,CAAC,GAAG,EAAE;IACd,2DAA2D;IAC3D,MAAM,kBAAkB,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;IACrC,kBAAkB,CAAC,eAAe,CAAC;QACjC,OAAO,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC;QACxC,SAAS,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC;QAC1C,UAAU,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC;KAC5C,CAAC,CAAC;IACH,MAAM,CAAC,cAAc,GAAG,kBAAkB,CAAC;IAC3C,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IACnD,MAAM,CAAC,UAAU,GAAG,UAAU,CAAC;AACjC,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IACjC,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC;;KAExB,CAAC,CAAC;QACH,kCAAkC,CAAC,EAAE,CAAC,CAAC;QACvC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,KAAK,IAAI,EAAE;QAC9D,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC;;KAExB,CAAC,CAAC;QACH,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\nbeforeEach(() => {\n // IntersectionObserver isn't available in test environment\n const mockResizeObserver = jest.fn();\n mockResizeObserver.mockReturnValue({\n observe: jest.fn().mockReturnValue(null),\n unobserve: jest.fn().mockReturnValue(null),\n disconnect: jest.fn().mockReturnValue(null),\n });\n window.ResizeObserver = mockResizeObserver;\n const matchMedia = jest.fn().mockReturnValue(true);\n window.matchMedia = matchMedia;\n});\n\ndescribe(\"ic-top-navigation\", () => {\n it(\"passes accessibility\", async () => {\n const el = await fixture(`\n <ic-top-navigation app-title=\"A11y test title\"/>\n `);\n checkShadowElementRendersCorrectly(el);\n expect(await axe(el)).toHaveNoViolations();\n });\n\n it(\"passes accessibility with short title prop set\", async () => {\n const el = await fixture(`\n <ic-top-navigation app-title=\"A11y test title\" short-app-title=\"A11y\"/>\n `);\n checkShadowElementRendersCorrectly(el);\n expect(await axe(el)).toHaveNoViolations();\n });\n});\n"]}
|