@siemens/ix 0.0.0-pr-1974-20250627114851 → 0.0.0-pr-1974-20250627142646

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.
Files changed (642) hide show
  1. package/components/custom-elements.d.ts +11 -0
  2. package/components/index.d.ts +33 -0
  3. package/components/index.js +122 -0
  4. package/components/index.js.map +1 -0
  5. package/components/ix-action-card.d.ts +11 -0
  6. package/components/ix-action-card.js +72 -0
  7. package/components/ix-action-card.js.map +1 -0
  8. package/components/ix-application-header.d.ts +11 -0
  9. package/components/ix-application-header.js +9 -0
  10. package/components/ix-application-header.js.map +1 -0
  11. package/components/ix-application-sidebar.d.ts +11 -0
  12. package/components/ix-application-sidebar.js +64 -0
  13. package/components/ix-application-sidebar.js.map +1 -0
  14. package/components/ix-application-switch-modal.d.ts +11 -0
  15. package/components/ix-application-switch-modal.js +106 -0
  16. package/components/ix-application-switch-modal.js.map +1 -0
  17. package/components/ix-application.d.ts +11 -0
  18. package/components/ix-application.js +148 -0
  19. package/components/ix-application.js.map +1 -0
  20. package/components/ix-avatar.d.ts +11 -0
  21. package/components/ix-avatar.js +9 -0
  22. package/components/ix-avatar.js.map +1 -0
  23. package/components/ix-basic-navigation.d.ts +11 -0
  24. package/components/ix-basic-navigation.js +154 -0
  25. package/components/ix-basic-navigation.js.map +1 -0
  26. package/components/ix-blind.d.ts +11 -0
  27. package/components/ix-blind.js +130 -0
  28. package/components/ix-blind.js.map +1 -0
  29. package/components/ix-breadcrumb-item.d.ts +11 -0
  30. package/components/ix-breadcrumb-item.js +9 -0
  31. package/components/ix-breadcrumb-item.js.map +1 -0
  32. package/components/ix-breadcrumb.d.ts +11 -0
  33. package/components/ix-breadcrumb.js +169 -0
  34. package/components/ix-breadcrumb.js.map +1 -0
  35. package/components/ix-button.d.ts +11 -0
  36. package/components/ix-button.js +9 -0
  37. package/components/ix-button.js.map +1 -0
  38. package/components/ix-card-accordion.d.ts +11 -0
  39. package/components/ix-card-accordion.js +9 -0
  40. package/components/ix-card-accordion.js.map +1 -0
  41. package/components/ix-card-content.d.ts +11 -0
  42. package/components/ix-card-content.js +9 -0
  43. package/components/ix-card-content.js.map +1 -0
  44. package/components/ix-card-list.d.ts +11 -0
  45. package/components/ix-card-list.js +256 -0
  46. package/components/ix-card-list.js.map +1 -0
  47. package/components/ix-card-title.d.ts +11 -0
  48. package/components/ix-card-title.js +9 -0
  49. package/components/ix-card-title.js.map +1 -0
  50. package/components/ix-card.d.ts +11 -0
  51. package/components/ix-card.js +9 -0
  52. package/components/ix-card.js.map +1 -0
  53. package/components/ix-category-filter.d.ts +11 -0
  54. package/components/ix-category-filter.js +600 -0
  55. package/components/ix-category-filter.js.map +1 -0
  56. package/components/ix-checkbox-group.d.ts +11 -0
  57. package/components/ix-checkbox-group.js +158 -0
  58. package/components/ix-checkbox-group.js.map +1 -0
  59. package/components/ix-checkbox.d.ts +11 -0
  60. package/components/ix-checkbox.js +163 -0
  61. package/components/ix-checkbox.js.map +1 -0
  62. package/components/ix-chip.d.ts +11 -0
  63. package/components/ix-chip.js +154 -0
  64. package/components/ix-chip.js.map +1 -0
  65. package/components/ix-col.d.ts +11 -0
  66. package/components/ix-col.js +9 -0
  67. package/components/ix-col.js.map +1 -0
  68. package/components/ix-content-header.d.ts +11 -0
  69. package/components/ix-content-header.js +73 -0
  70. package/components/ix-content-header.js.map +1 -0
  71. package/components/ix-content.d.ts +11 -0
  72. package/components/ix-content.js +49 -0
  73. package/components/ix-content.js.map +1 -0
  74. package/components/ix-css-grid-item.d.ts +11 -0
  75. package/components/ix-css-grid-item.js +40 -0
  76. package/components/ix-css-grid-item.js.map +1 -0
  77. package/components/ix-css-grid.d.ts +11 -0
  78. package/components/ix-css-grid.js +117 -0
  79. package/components/ix-css-grid.js.map +1 -0
  80. package/components/ix-custom-field.d.ts +11 -0
  81. package/components/ix-custom-field.js +112 -0
  82. package/components/ix-custom-field.js.map +1 -0
  83. package/components/ix-date-dropdown.d.ts +11 -0
  84. package/components/ix-date-dropdown.js +368 -0
  85. package/components/ix-date-dropdown.js.map +1 -0
  86. package/components/ix-date-input.d.ts +11 -0
  87. package/components/ix-date-input.js +393 -0
  88. package/components/ix-date-input.js.map +1 -0
  89. package/components/ix-date-picker.d.ts +11 -0
  90. package/components/ix-date-picker.js +9 -0
  91. package/components/ix-date-picker.js.map +1 -0
  92. package/components/ix-date-time-card.d.ts +11 -0
  93. package/components/ix-date-time-card.js +9 -0
  94. package/components/ix-date-time-card.js.map +1 -0
  95. package/components/ix-datetime-picker.d.ts +11 -0
  96. package/components/ix-datetime-picker.js +204 -0
  97. package/components/ix-datetime-picker.js.map +1 -0
  98. package/components/ix-divider.d.ts +11 -0
  99. package/components/ix-divider.js +9 -0
  100. package/components/ix-divider.js.map +1 -0
  101. package/components/ix-drawer.d.ts +11 -0
  102. package/components/ix-drawer.js +200 -0
  103. package/components/ix-drawer.js.map +1 -0
  104. package/components/ix-dropdown-button.d.ts +11 -0
  105. package/components/ix-dropdown-button.js +106 -0
  106. package/components/ix-dropdown-button.js.map +1 -0
  107. package/components/ix-dropdown-header.d.ts +11 -0
  108. package/components/ix-dropdown-header.js +44 -0
  109. package/components/ix-dropdown-header.js.map +1 -0
  110. package/components/ix-dropdown-item.d.ts +11 -0
  111. package/components/ix-dropdown-item.js +9 -0
  112. package/components/ix-dropdown-item.js.map +1 -0
  113. package/components/ix-dropdown-quick-actions.d.ts +11 -0
  114. package/components/ix-dropdown-quick-actions.js +36 -0
  115. package/components/ix-dropdown-quick-actions.js.map +1 -0
  116. package/components/ix-dropdown.d.ts +11 -0
  117. package/components/ix-dropdown.js +9 -0
  118. package/components/ix-dropdown.js.map +1 -0
  119. package/components/ix-empty-state.d.ts +11 -0
  120. package/components/ix-empty-state.js +65 -0
  121. package/components/ix-empty-state.js.map +1 -0
  122. package/components/ix-event-list-item.d.ts +11 -0
  123. package/components/ix-event-list-item.js +72 -0
  124. package/components/ix-event-list-item.js.map +1 -0
  125. package/components/ix-event-list.d.ts +11 -0
  126. package/components/ix-event-list.js +173 -0
  127. package/components/ix-event-list.js.map +1 -0
  128. package/components/ix-expanding-search.d.ts +11 -0
  129. package/components/ix-expanding-search.js +145 -0
  130. package/components/ix-expanding-search.js.map +1 -0
  131. package/components/ix-field-label.d.ts +11 -0
  132. package/components/ix-field-label.js +9 -0
  133. package/components/ix-field-label.js.map +1 -0
  134. package/components/ix-field-wrapper.d.ts +11 -0
  135. package/components/ix-field-wrapper.js +9 -0
  136. package/components/ix-field-wrapper.js.map +1 -0
  137. package/components/ix-filter-chip.d.ts +11 -0
  138. package/components/ix-filter-chip.js +9 -0
  139. package/components/ix-filter-chip.js.map +1 -0
  140. package/components/ix-flip-tile-content.d.ts +11 -0
  141. package/components/ix-flip-tile-content.js +44 -0
  142. package/components/ix-flip-tile-content.js.map +1 -0
  143. package/components/ix-flip-tile.d.ts +11 -0
  144. package/components/ix-flip-tile.js +153 -0
  145. package/components/ix-flip-tile.js.map +1 -0
  146. package/components/ix-group-context-menu.d.ts +11 -0
  147. package/components/ix-group-context-menu.js +9 -0
  148. package/components/ix-group-context-menu.js.map +1 -0
  149. package/components/ix-group-item.d.ts +11 -0
  150. package/components/ix-group-item.js +9 -0
  151. package/components/ix-group-item.js.map +1 -0
  152. package/components/ix-group.d.ts +11 -0
  153. package/components/ix-group.js +221 -0
  154. package/components/ix-group.js.map +1 -0
  155. package/components/ix-helper-text.d.ts +11 -0
  156. package/components/ix-helper-text.js +95 -0
  157. package/components/ix-helper-text.js.map +1 -0
  158. package/components/ix-icon-button.d.ts +11 -0
  159. package/components/ix-icon-button.js +9 -0
  160. package/components/ix-icon-button.js.map +1 -0
  161. package/components/ix-icon-toggle-button.d.ts +11 -0
  162. package/components/ix-icon-toggle-button.js +149 -0
  163. package/components/ix-icon-toggle-button.js.map +1 -0
  164. package/components/ix-input-group.d.ts +11 -0
  165. package/components/ix-input-group.js +152 -0
  166. package/components/ix-input-group.js.map +1 -0
  167. package/components/ix-input.d.ts +11 -0
  168. package/components/ix-input.js +248 -0
  169. package/components/ix-input.js.map +1 -0
  170. package/components/ix-key-value-list.d.ts +11 -0
  171. package/components/ix-key-value-list.js +42 -0
  172. package/components/ix-key-value-list.js.map +1 -0
  173. package/components/ix-key-value.d.ts +11 -0
  174. package/components/ix-key-value.js +48 -0
  175. package/components/ix-key-value.js.map +1 -0
  176. package/components/ix-kpi.d.ts +11 -0
  177. package/components/ix-kpi.js +74 -0
  178. package/components/ix-kpi.js.map +1 -0
  179. package/components/ix-layout-auto.d.ts +11 -0
  180. package/components/ix-layout-auto.js +113 -0
  181. package/components/ix-layout-auto.js.map +1 -0
  182. package/components/ix-layout-grid.d.ts +11 -0
  183. package/components/ix-layout-grid.js +9 -0
  184. package/components/ix-layout-grid.js.map +1 -0
  185. package/components/ix-link-button.d.ts +11 -0
  186. package/components/ix-link-button.js +57 -0
  187. package/components/ix-link-button.js.map +1 -0
  188. package/components/ix-map-navigation-overlay.d.ts +11 -0
  189. package/components/ix-map-navigation-overlay.js +9 -0
  190. package/components/ix-map-navigation-overlay.js.map +1 -0
  191. package/components/ix-map-navigation.d.ts +11 -0
  192. package/components/ix-map-navigation.js +240 -0
  193. package/components/ix-map-navigation.js.map +1 -0
  194. package/components/ix-menu-about-item.d.ts +11 -0
  195. package/components/ix-menu-about-item.js +51 -0
  196. package/components/ix-menu-about-item.js.map +1 -0
  197. package/components/ix-menu-about-news.d.ts +11 -0
  198. package/components/ix-menu-about-news.js +93 -0
  199. package/components/ix-menu-about-news.js.map +1 -0
  200. package/components/ix-menu-about.d.ts +11 -0
  201. package/components/ix-menu-about.js +89 -0
  202. package/components/ix-menu-about.js.map +1 -0
  203. package/components/ix-menu-avatar-item.d.ts +11 -0
  204. package/components/ix-menu-avatar-item.js +9 -0
  205. package/components/ix-menu-avatar-item.js.map +1 -0
  206. package/components/ix-menu-avatar.d.ts +11 -0
  207. package/components/ix-menu-avatar.js +115 -0
  208. package/components/ix-menu-avatar.js.map +1 -0
  209. package/components/ix-menu-category.d.ts +11 -0
  210. package/components/ix-menu-category.js +284 -0
  211. package/components/ix-menu-category.js.map +1 -0
  212. package/components/ix-menu-expand-icon.d.ts +11 -0
  213. package/components/ix-menu-expand-icon.js +9 -0
  214. package/components/ix-menu-expand-icon.js.map +1 -0
  215. package/components/ix-menu-item.d.ts +11 -0
  216. package/components/ix-menu-item.js +9 -0
  217. package/components/ix-menu-item.js.map +1 -0
  218. package/components/ix-menu-settings-item.d.ts +11 -0
  219. package/components/ix-menu-settings-item.js +51 -0
  220. package/components/ix-menu-settings-item.js.map +1 -0
  221. package/components/ix-menu-settings.d.ts +11 -0
  222. package/components/ix-menu-settings.js +9 -0
  223. package/components/ix-menu-settings.js.map +1 -0
  224. package/components/ix-menu.d.ts +11 -0
  225. package/components/ix-menu.js +590 -0
  226. package/components/ix-menu.js.map +1 -0
  227. package/components/ix-message-bar.d.ts +11 -0
  228. package/components/ix-message-bar.js +103 -0
  229. package/components/ix-message-bar.js.map +1 -0
  230. package/components/ix-modal-content.d.ts +11 -0
  231. package/components/ix-modal-content.js +9 -0
  232. package/components/ix-modal-content.js.map +1 -0
  233. package/components/ix-modal-footer.d.ts +11 -0
  234. package/components/ix-modal-footer.js +36 -0
  235. package/components/ix-modal-footer.js.map +1 -0
  236. package/components/ix-modal-header.d.ts +11 -0
  237. package/components/ix-modal-header.js +9 -0
  238. package/components/ix-modal-header.js.map +1 -0
  239. package/components/ix-modal-loading.d.ts +11 -0
  240. package/components/ix-modal-loading.js +42 -0
  241. package/components/ix-modal-loading.js.map +1 -0
  242. package/components/ix-modal.d.ts +11 -0
  243. package/components/ix-modal.js +241 -0
  244. package/components/ix-modal.js.map +1 -0
  245. package/components/ix-number-input.d.ts +11 -0
  246. package/components/ix-number-input.js +241 -0
  247. package/components/ix-number-input.js.map +1 -0
  248. package/components/ix-pagination.d.ts +11 -0
  249. package/components/ix-pagination.js +261 -0
  250. package/components/ix-pagination.js.map +1 -0
  251. package/components/ix-pane-layout.d.ts +11 -0
  252. package/components/ix-pane-layout.js +311 -0
  253. package/components/ix-pane-layout.js.map +1 -0
  254. package/components/ix-pane.d.ts +11 -0
  255. package/components/ix-pane.js +568 -0
  256. package/components/ix-pane.js.map +1 -0
  257. package/components/ix-pill.d.ts +11 -0
  258. package/components/ix-pill.js +127 -0
  259. package/components/ix-pill.js.map +1 -0
  260. package/components/ix-progress-indicator.d.ts +11 -0
  261. package/components/ix-progress-indicator.js +193 -0
  262. package/components/ix-progress-indicator.js.map +1 -0
  263. package/components/ix-push-card.d.ts +11 -0
  264. package/components/ix-push-card.js +82 -0
  265. package/components/ix-push-card.js.map +1 -0
  266. package/components/ix-radio-group.d.ts +11 -0
  267. package/components/ix-radio-group.js +195 -0
  268. package/components/ix-radio-group.js.map +1 -0
  269. package/components/ix-radio.d.ts +11 -0
  270. package/components/ix-radio.js +145 -0
  271. package/components/ix-radio.js.map +1 -0
  272. package/components/ix-row.d.ts +11 -0
  273. package/components/ix-row.js +9 -0
  274. package/components/ix-row.js.map +1 -0
  275. package/components/ix-select-item.d.ts +11 -0
  276. package/components/ix-select-item.js +9 -0
  277. package/components/ix-select-item.js.map +1 -0
  278. package/components/ix-select.d.ts +11 -0
  279. package/components/ix-select.js +9 -0
  280. package/components/ix-select.js.map +1 -0
  281. package/components/ix-slider.d.ts +11 -0
  282. package/components/ix-slider.js +255 -0
  283. package/components/ix-slider.js.map +1 -0
  284. package/components/ix-spinner.d.ts +11 -0
  285. package/components/ix-spinner.js +9 -0
  286. package/components/ix-spinner.js.map +1 -0
  287. package/components/ix-split-button.d.ts +11 -0
  288. package/components/ix-split-button.js +117 -0
  289. package/components/ix-split-button.js.map +1 -0
  290. package/components/ix-tab-item.d.ts +11 -0
  291. package/components/ix-tab-item.js +9 -0
  292. package/components/ix-tab-item.js.map +1 -0
  293. package/components/ix-tabs.d.ts +11 -0
  294. package/components/ix-tabs.js +9 -0
  295. package/components/ix-tabs.js.map +1 -0
  296. package/components/ix-textarea.d.ts +11 -0
  297. package/components/ix-textarea.js +192 -0
  298. package/components/ix-textarea.js.map +1 -0
  299. package/components/ix-tile.d.ts +11 -0
  300. package/components/ix-tile.js +63 -0
  301. package/components/ix-tile.js.map +1 -0
  302. package/components/ix-time-input.d.ts +11 -0
  303. package/components/ix-time-input.js +442 -0
  304. package/components/ix-time-input.js.map +1 -0
  305. package/components/ix-time-picker.d.ts +11 -0
  306. package/components/ix-time-picker.js +9 -0
  307. package/components/ix-time-picker.js.map +1 -0
  308. package/components/ix-toast-container.d.ts +11 -0
  309. package/components/ix-toast-container.js +143 -0
  310. package/components/ix-toast-container.js.map +1 -0
  311. package/components/ix-toast.d.ts +11 -0
  312. package/components/ix-toast.js +9 -0
  313. package/components/ix-toast.js.map +1 -0
  314. package/components/ix-toggle-button.d.ts +11 -0
  315. package/components/ix-toggle-button.js +128 -0
  316. package/components/ix-toggle-button.js.map +1 -0
  317. package/components/ix-toggle.d.ts +11 -0
  318. package/components/ix-toggle.js +188 -0
  319. package/components/ix-toggle.js.map +1 -0
  320. package/components/ix-tooltip.d.ts +11 -0
  321. package/components/ix-tooltip.js +9 -0
  322. package/components/ix-tooltip.js.map +1 -0
  323. package/components/ix-tree-item.d.ts +11 -0
  324. package/components/ix-tree-item.js +9 -0
  325. package/components/ix-tree-item.js.map +1 -0
  326. package/components/ix-tree.d.ts +11 -0
  327. package/components/ix-tree.js +610 -0
  328. package/components/ix-tree.js.map +1 -0
  329. package/components/ix-typography.d.ts +11 -0
  330. package/components/ix-typography.js +9 -0
  331. package/components/ix-typography.js.map +1 -0
  332. package/components/ix-upload.d.ts +11 -0
  333. package/components/ix-upload.js +234 -0
  334. package/components/ix-upload.js.map +1 -0
  335. package/components/ix-validation-tooltip.d.ts +11 -0
  336. package/components/ix-validation-tooltip.js +182 -0
  337. package/components/ix-validation-tooltip.js.map +1 -0
  338. package/components/ix-workflow-step.d.ts +11 -0
  339. package/components/ix-workflow-step.js +147 -0
  340. package/components/ix-workflow-step.js.map +1 -0
  341. package/components/ix-workflow-steps.d.ts +11 -0
  342. package/components/ix-workflow-steps.js +112 -0
  343. package/components/ix-workflow-steps.js.map +1 -0
  344. package/components/p--2LOMK-5.js +105 -0
  345. package/components/p--2LOMK-5.js.map +1 -0
  346. package/components/p-5uA5ifmT.js +72 -0
  347. package/components/p-5uA5ifmT.js.map +1 -0
  348. package/components/p-9dLpp1OQ.js +71 -0
  349. package/components/p-9dLpp1OQ.js.map +1 -0
  350. package/components/p-B1Gzt08S.js +51 -0
  351. package/components/p-B1Gzt08S.js.map +1 -0
  352. package/components/p-B3duqvjW.js +33 -0
  353. package/components/p-B3duqvjW.js.map +1 -0
  354. package/components/p-B6e7P4xT.js +42 -0
  355. package/components/p-B6e7P4xT.js.map +1 -0
  356. package/components/p-BGzrnl_l.js +21 -0
  357. package/components/p-BGzrnl_l.js.map +1 -0
  358. package/components/p-BH3f5fa3.js +37 -0
  359. package/components/p-BH3f5fa3.js.map +1 -0
  360. package/components/p-BJcX2_-N.js +110 -0
  361. package/components/p-BJcX2_-N.js.map +1 -0
  362. package/components/p-BMU8AlMD.js +107 -0
  363. package/components/p-BMU8AlMD.js.map +1 -0
  364. package/components/p-BNu7ac9R.js +79 -0
  365. package/components/p-BNu7ac9R.js.map +1 -0
  366. package/components/p-BP-8cvOJ.js +90 -0
  367. package/components/p-BP-8cvOJ.js.map +1 -0
  368. package/components/p-BQ6999e5.js +22 -0
  369. package/components/p-BQ6999e5.js.map +1 -0
  370. package/components/p-BXjBChze.js +130 -0
  371. package/components/p-BXjBChze.js.map +1 -0
  372. package/components/p-Bb7pDeaQ.js +144 -0
  373. package/components/p-Bb7pDeaQ.js.map +1 -0
  374. package/components/p-BcGAKMQ_.js +76 -0
  375. package/components/p-BcGAKMQ_.js.map +1 -0
  376. package/components/p-BdCnOrqW.js +47 -0
  377. package/components/p-BdCnOrqW.js.map +1 -0
  378. package/components/p-BedSAVZh.js +90 -0
  379. package/components/p-BedSAVZh.js.map +1 -0
  380. package/components/p-BhLbU_vK.js +129 -0
  381. package/components/p-BhLbU_vK.js.map +1 -0
  382. package/components/p-Bi1VyG64.js +46 -0
  383. package/components/p-Bi1VyG64.js.map +1 -0
  384. package/components/p-BkWbk29R.js +75 -0
  385. package/components/p-BkWbk29R.js.map +1 -0
  386. package/components/p-BmmgJGNd.js +64 -0
  387. package/components/p-BmmgJGNd.js.map +1 -0
  388. package/components/p-Bu-j8wxy.js +162 -0
  389. package/components/p-Bu-j8wxy.js.map +1 -0
  390. package/components/p-BuJ6BWIi.js +2042 -0
  391. package/components/p-BuJ6BWIi.js.map +1 -0
  392. package/components/p-Bvsx56zn.js +203 -0
  393. package/components/p-Bvsx56zn.js.map +1 -0
  394. package/components/p-BygLxZIM.js +54 -0
  395. package/components/p-BygLxZIM.js.map +1 -0
  396. package/components/p-Bzyt4nTL.js +110 -0
  397. package/components/p-Bzyt4nTL.js.map +1 -0
  398. package/components/p-C6o-AByw.js +33 -0
  399. package/components/p-C6o-AByw.js.map +1 -0
  400. package/components/p-CAqtPJ4-.js +1786 -0
  401. package/components/p-CAqtPJ4-.js.map +1 -0
  402. package/components/p-CGwHQeMX.js +54 -0
  403. package/components/p-CGwHQeMX.js.map +1 -0
  404. package/components/p-CKkTXQiw.js +164 -0
  405. package/components/p-CKkTXQiw.js.map +1 -0
  406. package/components/p-CX81WQtk.js +14 -0
  407. package/components/p-CX81WQtk.js.map +1 -0
  408. package/components/p-Cb-eBcUF.js +61 -0
  409. package/components/p-Cb-eBcUF.js.map +1 -0
  410. package/components/p-Cp5J1RZq.js +765 -0
  411. package/components/p-Cp5J1RZq.js.map +1 -0
  412. package/components/p-Cpxz1Kcs.js +19 -0
  413. package/components/p-Cpxz1Kcs.js.map +1 -0
  414. package/components/p-Cs8DEpjh.js +611 -0
  415. package/components/p-Cs8DEpjh.js.map +1 -0
  416. package/components/p-Cut5OrRw.js +461 -0
  417. package/components/p-Cut5OrRw.js.map +1 -0
  418. package/components/p-CvvOe8xV.js +151 -0
  419. package/components/p-CvvOe8xV.js.map +1 -0
  420. package/components/p-CyFFBc_G.js +100 -0
  421. package/components/p-CyFFBc_G.js.map +1 -0
  422. package/components/p-D3Aowo70.js +113 -0
  423. package/components/p-D3Aowo70.js.map +1 -0
  424. package/components/p-D3K9vmFp.js +157 -0
  425. package/components/p-D3K9vmFp.js.map +1 -0
  426. package/components/p-D6vSVaHq.js +26 -0
  427. package/components/p-D6vSVaHq.js.map +1 -0
  428. package/components/p-D9LaIICQ.js +118 -0
  429. package/components/p-D9LaIICQ.js.map +1 -0
  430. package/components/p-DCx3-1oU.js +310 -0
  431. package/components/p-DCx3-1oU.js.map +1 -0
  432. package/components/p-DDHkNPby.js +79 -0
  433. package/components/p-DDHkNPby.js.map +1 -0
  434. package/components/p-DJ7U7oUq.js +89 -0
  435. package/components/p-DJ7U7oUq.js.map +1 -0
  436. package/components/p-DMlmNp-B.js +33 -0
  437. package/components/p-DMlmNp-B.js.map +1 -0
  438. package/components/p-DWO4uklL.js +146 -0
  439. package/components/p-DWO4uklL.js.map +1 -0
  440. package/components/p-DaztMgDr.js +757 -0
  441. package/components/p-DaztMgDr.js.map +1 -0
  442. package/components/p-DbR-LZrk.js +33 -0
  443. package/components/p-DbR-LZrk.js.map +1 -0
  444. package/components/p-DfbCO042.js +207 -0
  445. package/components/p-DfbCO042.js.map +1 -0
  446. package/components/p-DkGdSI6e.js +103 -0
  447. package/components/p-DkGdSI6e.js.map +1 -0
  448. package/components/p-DojBQCbP.js +55 -0
  449. package/components/p-DojBQCbP.js.map +1 -0
  450. package/components/p-Dp15M30K.js +20 -0
  451. package/components/p-Dp15M30K.js.map +1 -0
  452. package/components/p-Dp4RJcgZ.js +125 -0
  453. package/components/p-Dp4RJcgZ.js.map +1 -0
  454. package/components/p-DyHdZRT0.js +359 -0
  455. package/components/p-DyHdZRT0.js.map +1 -0
  456. package/components/p-DyMgW0fR.js +65 -0
  457. package/components/p-DyMgW0fR.js.map +1 -0
  458. package/components/p-G0biE2Kx.js +33 -0
  459. package/components/p-G0biE2Kx.js.map +1 -0
  460. package/components/p-JJddxCCh.js +42 -0
  461. package/components/p-JJddxCCh.js.map +1 -0
  462. package/components/p-Ooq8eqJM.js +33 -0
  463. package/components/p-Ooq8eqJM.js.map +1 -0
  464. package/components/p-Ou74PMQs.js +1313 -0
  465. package/components/p-Ou74PMQs.js.map +1 -0
  466. package/components/p-PxA_udyJ.js +254 -0
  467. package/components/p-PxA_udyJ.js.map +1 -0
  468. package/components/p-TNoCM8Wi.js +83 -0
  469. package/components/p-TNoCM8Wi.js.map +1 -0
  470. package/components/p-UQa1aROL.js +23 -0
  471. package/components/p-UQa1aROL.js.map +1 -0
  472. package/components/p-bDicGJUN.js +7697 -0
  473. package/components/p-bDicGJUN.js.map +1 -0
  474. package/components/p-bcj7UEIC.js +24 -0
  475. package/components/p-bcj7UEIC.js.map +1 -0
  476. package/components/p-kY0vP3rC.js +122 -0
  477. package/components/p-kY0vP3rC.js.map +1 -0
  478. package/components/p-qauH9Ci4.js +54 -0
  479. package/components/p-qauH9Ci4.js.map +1 -0
  480. package/components/p-r63hglsv.js +90 -0
  481. package/components/p-r63hglsv.js.map +1 -0
  482. package/components/p-tH4n038Z.js +48 -0
  483. package/components/p-tH4n038Z.js.map +1 -0
  484. package/components/package.json +9 -0
  485. package/package.json +3 -2
  486. package/dist/collection/components/application-header/test/application-header.ct.js +0 -389
  487. package/dist/collection/components/application-header/test/application-header.ct.js.map +0 -1
  488. package/dist/collection/components/avatar/test/avatar.ct.js +0 -85
  489. package/dist/collection/components/avatar/test/avatar.ct.js.map +0 -1
  490. package/dist/collection/components/blind/test/blind.ct.js +0 -16
  491. package/dist/collection/components/blind/test/blind.ct.js.map +0 -1
  492. package/dist/collection/components/breadcrumb/test/breadcrumb.ct.js +0 -98
  493. package/dist/collection/components/breadcrumb/test/breadcrumb.ct.js.map +0 -1
  494. package/dist/collection/components/button/test/button.ct.js +0 -153
  495. package/dist/collection/components/button/test/button.ct.js.map +0 -1
  496. package/dist/collection/components/category-filter/test/category-filter.ct.js +0 -62
  497. package/dist/collection/components/category-filter/test/category-filter.ct.js.map +0 -1
  498. package/dist/collection/components/checkbox/tests/checkbox.ct.js +0 -86
  499. package/dist/collection/components/checkbox/tests/checkbox.ct.js.map +0 -1
  500. package/dist/collection/components/checkbox-group/test/checkbox-group.ct.js +0 -48
  501. package/dist/collection/components/checkbox-group/test/checkbox-group.ct.js.map +0 -1
  502. package/dist/collection/components/chip/test/chip.ct.js +0 -76
  503. package/dist/collection/components/chip/test/chip.ct.js.map +0 -1
  504. package/dist/collection/components/custom-field/tests/custom-field.ct.js +0 -68
  505. package/dist/collection/components/custom-field/tests/custom-field.ct.js.map +0 -1
  506. package/dist/collection/components/date-dropdown/test/date-dropdown.ct.js +0 -215
  507. package/dist/collection/components/date-dropdown/test/date-dropdown.ct.js.map +0 -1
  508. package/dist/collection/components/date-input/tests/date-input.ct.js +0 -117
  509. package/dist/collection/components/date-input/tests/date-input.ct.js.map +0 -1
  510. package/dist/collection/components/date-picker/test/date-picker.ct.js +0 -221
  511. package/dist/collection/components/date-picker/test/date-picker.ct.js.map +0 -1
  512. package/dist/collection/components/datetime-picker/test/datetime-picker.ct.js +0 -55
  513. package/dist/collection/components/datetime-picker/test/datetime-picker.ct.js.map +0 -1
  514. package/dist/collection/components/drawer/test/drawer.ct.js +0 -67
  515. package/dist/collection/components/drawer/test/drawer.ct.js.map +0 -1
  516. package/dist/collection/components/dropdown/test/dropdown.ct.js +0 -624
  517. package/dist/collection/components/dropdown/test/dropdown.ct.js.map +0 -1
  518. package/dist/collection/components/dropdown-button/dropdown-button.ct.js +0 -51
  519. package/dist/collection/components/dropdown-button/dropdown-button.ct.js.map +0 -1
  520. package/dist/collection/components/event-list/test/event-list.ct.js +0 -88
  521. package/dist/collection/components/event-list/test/event-list.ct.js.map +0 -1
  522. package/dist/collection/components/expanding-search/test/expanding-search.ct.js +0 -56
  523. package/dist/collection/components/expanding-search/test/expanding-search.ct.js.map +0 -1
  524. package/dist/collection/components/field-label/tests/field-label.ct.js +0 -121
  525. package/dist/collection/components/field-label/tests/field-label.ct.js.map +0 -1
  526. package/dist/collection/components/field-wrapper/tests/field-wrapper.ct.js +0 -63
  527. package/dist/collection/components/field-wrapper/tests/field-wrapper.ct.js.map +0 -1
  528. package/dist/collection/components/flip-tile/test/flip-tile.ct.js +0 -89
  529. package/dist/collection/components/flip-tile/test/flip-tile.ct.js.map +0 -1
  530. package/dist/collection/components/group/test/group.ct.js +0 -115
  531. package/dist/collection/components/group/test/group.ct.js.map +0 -1
  532. package/dist/collection/components/icon-button/test/icon-button.ct.js +0 -30
  533. package/dist/collection/components/icon-button/test/icon-button.ct.js.map +0 -1
  534. package/dist/collection/components/input/tests/form-ready.ct.js +0 -73
  535. package/dist/collection/components/input/tests/form-ready.ct.js.map +0 -1
  536. package/dist/collection/components/input/tests/validation.ct.js +0 -84
  537. package/dist/collection/components/input/tests/validation.ct.js.map +0 -1
  538. package/dist/collection/components/input-group/tests/input-group.ct.js +0 -161
  539. package/dist/collection/components/input-group/tests/input-group.ct.js.map +0 -1
  540. package/dist/collection/components/menu/test/menu.ct.js +0 -256
  541. package/dist/collection/components/menu/test/menu.ct.js.map +0 -1
  542. package/dist/collection/components/menu-about/test/menu-about.ct.js +0 -65
  543. package/dist/collection/components/menu-about/test/menu-about.ct.js.map +0 -1
  544. package/dist/collection/components/menu-avatar-item/test/menu-avatar-item.ct.js +0 -47
  545. package/dist/collection/components/menu-avatar-item/test/menu-avatar-item.ct.js.map +0 -1
  546. package/dist/collection/components/menu-category/test/menu-category.ct.js +0 -274
  547. package/dist/collection/components/menu-category/test/menu-category.ct.js.map +0 -1
  548. package/dist/collection/components/menu-item/test/menu-item.ct.js +0 -67
  549. package/dist/collection/components/menu-item/test/menu-item.ct.js.map +0 -1
  550. package/dist/collection/components/menu-settings/test/menu-settings.ct.js +0 -32
  551. package/dist/collection/components/menu-settings/test/menu-settings.ct.js.map +0 -1
  552. package/dist/collection/components/message-bar/test/message-bar.ct.js +0 -28
  553. package/dist/collection/components/message-bar/test/message-bar.ct.js.map +0 -1
  554. package/dist/collection/components/modal/test/modal.ct.js +0 -204
  555. package/dist/collection/components/modal/test/modal.ct.js.map +0 -1
  556. package/dist/collection/components/pagination/test/pagination.ct.js +0 -68
  557. package/dist/collection/components/pagination/test/pagination.ct.js.map +0 -1
  558. package/dist/collection/components/pane/test/panes.ct.js +0 -59
  559. package/dist/collection/components/pane/test/panes.ct.js.map +0 -1
  560. package/dist/collection/components/pane-layout/test/pane-layout.ct.js +0 -60
  561. package/dist/collection/components/pane-layout/test/pane-layout.ct.js.map +0 -1
  562. package/dist/collection/components/pill/test/pill.ct.js +0 -63
  563. package/dist/collection/components/pill/test/pill.ct.js.map +0 -1
  564. package/dist/collection/components/radio/test/radio.ct.js +0 -77
  565. package/dist/collection/components/radio/test/radio.ct.js.map +0 -1
  566. package/dist/collection/components/radio-group/test/radio-group.ct.js +0 -117
  567. package/dist/collection/components/radio-group/test/radio-group.ct.js.map +0 -1
  568. package/dist/collection/components/select/test/select-keyboard.ct.js +0 -380
  569. package/dist/collection/components/select/test/select-keyboard.ct.js.map +0 -1
  570. package/dist/collection/components/select/test/select.ct.js +0 -594
  571. package/dist/collection/components/select/test/select.ct.js.map +0 -1
  572. package/dist/collection/components/slider/test/slider.ct.js +0 -65
  573. package/dist/collection/components/slider/test/slider.ct.js.map +0 -1
  574. package/dist/collection/components/tabs/test/tabs.ct.js +0 -134
  575. package/dist/collection/components/tabs/test/tabs.ct.js.map +0 -1
  576. package/dist/collection/components/time-input/test/time-input.ct.js +0 -62
  577. package/dist/collection/components/time-input/test/time-input.ct.js.map +0 -1
  578. package/dist/collection/components/time-picker/test/time-picker.ct.js +0 -172
  579. package/dist/collection/components/time-picker/test/time-picker.ct.js.map +0 -1
  580. package/dist/collection/components/toggle/test/toggle.ct.js +0 -84
  581. package/dist/collection/components/toggle/test/toggle.ct.js.map +0 -1
  582. package/dist/collection/components/tooltip/test/tooltip.ct.js +0 -243
  583. package/dist/collection/components/tooltip/test/tooltip.ct.js.map +0 -1
  584. package/dist/collection/components/tree/test/tree.ct.js +0 -355
  585. package/dist/collection/components/tree/test/tree.ct.js.map +0 -1
  586. package/dist/collection/components/upload/test/upload.ct.js +0 -17
  587. package/dist/collection/components/upload/test/upload.ct.js.map +0 -1
  588. package/dist/collection/components/workflow-steps/test/workflow-steps.ct.js +0 -74
  589. package/dist/collection/components/workflow-steps/test/workflow-steps.ct.js.map +0 -1
  590. package/dist/collection/tests/utils/test/matchMedia.mock.js +0 -22
  591. package/dist/types/components/application-header/test/application-header.ct.d.ts +0 -1
  592. package/dist/types/components/avatar/test/avatar.ct.d.ts +0 -1
  593. package/dist/types/components/blind/test/blind.ct.d.ts +0 -1
  594. package/dist/types/components/breadcrumb/test/breadcrumb.ct.d.ts +0 -1
  595. package/dist/types/components/button/test/button.ct.d.ts +0 -7
  596. package/dist/types/components/category-filter/test/category-filter.ct.d.ts +0 -1
  597. package/dist/types/components/checkbox/tests/checkbox.ct.d.ts +0 -1
  598. package/dist/types/components/checkbox-group/test/checkbox-group.ct.d.ts +0 -1
  599. package/dist/types/components/chip/test/chip.ct.d.ts +0 -1
  600. package/dist/types/components/custom-field/tests/custom-field.ct.d.ts +0 -1
  601. package/dist/types/components/date-dropdown/test/date-dropdown.ct.d.ts +0 -1
  602. package/dist/types/components/date-input/tests/date-input.ct.d.ts +0 -1
  603. package/dist/types/components/date-picker/test/date-picker.ct.d.ts +0 -1
  604. package/dist/types/components/datetime-picker/test/datetime-picker.ct.d.ts +0 -1
  605. package/dist/types/components/drawer/test/drawer.ct.d.ts +0 -1
  606. package/dist/types/components/dropdown/test/dropdown.ct.d.ts +0 -1
  607. package/dist/types/components/dropdown-button/dropdown-button.ct.d.ts +0 -1
  608. package/dist/types/components/event-list/test/event-list.ct.d.ts +0 -1
  609. package/dist/types/components/expanding-search/test/expanding-search.ct.d.ts +0 -1
  610. package/dist/types/components/field-label/tests/field-label.ct.d.ts +0 -1
  611. package/dist/types/components/field-wrapper/tests/field-wrapper.ct.d.ts +0 -1
  612. package/dist/types/components/flip-tile/test/flip-tile.ct.d.ts +0 -1
  613. package/dist/types/components/group/test/group.ct.d.ts +0 -1
  614. package/dist/types/components/icon-button/test/icon-button.ct.d.ts +0 -1
  615. package/dist/types/components/input/tests/form-ready.ct.d.ts +0 -1
  616. package/dist/types/components/input/tests/validation.ct.d.ts +0 -1
  617. package/dist/types/components/input-group/tests/input-group.ct.d.ts +0 -1
  618. package/dist/types/components/menu/test/menu.ct.d.ts +0 -1
  619. package/dist/types/components/menu-about/test/menu-about.ct.d.ts +0 -1
  620. package/dist/types/components/menu-avatar-item/test/menu-avatar-item.ct.d.ts +0 -1
  621. package/dist/types/components/menu-category/test/menu-category.ct.d.ts +0 -1
  622. package/dist/types/components/menu-item/test/menu-item.ct.d.ts +0 -1
  623. package/dist/types/components/menu-settings/test/menu-settings.ct.d.ts +0 -1
  624. package/dist/types/components/message-bar/test/message-bar.ct.d.ts +0 -1
  625. package/dist/types/components/modal/test/modal.ct.d.ts +0 -8
  626. package/dist/types/components/pagination/test/pagination.ct.d.ts +0 -1
  627. package/dist/types/components/pane/test/panes.ct.d.ts +0 -1
  628. package/dist/types/components/pane-layout/test/pane-layout.ct.d.ts +0 -1
  629. package/dist/types/components/pill/test/pill.ct.d.ts +0 -1
  630. package/dist/types/components/radio/test/radio.ct.d.ts +0 -1
  631. package/dist/types/components/radio-group/test/radio-group.ct.d.ts +0 -1
  632. package/dist/types/components/select/test/select-keyboard.ct.d.ts +0 -1
  633. package/dist/types/components/select/test/select.ct.d.ts +0 -1
  634. package/dist/types/components/slider/test/slider.ct.d.ts +0 -1
  635. package/dist/types/components/tabs/test/tabs.ct.d.ts +0 -1
  636. package/dist/types/components/time-input/test/time-input.ct.d.ts +0 -1
  637. package/dist/types/components/time-picker/test/time-picker.ct.d.ts +0 -1
  638. package/dist/types/components/toggle/test/toggle.ct.d.ts +0 -1
  639. package/dist/types/components/tooltip/test/tooltip.ct.d.ts +0 -1
  640. package/dist/types/components/tree/test/tree.ct.d.ts +0 -1
  641. package/dist/types/components/upload/test/upload.ct.d.ts +0 -1
  642. package/dist/types/components/workflow-steps/test/workflow-steps.ct.d.ts +0 -1
@@ -1,98 +0,0 @@
1
- /*
2
- * SPDX-FileCopyrightText: 2023 Siemens AG
3
- *
4
- * SPDX-License-Identifier: MIT
5
- *
6
- * This source code is licensed under the MIT license found in the
7
- * LICENSE file in the root directory of this source tree.
8
- */
9
- /*
10
- * SPDX-FileCopyrightText: 2023 Siemens AG
11
- *
12
- * SPDX-License-Identifier: MIT
13
- *
14
- * This source code is licensed under the MIT license found in the
15
- * LICENSE file in the root directory of this source tree.
16
- */
17
- import { expect } from "@playwright/test";
18
- import { regressionTest } from "../../../tests/utils/test/index";
19
- regressionTest('renders', async ({ mount, page }) => {
20
- await mount(`
21
- <ix-breadcrumb>
22
- <ix-breadcrumb-item label="Item 1"></ix-breadcrumb-item>
23
- <ix-breadcrumb-item label="Item 2"></ix-breadcrumb-item>
24
- <ix-breadcrumb-item label="Item 3"></ix-breadcrumb-item>
25
- </ix-breadcrumb>`);
26
- const breadcrumb = page.locator('ix-breadcrumb');
27
- const breadcrumbItem1 = page.locator('ix-breadcrumb-item').nth(0);
28
- const breadcrumbItem2 = page.locator('ix-breadcrumb-item').nth(1);
29
- const breadcrumbItem3 = page.locator('ix-breadcrumb-item').nth(2);
30
- await expect(breadcrumb).toHaveClass(/hydrated/);
31
- await expect(breadcrumbItem1).toBeVisible();
32
- await expect(breadcrumbItem2).toBeVisible();
33
- await expect(breadcrumbItem3).toBeVisible();
34
- });
35
- regressionTest('should show hidden items', async ({ mount, page }) => {
36
- await mount(`
37
- <ix-breadcrumb visible-item-count="2">
38
- <ix-breadcrumb-item label="Item 1"></ix-breadcrumb-item>
39
- <ix-breadcrumb-item label="Item 2"></ix-breadcrumb-item>
40
- <ix-breadcrumb-item label="Item 3"></ix-breadcrumb-item>
41
- </ix-breadcrumb>`);
42
- await page.waitForTimeout(250);
43
- const breadcrumb = page.locator('ix-breadcrumb');
44
- await breadcrumb.evaluate((breadcrumbElement) => {
45
- const item = document.createElement('ix-breadcrumb-item');
46
- item.label = 'NewItem';
47
- breadcrumbElement.appendChild(item);
48
- });
49
- const breadcrumbItem1 = page.locator('ix-breadcrumb-item').nth(0);
50
- const breadcrumbItemNewItem = page.locator('ix-breadcrumb-item').nth(3);
51
- const showHiddenButton = breadcrumb.getByRole('button', { name: '...' });
52
- await page.waitForTimeout(250);
53
- await expect(breadcrumbItem1).not.toBeVisible();
54
- await expect(breadcrumbItemNewItem).toBeVisible();
55
- await showHiddenButton.click();
56
- const dropdownElement = breadcrumb.locator('ix-dropdown').nth(0);
57
- const dropdownItem1 = dropdownElement.getByRole('button', { name: 'Item 1' });
58
- const dropdownItem2 = dropdownElement.getByRole('button', { name: 'Item 2' });
59
- await expect(dropdownElement).toBeVisible();
60
- await expect(dropdownItem1).toBeVisible();
61
- await expect(dropdownItem2).toBeVisible();
62
- });
63
- regressionTest('should change label', async ({ mount, page }) => {
64
- await mount(`
65
- <ix-breadcrumb>
66
- <ix-breadcrumb-item label="Item 1"></ix-breadcrumb-item>
67
- <ix-breadcrumb-item label="Item 2"></ix-breadcrumb-item>
68
- <ix-breadcrumb-item label="Item 3"></ix-breadcrumb-item>
69
- </ix-breadcrumb>`);
70
- const breadcrumbItem = page.locator('ix-breadcrumb-item').nth(2);
71
- await expect(breadcrumbItem).toHaveText('Item 3');
72
- await breadcrumbItem.evaluate((item) => {
73
- item.label = 'UPDATED';
74
- });
75
- await expect(breadcrumbItem).toHaveText('UPDATED');
76
- });
77
- regressionTest('should show next items', async ({ mount, page }) => {
78
- await mount(`
79
- <ix-breadcrumb>
80
- <ix-breadcrumb-item label="Item 1"></ix-breadcrumb-item>
81
- <ix-breadcrumb-item label="Item 2"></ix-breadcrumb-item>
82
- <ix-breadcrumb-item label="Item 3"></ix-breadcrumb-item>
83
- </ix-breadcrumb>`);
84
- const breadcrumb = page.locator('ix-breadcrumb');
85
- await breadcrumb.evaluate((bc) => {
86
- bc.nextItems = ['Next Item 1', 'Next Item 2'];
87
- });
88
- await page.waitForTimeout(1000);
89
- const lastItem = breadcrumb.locator('ix-breadcrumb-item').nth(2);
90
- await lastItem.click();
91
- const dropdownElement = breadcrumb.locator('ix-dropdown').nth(1);
92
- const item1 = dropdownElement.locator('ix-dropdown-item').nth(0);
93
- const item2 = dropdownElement.locator('ix-dropdown-item').nth(1);
94
- await expect(dropdownElement).toBeVisible();
95
- await expect(item1).toHaveText('Next Item 1');
96
- await expect(item2).toHaveText('Next Item 2');
97
- });
98
- //# sourceMappingURL=breadcrumb.ct.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"breadcrumb.ct.js","sourceRoot":"","sources":["../../../../src/components/breadcrumb/test/breadcrumb.ct.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { expect } from '@playwright/test';\nimport { regressionTest } from '@utils/test';\n\nregressionTest('renders', async ({ mount, page }) => {\n await mount(`\n <ix-breadcrumb>\n <ix-breadcrumb-item label=\"Item 1\"></ix-breadcrumb-item>\n <ix-breadcrumb-item label=\"Item 2\"></ix-breadcrumb-item>\n <ix-breadcrumb-item label=\"Item 3\"></ix-breadcrumb-item>\n </ix-breadcrumb>`);\n const breadcrumb = page.locator('ix-breadcrumb');\n const breadcrumbItem1 = page.locator('ix-breadcrumb-item').nth(0);\n const breadcrumbItem2 = page.locator('ix-breadcrumb-item').nth(1);\n const breadcrumbItem3 = page.locator('ix-breadcrumb-item').nth(2);\n await expect(breadcrumb).toHaveClass(/hydrated/);\n await expect(breadcrumbItem1).toBeVisible();\n await expect(breadcrumbItem2).toBeVisible();\n await expect(breadcrumbItem3).toBeVisible();\n});\n\nregressionTest('should show hidden items', async ({ mount, page }) => {\n await mount(`\n <ix-breadcrumb visible-item-count=\"2\">\n <ix-breadcrumb-item label=\"Item 1\"></ix-breadcrumb-item>\n <ix-breadcrumb-item label=\"Item 2\"></ix-breadcrumb-item>\n <ix-breadcrumb-item label=\"Item 3\"></ix-breadcrumb-item>\n </ix-breadcrumb>`);\n\n await page.waitForTimeout(250);\n\n const breadcrumb = page.locator('ix-breadcrumb');\n await breadcrumb.evaluate((breadcrumbElement: HTMLIxBreadcrumbElement) => {\n const item = document.createElement('ix-breadcrumb-item');\n item.label = 'NewItem';\n\n breadcrumbElement.appendChild(item);\n });\n\n const breadcrumbItem1 = page.locator('ix-breadcrumb-item').nth(0);\n const breadcrumbItemNewItem = page.locator('ix-breadcrumb-item').nth(3);\n\n const showHiddenButton = breadcrumb.getByRole('button', { name: '...' });\n\n await page.waitForTimeout(250);\n\n await expect(breadcrumbItem1).not.toBeVisible();\n await expect(breadcrumbItemNewItem).toBeVisible();\n\n await showHiddenButton.click();\n\n const dropdownElement = breadcrumb.locator('ix-dropdown').nth(0);\n const dropdownItem1 = dropdownElement.getByRole('button', { name: 'Item 1' });\n const dropdownItem2 = dropdownElement.getByRole('button', { name: 'Item 2' });\n await expect(dropdownElement).toBeVisible();\n await expect(dropdownItem1).toBeVisible();\n await expect(dropdownItem2).toBeVisible();\n});\n\nregressionTest('should change label', async ({ mount, page }) => {\n await mount(`\n <ix-breadcrumb>\n <ix-breadcrumb-item label=\"Item 1\"></ix-breadcrumb-item>\n <ix-breadcrumb-item label=\"Item 2\"></ix-breadcrumb-item>\n <ix-breadcrumb-item label=\"Item 3\"></ix-breadcrumb-item>\n </ix-breadcrumb>`);\n const breadcrumbItem = page.locator('ix-breadcrumb-item').nth(2);\n\n await expect(breadcrumbItem).toHaveText('Item 3');\n\n await breadcrumbItem.evaluate((item: HTMLIxBreadcrumbItemElement) => {\n item.label = 'UPDATED';\n });\n await expect(breadcrumbItem).toHaveText('UPDATED');\n});\n\nregressionTest('should show next items', async ({ mount, page }) => {\n await mount(`\n <ix-breadcrumb>\n <ix-breadcrumb-item label=\"Item 1\"></ix-breadcrumb-item>\n <ix-breadcrumb-item label=\"Item 2\"></ix-breadcrumb-item>\n <ix-breadcrumb-item label=\"Item 3\"></ix-breadcrumb-item>\n </ix-breadcrumb>`);\n const breadcrumb = page.locator('ix-breadcrumb');\n await breadcrumb.evaluate((bc: HTMLIxBreadcrumbElement) => {\n bc.nextItems = ['Next Item 1', 'Next Item 2'];\n });\n\n await page.waitForTimeout(1000);\n\n const lastItem = breadcrumb.locator('ix-breadcrumb-item').nth(2);\n await lastItem.click();\n\n const dropdownElement = breadcrumb.locator('ix-dropdown').nth(1);\n\n const item1 = dropdownElement.locator('ix-dropdown-item').nth(0);\n const item2 = dropdownElement.locator('ix-dropdown-item').nth(1);\n await expect(dropdownElement).toBeVisible();\n\n await expect(item1).toHaveText('Next Item 1');\n await expect(item2).toHaveText('Next Item 2');\n});\n"]}
@@ -1,153 +0,0 @@
1
- /*
2
- * SPDX-FileCopyrightText: 2023 Siemens AG
3
- *
4
- * SPDX-License-Identifier: MIT
5
- *
6
- * This source code is licensed under the MIT license found in the
7
- * LICENSE file in the root directory of this source tree.
8
- */
9
- import { expect } from "@playwright/test";
10
- import { iconRocket } from "@siemens/ix-icons/icons";
11
- import { regressionTest } from "../../../tests/utils/test/index";
12
- regressionTest('renders', async ({ mount, page }) => {
13
- await mount(`<ix-button>Content</ix-button>`);
14
- const button = page.locator('ix-button');
15
- await expect(button).toHaveClass(/hydrated/);
16
- });
17
- regressionTest('show icon', async ({ mount, page }) => {
18
- await mount(`<ix-button icon="rocket">Content</ix-button>`, {
19
- icons: { iconRocket },
20
- });
21
- const button = page.locator('ix-button');
22
- await expect(button.locator('ix-icon')).toBeVisible();
23
- });
24
- regressionTest('show spinner while loading', async ({ mount, page }) => {
25
- await mount(`<ix-button>Content</ix-button>`);
26
- const button = page.locator('ix-button');
27
- await expect(button.locator('ix-spinner')).not.toBeVisible();
28
- await button.evaluate((btn) => (btn.loading = true));
29
- await expect(button.locator('ix-spinner')).toBeVisible();
30
- });
31
- regressionTest('replace icon with spinner while loading', async ({ mount, page }) => {
32
- await mount(`<ix-button icon="rocket">Content</ix-button>`, {
33
- icons: { iconRocket },
34
- });
35
- const button = page.locator('ix-button');
36
- await expect(button.locator('ix-spinner')).not.toBeVisible();
37
- await button.evaluate((btn) => (btn.loading = true));
38
- await expect(button.locator('ix-spinner')).toBeVisible();
39
- await expect(button.locator('ix-icon')).not.toBeVisible();
40
- });
41
- regressionTest('should not fire event when disabled', async ({ mount, page }) => {
42
- await mount(`<ix-button disabled>Content</ix-button>`);
43
- const button = page.locator('ix-button');
44
- await expect(button).toHaveClass(/hydrated/);
45
- await expect(button).toHaveCSS('pointer-events', 'none');
46
- });
47
- regressionTest.describe('A11y', () => {
48
- regressionTest('disabled', async ({ mount, page }) => {
49
- await mount('<ix-button disabled>Content</ix-button>');
50
- const button = page.locator('button');
51
- await expect(button).toHaveAttribute('aria-disabled');
52
- await page.locator('ix-button').evaluate((btn) => {
53
- btn.disabled = false;
54
- });
55
- await expect(button).not.toHaveAttribute('aria-disabled');
56
- });
57
- });
58
- regressionTest('form can be submitted multiple times', async ({ mount, page }) => {
59
- await mount(`
60
- <form id="test-form">
61
- <input type="text" name="test-input" required minlength="1">
62
- <ix-button type="submit">Submit</ix-button>
63
- </form>
64
- `);
65
- await page.evaluate(() => {
66
- const form = document.getElementById('test-form');
67
- form === null || form === void 0 ? void 0 : form.addEventListener('submit', (e) => {
68
- e.preventDefault();
69
- window.submitCount = (window.submitCount || 0) + 1;
70
- });
71
- });
72
- const button = page.locator('ix-button');
73
- const input = page.locator('input[name="test-input"]');
74
- for (let i = 0; i < 3; i++) {
75
- await input.fill('test');
76
- await button.click();
77
- const submitCount = await page.evaluate(() => window.submitCount);
78
- expect(submitCount).toBe(i + 1);
79
- await page.waitForTimeout(100);
80
- }
81
- await expect(button).not.toHaveAttribute('disabled');
82
- await expect(button).not.toHaveClass(/loading/);
83
- });
84
- regressionTest('should not submit form when form attribute is not set', async ({ mount, page }) => {
85
- await mount(`
86
- <form id="test-form">
87
- <input type="text" name="test-input">
88
- </form>
89
- <ix-button type="submit">Submit</ix-button>
90
- `);
91
- await page.evaluate(() => {
92
- window.isFormSubmitted = false;
93
- const form = document.getElementById('test-form');
94
- if (!form) {
95
- return;
96
- }
97
- form.addEventListener('submit', (e) => {
98
- e.preventDefault();
99
- window.isFormSubmitted = true;
100
- });
101
- });
102
- const button = page.locator('ix-button');
103
- await button.click();
104
- const formSubmitted = await page.evaluate(() => window.isFormSubmitted);
105
- expect(formSubmitted).toBe(false);
106
- });
107
- regressionTest('should not submit if form attribute is invalid', async ({ mount, page }) => {
108
- await mount(`
109
- <form id="test-form">
110
- <input type="text" name="test-input">
111
- </form>
112
- <ix-button type="submit" form="invalid-form">Submit</ix-button>
113
- `);
114
- await page.evaluate(() => {
115
- window.isFormSubmitted = false;
116
- const form = document.getElementById('test-form');
117
- if (!form) {
118
- return;
119
- }
120
- form.addEventListener('submit', (e) => {
121
- e.preventDefault();
122
- window.isFormSubmitted = true;
123
- });
124
- });
125
- const button = page.locator('ix-button');
126
- await button.click();
127
- const isFormSubmitted = await page.evaluate(() => window.isFormSubmitted);
128
- expect(isFormSubmitted).toBe(false);
129
- });
130
- regressionTest('should submit form when form attribute is set', async ({ mount, page }) => {
131
- await mount(`
132
- <form id="test-form">
133
- <input type="text" name="test-input">
134
- </form>
135
- <ix-button type="submit" form="test-form">Submit</ix-button>
136
- `);
137
- await page.evaluate(() => {
138
- window.isFormSubmitted = false;
139
- const form = document.getElementById('test-form');
140
- if (!form) {
141
- return;
142
- }
143
- form.addEventListener('submit', (e) => {
144
- e.preventDefault();
145
- window.isFormSubmitted = true;
146
- });
147
- });
148
- const button = page.locator('ix-button');
149
- await button.click();
150
- const formSubmitted = await page.evaluate(() => window.isFormSubmitted);
151
- expect(formSubmitted).toBe(true);
152
- });
153
- //# sourceMappingURL=button.ct.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"button.ct.js","sourceRoot":"","sources":["../../../../src/components/button/test/button.ct.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { expect } from '@playwright/test';\nimport { iconRocket } from '@siemens/ix-icons/icons';\nimport { regressionTest } from '@utils/test';\n\ndeclare global {\n interface Window {\n submitCount: number;\n isFormSubmitted: boolean;\n }\n}\n\nregressionTest('renders', async ({ mount, page }) => {\n await mount(`<ix-button>Content</ix-button>`);\n const button = page.locator('ix-button');\n await expect(button).toHaveClass(/hydrated/);\n});\n\nregressionTest('show icon', async ({ mount, page }) => {\n await mount(`<ix-button icon=\"rocket\">Content</ix-button>`, {\n icons: { iconRocket },\n });\n const button = page.locator('ix-button');\n await expect(button.locator('ix-icon')).toBeVisible();\n});\n\nregressionTest('show spinner while loading', async ({ mount, page }) => {\n await mount(`<ix-button>Content</ix-button>`);\n const button = page.locator('ix-button');\n\n await expect(button.locator('ix-spinner')).not.toBeVisible();\n await button.evaluate((btn: HTMLIxButtonElement) => (btn.loading = true));\n await expect(button.locator('ix-spinner')).toBeVisible();\n});\n\nregressionTest(\n 'replace icon with spinner while loading',\n async ({ mount, page }) => {\n await mount(`<ix-button icon=\"rocket\">Content</ix-button>`, {\n icons: { iconRocket },\n });\n const button = page.locator('ix-button');\n\n await expect(button.locator('ix-spinner')).not.toBeVisible();\n await button.evaluate((btn: HTMLIxButtonElement) => (btn.loading = true));\n await expect(button.locator('ix-spinner')).toBeVisible();\n await expect(button.locator('ix-icon')).not.toBeVisible();\n }\n);\n\nregressionTest(\n 'should not fire event when disabled',\n async ({ mount, page }) => {\n await mount(`<ix-button disabled>Content</ix-button>`);\n const button = page.locator('ix-button');\n\n await expect(button).toHaveClass(/hydrated/);\n await expect(button).toHaveCSS('pointer-events', 'none');\n }\n);\n\nregressionTest.describe('A11y', () => {\n regressionTest('disabled', async ({ mount, page }) => {\n await mount('<ix-button disabled>Content</ix-button>');\n const button = page.locator('button');\n await expect(button).toHaveAttribute('aria-disabled');\n await page.locator('ix-button').evaluate((btn: HTMLButtonElement) => {\n btn.disabled = false;\n });\n await expect(button).not.toHaveAttribute('aria-disabled');\n });\n});\n\nregressionTest(\n 'form can be submitted multiple times',\n async ({ mount, page }) => {\n await mount(`\n <form id=\"test-form\">\n <input type=\"text\" name=\"test-input\" required minlength=\"1\">\n <ix-button type=\"submit\">Submit</ix-button>\n </form>\n `);\n\n await page.evaluate(() => {\n const form = document.getElementById('test-form');\n form?.addEventListener('submit', (e) => {\n e.preventDefault();\n window.submitCount = (window.submitCount || 0) + 1;\n });\n });\n\n const button = page.locator('ix-button');\n const input = page.locator('input[name=\"test-input\"]');\n\n for (let i = 0; i < 3; i++) {\n await input.fill('test');\n await button.click();\n const submitCount = await page.evaluate(() => window.submitCount);\n expect(submitCount).toBe(i + 1);\n await page.waitForTimeout(100);\n }\n\n await expect(button).not.toHaveAttribute('disabled');\n await expect(button).not.toHaveClass(/loading/);\n }\n);\n\nregressionTest(\n 'should not submit form when form attribute is not set',\n async ({ mount, page }) => {\n await mount(`\n <form id=\"test-form\">\n <input type=\"text\" name=\"test-input\">\n </form>\n <ix-button type=\"submit\">Submit</ix-button>\n `);\n\n await page.evaluate(() => {\n window.isFormSubmitted = false;\n const form = document.getElementById('test-form');\n if (!form) {\n return;\n }\n form.addEventListener('submit', (e) => {\n e.preventDefault();\n window.isFormSubmitted = true;\n });\n });\n\n const button = page.locator('ix-button');\n await button.click();\n\n const formSubmitted = await page.evaluate(() => window.isFormSubmitted);\n expect(formSubmitted).toBe(false);\n }\n);\n\nregressionTest(\n 'should not submit if form attribute is invalid',\n async ({ mount, page }) => {\n await mount(`\n <form id=\"test-form\">\n <input type=\"text\" name=\"test-input\">\n </form>\n <ix-button type=\"submit\" form=\"invalid-form\">Submit</ix-button>\n `);\n\n await page.evaluate(() => {\n window.isFormSubmitted = false;\n const form = document.getElementById('test-form');\n\n if (!form) {\n return;\n }\n\n form.addEventListener('submit', (e) => {\n e.preventDefault();\n window.isFormSubmitted = true;\n });\n });\n\n const button = page.locator('ix-button');\n await button.click();\n\n const isFormSubmitted = await page.evaluate(() => window.isFormSubmitted);\n expect(isFormSubmitted).toBe(false);\n }\n);\n\nregressionTest(\n 'should submit form when form attribute is set',\n async ({ mount, page }) => {\n await mount(`\n <form id=\"test-form\">\n <input type=\"text\" name=\"test-input\">\n </form>\n <ix-button type=\"submit\" form=\"test-form\">Submit</ix-button>\n `);\n\n await page.evaluate(() => {\n window.isFormSubmitted = false;\n const form = document.getElementById('test-form');\n\n if (!form) {\n return;\n }\n\n form.addEventListener('submit', (e) => {\n e.preventDefault();\n window.isFormSubmitted = true;\n });\n });\n\n const button = page.locator('ix-button');\n\n await button.click();\n\n const formSubmitted = await page.evaluate(() => window.isFormSubmitted);\n expect(formSubmitted).toBe(true);\n }\n);\n"]}
@@ -1,62 +0,0 @@
1
- /*
2
- * SPDX-FileCopyrightText: 2024 Siemens AG
3
- *
4
- * SPDX-License-Identifier: MIT
5
- *
6
- * This source code is licensed under the MIT license found in the
7
- * LICENSE file in the root directory of this source tree.
8
- */
9
- import { regressionTest } from "../../../tests/utils/test/index";
10
- import { expect } from "@playwright/test";
11
- regressionTest('renders', async ({ mount, page }) => {
12
- await mount(`<ix-category-filter></ix-category-filter>`);
13
- const categoryFilter = page.locator('ix-category-filter');
14
- await expect(categoryFilter).toHaveClass(/hydrated/);
15
- });
16
- regressionTest.describe('category-preview test', () => {
17
- regressionTest.beforeEach(async ({ mount, page }) => {
18
- await mount(`
19
- <ix-category-filter></ix-category-filter>
20
- `);
21
- const categoryFilter = page.locator('ix-category-filter');
22
- await categoryFilter.evaluate((el) => {
23
- el.categories = {
24
- ID_1: {
25
- label: 'Vendor',
26
- options: ['Apple', 'MS', 'Siemens'],
27
- },
28
- ID_2: {
29
- label: 'Product',
30
- options: ['iPhone X', 'Windows', 'APS'],
31
- },
32
- };
33
- });
34
- });
35
- regressionTest('add token', async ({ page }) => {
36
- const token = 'Test';
37
- await page.waitForSelector('ix-category-filter');
38
- const input = await page.locator('input').first();
39
- await input.click();
40
- await input.fill(token);
41
- await page.keyboard.press('Enter');
42
- const chip = await page.locator('ix-filter-chip').first();
43
- await expect(chip).toContainText(token);
44
- });
45
- regressionTest('clear category-preview', async ({ page }) => {
46
- const categoryFilter = page.locator('ix-category-filter');
47
- await categoryFilter.locator('input').first().click();
48
- await categoryFilter.locator('.category-item').first().click();
49
- const categoryPreviewPromise = categoryFilter.evaluate((element) => {
50
- return new Promise((resolve) => {
51
- function onCategoryChanged(event) {
52
- resolve(event.detail);
53
- }
54
- element.addEventListener('categoryChanged', onCategoryChanged);
55
- });
56
- });
57
- await page.locator('ix-icon-button').first().click();
58
- const categoryPreview = await categoryPreviewPromise;
59
- expect(categoryPreview).toEqual(null);
60
- });
61
- });
62
- //# sourceMappingURL=category-filter.ct.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"category-filter.ct.js","sourceRoot":"","sources":["../../../../src/components/category-filter/test/category-filter.ct.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { regressionTest } from '@utils/test';\nimport { expect } from '@playwright/test';\n\nregressionTest('renders', async ({ mount, page }) => {\n await mount(`<ix-category-filter></ix-category-filter>`);\n const categoryFilter = page.locator('ix-category-filter');\n await expect(categoryFilter).toHaveClass(/hydrated/);\n});\n\nregressionTest.describe('category-preview test', () => {\n regressionTest.beforeEach(async ({ mount, page }) => {\n await mount(\n `\n <ix-category-filter></ix-category-filter>\n `\n );\n\n const categoryFilter = page.locator('ix-category-filter');\n await categoryFilter.evaluate((el: HTMLIxCategoryFilterElement) => {\n el.categories = {\n ID_1: {\n label: 'Vendor',\n options: ['Apple', 'MS', 'Siemens'],\n },\n ID_2: {\n label: 'Product',\n options: ['iPhone X', 'Windows', 'APS'],\n },\n };\n });\n });\n\n regressionTest('add token', async ({ page }) => {\n const token = 'Test';\n await page.waitForSelector('ix-category-filter');\n const input = await page.locator('input').first();\n await input.click();\n await input.fill(token);\n await page.keyboard.press('Enter');\n const chip = await page.locator('ix-filter-chip').first();\n await expect(chip).toContainText(token);\n });\n\n regressionTest('clear category-preview', async ({ page }) => {\n const categoryFilter = page.locator('ix-category-filter');\n await categoryFilter.locator('input').first().click();\n await categoryFilter.locator('.category-item').first().click();\n\n const categoryPreviewPromise = categoryFilter.evaluate(\n (element: HTMLIxCategoryFilterElement) => {\n return new Promise((resolve) => {\n function onCategoryChanged(event: CustomEvent) {\n resolve(event.detail);\n }\n\n element.addEventListener('categoryChanged', onCategoryChanged);\n });\n }\n );\n\n await page.locator('ix-icon-button').first().click();\n const categoryPreview = await categoryPreviewPromise;\n\n expect(categoryPreview).toEqual(null);\n });\n});\n"]}
@@ -1,86 +0,0 @@
1
- /*
2
- * SPDX-FileCopyrightText: 2024 Siemens AG
3
- *
4
- * SPDX-License-Identifier: MIT
5
- *
6
- * This source code is licensed under the MIT license found in the
7
- * LICENSE file in the root directory of this source tree.
8
- */
9
- import { getFormValue, preventFormSubmission, regressionTest, test, } from "../../../tests/utils/test/index";
10
- import { expect } from "@playwright/test";
11
- regressionTest(`form-ready`, async ({ mount, page }) => {
12
- await mount(`<form><ix-checkbox name="my-field-name"></ix-checkbox></form>`);
13
- const formElement = page.locator('form');
14
- preventFormSubmission(formElement);
15
- await page.locator('ix-checkbox').click();
16
- const formData = await getFormValue(formElement, 'my-field-name', page);
17
- expect(formData).toBe('on');
18
- });
19
- regressionTest(`form-ready with value`, async ({ mount, page }) => {
20
- await mount(`<form><ix-checkbox name="my-field-name" value="custom-value"></ix-checkbox></form>`);
21
- const formElement = page.locator('form');
22
- preventFormSubmission(formElement);
23
- await page.locator('ix-checkbox').click();
24
- const formData = await getFormValue(formElement, 'my-field-name', page);
25
- expect(formData).toBe('custom-value');
26
- });
27
- regressionTest(`form-ready default active`, async ({ mount, page }) => {
28
- await mount(`<form><ix-checkbox name="my-field-name" checked></ix-checkbox></form>`);
29
- const formElement = page.locator('form');
30
- preventFormSubmission(formElement);
31
- const formData = await getFormValue(formElement, 'my-field-name', page);
32
- expect(formData).toBe('on');
33
- });
34
- regressionTest(`disabled`, async ({ mount, page }) => {
35
- await mount(`<ix-checkbox label="some label" disabled></ix-checkbox>`);
36
- const checkboxElement = page.locator('ix-checkbox');
37
- await expect(checkboxElement).toBeDisabled();
38
- });
39
- regressionTest(`disabled = undefined`, async ({ mount, page }) => {
40
- await mount(`<ix-checkbox label="some label"></ix-checkbox>`);
41
- const checkboxElement = page.locator('ix-checkbox');
42
- const nativeInput = checkboxElement.locator('input');
43
- const label = checkboxElement.locator('ix-typography');
44
- const checkedChange$ = checkboxElement.evaluate((element) => {
45
- // Needs to be tested because at runtime undefined assignment could happen
46
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
47
- element.disabled = undefined;
48
- return new Promise((resolve) => {
49
- element.addEventListener('checkedChange', () => resolve());
50
- });
51
- });
52
- await checkboxElement.click();
53
- await checkedChange$;
54
- await expect(checkboxElement).not.toHaveClass(/disabled/);
55
- await expect(nativeInput).not.toBeDisabled();
56
- const checkboxLabelColor = 'rgba(245, 252, 255, 0.93)';
57
- await expect(label).toHaveCSS('color', checkboxLabelColor);
58
- });
59
- regressionTest('label', async ({ mount, page }) => {
60
- await mount(`<ix-checkbox label="some label"></ix-checkbox>`);
61
- const checkboxElement = page.locator('ix-checkbox').locator('label');
62
- await expect(checkboxElement).toHaveText('some label');
63
- });
64
- test('Checkbox should not cause layout shift when checked', async ({ mount, page, }) => {
65
- await mount(`
66
- <ix-checkbox label="test"></ix-checkbox>
67
- <div id="element-below">This element should not move</div>
68
- `);
69
- await page.waitForSelector('ix-checkbox', { state: 'attached' });
70
- const initialBounds = await page.$eval('#element-below', (el) => {
71
- const rect = el.getBoundingClientRect();
72
- return { top: rect.top, left: rect.left };
73
- });
74
- await page.click('ix-checkbox');
75
- await page.waitForFunction(() => {
76
- const checkbox = document.querySelector('ix-checkbox');
77
- return (checkbox === null || checkbox === void 0 ? void 0 : checkbox.getAttribute('aria-checked')) === 'true';
78
- });
79
- const newBounds = await page.$eval('#element-below', (el) => {
80
- const rect = el.getBoundingClientRect();
81
- return { top: rect.top, left: rect.left };
82
- });
83
- expect(newBounds.top).toBeCloseTo(initialBounds.top, 0);
84
- expect(newBounds.left).toBeCloseTo(initialBounds.left, 0);
85
- });
86
- //# sourceMappingURL=checkbox.ct.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"checkbox.ct.js","sourceRoot":"","sources":["../../../../src/components/checkbox/tests/checkbox.ct.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport {\n getFormValue,\n preventFormSubmission,\n regressionTest,\n test,\n} from '@utils/test';\nimport { expect } from '@playwright/test';\n\nregressionTest(`form-ready`, async ({ mount, page }) => {\n await mount(`<form><ix-checkbox name=\"my-field-name\"></ix-checkbox></form>`);\n\n const formElement = page.locator('form');\n preventFormSubmission(formElement);\n await page.locator('ix-checkbox').click();\n\n const formData = await getFormValue(formElement, 'my-field-name', page);\n expect(formData).toBe('on');\n});\n\nregressionTest(`form-ready with value`, async ({ mount, page }) => {\n await mount(\n `<form><ix-checkbox name=\"my-field-name\" value=\"custom-value\"></ix-checkbox></form>`\n );\n\n const formElement = page.locator('form');\n preventFormSubmission(formElement);\n await page.locator('ix-checkbox').click();\n\n const formData = await getFormValue(formElement, 'my-field-name', page);\n expect(formData).toBe('custom-value');\n});\n\nregressionTest(`form-ready default active`, async ({ mount, page }) => {\n await mount(\n `<form><ix-checkbox name=\"my-field-name\" checked></ix-checkbox></form>`\n );\n\n const formElement = page.locator('form');\n preventFormSubmission(formElement);\n const formData = await getFormValue(formElement, 'my-field-name', page);\n expect(formData).toBe('on');\n});\n\nregressionTest(`disabled`, async ({ mount, page }) => {\n await mount(`<ix-checkbox label=\"some label\" disabled></ix-checkbox>`);\n const checkboxElement = page.locator('ix-checkbox');\n await expect(checkboxElement).toBeDisabled();\n});\n\nregressionTest(`disabled = undefined`, async ({ mount, page }) => {\n await mount(`<ix-checkbox label=\"some label\"></ix-checkbox>`);\n const checkboxElement = page.locator('ix-checkbox');\n const nativeInput = checkboxElement.locator('input');\n const label = checkboxElement.locator('ix-typography');\n\n const checkedChange$ = checkboxElement.evaluate(\n (element: HTMLIxCheckboxElement) => {\n // Needs to be tested because at runtime undefined assignment could happen\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n element.disabled = undefined as any;\n return new Promise<void>((resolve) => {\n element.addEventListener('checkedChange', () => resolve());\n });\n }\n );\n\n await checkboxElement.click();\n await checkedChange$;\n\n await expect(checkboxElement).not.toHaveClass(/disabled/);\n await expect(nativeInput).not.toBeDisabled();\n\n const checkboxLabelColor = 'rgba(245, 252, 255, 0.93)';\n await expect(label).toHaveCSS('color', checkboxLabelColor);\n});\n\nregressionTest('label', async ({ mount, page }) => {\n await mount(`<ix-checkbox label=\"some label\"></ix-checkbox>`);\n const checkboxElement = page.locator('ix-checkbox').locator('label');\n await expect(checkboxElement).toHaveText('some label');\n});\n\ntest('Checkbox should not cause layout shift when checked', async ({\n mount,\n page,\n}) => {\n await mount(`\n <ix-checkbox label=\"test\"></ix-checkbox>\n <div id=\"element-below\">This element should not move</div>\n `);\n\n await page.waitForSelector('ix-checkbox', { state: 'attached' });\n\n const initialBounds = await page.$eval('#element-below', (el) => {\n const rect = el.getBoundingClientRect();\n return { top: rect.top, left: rect.left };\n });\n\n await page.click('ix-checkbox');\n\n await page.waitForFunction(() => {\n const checkbox = document.querySelector('ix-checkbox');\n return checkbox?.getAttribute('aria-checked') === 'true';\n });\n\n const newBounds = await page.$eval('#element-below', (el) => {\n const rect = el.getBoundingClientRect();\n return { top: rect.top, left: rect.left };\n });\n\n expect(newBounds.top).toBeCloseTo(initialBounds.top, 0);\n expect(newBounds.left).toBeCloseTo(initialBounds.left, 0);\n});\n"]}
@@ -1,48 +0,0 @@
1
- /*
2
- * SPDX-FileCopyrightText: 2024 Siemens AG
3
- *
4
- * SPDX-License-Identifier: MIT
5
- *
6
- * This source code is licensed under the MIT license found in the
7
- * LICENSE file in the root directory of this source tree.
8
- */
9
- import { expect } from "@playwright/test";
10
- import { regressionTest } from "../../../tests/utils/test/index";
11
- regressionTest('renders', async ({ mount, page }) => {
12
- await mount(`
13
- <ix-checkbox-group>
14
- <ix-checkbox label="Option 1" value="option1"></ix-checkbox>
15
- <ix-checkbox label="Option 2" value="option2"></ix-checkbox>
16
- <ix-checkbox label="Option 3" value="option3"></ix-checkbox>
17
- </ix-checkbox-group>
18
- `);
19
- const radioGroupElement = page.locator('ix-checkbox-group');
20
- const radioOption1 = page.locator('ix-checkbox').nth(0);
21
- const radioOption2 = page.locator('ix-checkbox').nth(1);
22
- const radioOption3 = page.locator('ix-checkbox').nth(2);
23
- await expect(radioGroupElement).toHaveClass(/hydrated/);
24
- await expect(radioOption1).toHaveClass(/hydrated/);
25
- await expect(radioOption2).toHaveClass(/hydrated/);
26
- await expect(radioOption3).toHaveClass(/hydrated/);
27
- });
28
- regressionTest('required', async ({ mount, page }) => {
29
- await mount(`
30
- <ix-checkbox-group label="example">
31
- <ix-checkbox label="Option 1" value="option1"></ix-checkbox>
32
- <ix-checkbox label="Option 2" value="option2" required></ix-checkbox>
33
- <ix-checkbox label="Option 3" value="option3"></ix-checkbox>
34
- </ix-checkbox-group>
35
- `);
36
- const radioGroupElement = page.locator('ix-checkbox-group');
37
- await expect(radioGroupElement).toHaveClass(/hydrated/);
38
- await expect(radioGroupElement).toHaveText(/example\*/);
39
- const radioOption2 = page.locator('ix-checkbox').nth(1);
40
- const radioOption3 = page.locator('ix-checkbox').nth(2);
41
- await page.keyboard.press('Tab');
42
- await page.keyboard.press('Tab');
43
- await page.keyboard.press('Tab');
44
- await expect(radioGroupElement).toHaveClass(/ix-invalid--required/);
45
- await expect(radioOption2).toHaveClass(/ix-invalid--required/);
46
- await expect(radioOption3).not.toHaveClass(/ix-invalid/);
47
- });
48
- //# sourceMappingURL=checkbox-group.ct.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"checkbox-group.ct.js","sourceRoot":"","sources":["../../../../src/components/checkbox-group/test/checkbox-group.ct.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,cAAc,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;IAClD,MAAM,KAAK,CACT;;;;;;KAMC,CACF,CAAC;IACF,MAAM,iBAAiB,GAAG,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;IAC5D,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IACxD,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IACxD,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IACxD,MAAM,MAAM,CAAC,iBAAiB,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IACxD,MAAM,MAAM,CAAC,YAAY,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IACnD,MAAM,MAAM,CAAC,YAAY,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IACnD,MAAM,MAAM,CAAC,YAAY,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;AACrD,CAAC,CAAC,CAAC;AAEH,cAAc,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;IACnD,MAAM,KAAK,CACT;;;;;;KAMC,CACF,CAAC;IACF,MAAM,iBAAiB,GAAG,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;IAC5D,MAAM,MAAM,CAAC,iBAAiB,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IACxD,MAAM,MAAM,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAExD,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IACxD,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IACxD,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACjC,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACjC,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAEjC,MAAM,MAAM,CAAC,iBAAiB,CAAC,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC;IACpE,MAAM,MAAM,CAAC,YAAY,CAAC,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC;IAC/D,MAAM,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;AAC3D,CAAC,CAAC,CAAC","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { expect } from '@playwright/test';\nimport { regressionTest } from '@utils/test';\n\nregressionTest('renders', async ({ mount, page }) => {\n await mount(\n `\n <ix-checkbox-group>\n <ix-checkbox label=\"Option 1\" value=\"option1\"></ix-checkbox>\n <ix-checkbox label=\"Option 2\" value=\"option2\"></ix-checkbox>\n <ix-checkbox label=\"Option 3\" value=\"option3\"></ix-checkbox>\n </ix-checkbox-group>\n `\n );\n const radioGroupElement = page.locator('ix-checkbox-group');\n const radioOption1 = page.locator('ix-checkbox').nth(0);\n const radioOption2 = page.locator('ix-checkbox').nth(1);\n const radioOption3 = page.locator('ix-checkbox').nth(2);\n await expect(radioGroupElement).toHaveClass(/hydrated/);\n await expect(radioOption1).toHaveClass(/hydrated/);\n await expect(radioOption2).toHaveClass(/hydrated/);\n await expect(radioOption3).toHaveClass(/hydrated/);\n});\n\nregressionTest('required', async ({ mount, page }) => {\n await mount(\n `\n <ix-checkbox-group label=\"example\">\n <ix-checkbox label=\"Option 1\" value=\"option1\"></ix-checkbox>\n <ix-checkbox label=\"Option 2\" value=\"option2\" required></ix-checkbox>\n <ix-checkbox label=\"Option 3\" value=\"option3\"></ix-checkbox>\n </ix-checkbox-group>\n `\n );\n const radioGroupElement = page.locator('ix-checkbox-group');\n await expect(radioGroupElement).toHaveClass(/hydrated/);\n await expect(radioGroupElement).toHaveText(/example\\*/);\n\n const radioOption2 = page.locator('ix-checkbox').nth(1);\n const radioOption3 = page.locator('ix-checkbox').nth(2);\n await page.keyboard.press('Tab');\n await page.keyboard.press('Tab');\n await page.keyboard.press('Tab');\n\n await expect(radioGroupElement).toHaveClass(/ix-invalid--required/);\n await expect(radioOption2).toHaveClass(/ix-invalid--required/);\n await expect(radioOption3).not.toHaveClass(/ix-invalid/);\n});\n"]}
@@ -1,76 +0,0 @@
1
- /*
2
- * SPDX-FileCopyrightText: 2023 Siemens AG
3
- *
4
- * SPDX-License-Identifier: MIT
5
- *
6
- * This source code is licensed under the MIT license found in the
7
- * LICENSE file in the root directory of this source tree.
8
- */
9
- import { regressionTest } from "../../../tests/utils/test/index";
10
- import { expect } from "@playwright/test";
11
- regressionTest('renders', async ({ mount, page }) => {
12
- await mount(`<ix-chip></ix-chip>`);
13
- const datePicker = page.locator('ix-chip');
14
- await expect(datePicker).toHaveClass(/hydrated/);
15
- });
16
- regressionTest.describe('chip test', () => {
17
- regressionTest.beforeEach(async ({ mount }) => {
18
- await mount(`
19
- <ix-chip>Label</ix-chip>
20
- <ix-chip outline>Label</ix-chip>
21
- `);
22
- });
23
- regressionTest('outline and normal variant should have the same width', async ({ page }) => {
24
- await page.waitForSelector('ix-chip');
25
- const normalChipElement = page.locator('ix-chip').first();
26
- const outlineChipElement = page.locator('ix-chip').last();
27
- const normalChipSize = (await normalChipElement.boundingBox());
28
- const outlineChipSize = (await outlineChipElement.boundingBox());
29
- expect(normalChipSize).not.toBeNull();
30
- expect(outlineChipSize).not.toBeNull();
31
- expect(normalChipSize.width).toEqual(outlineChipSize.width);
32
- });
33
- });
34
- regressionTest('check inactive class', async ({ mount, page }) => {
35
- await mount(`<ix-chip active="false">test</ix-chip>`);
36
- const chip = page.locator('ix-chip');
37
- await expect(chip).toHaveClass('inactive hydrated');
38
- });
39
- regressionTest.describe('tooltip', () => {
40
- regressionTest('should not display when tooltip-text attribute is absent', async ({ mount, page }) => {
41
- await mount('<ix-chip>Text content</ix-chip>');
42
- const chip = page.locator('ix-chip');
43
- await chip.hover();
44
- await expect(chip).not.toHaveAttribute('tooltip-text');
45
- const tooltip = chip.locator('ix-tooltip');
46
- await expect(tooltip).not.toBeAttached();
47
- });
48
- regressionTest('should display the component text content when tooltip-text attribute is an empty string', async ({ mount, page }) => {
49
- await mount('<ix-chip tooltip-text="">Text content</ix-chip>');
50
- const chip = page.locator('ix-chip');
51
- await chip.hover();
52
- await expect(chip).toHaveAttribute('tooltip-text', '');
53
- const tooltip = chip.locator('ix-tooltip');
54
- await expect(tooltip).toHaveClass(/visible/);
55
- await expect(tooltip).toHaveText('Text content');
56
- });
57
- regressionTest('should display the component text content when tooltip-text attribute is present but no value is set', async ({ mount, page }) => {
58
- await mount('<ix-chip tooltip-text>Text content</ix-chip>');
59
- const chip = page.locator('ix-chip');
60
- await chip.hover();
61
- await expect(chip).toHaveAttribute('tooltip-text', undefined);
62
- const tooltip = chip.locator('ix-tooltip');
63
- await expect(tooltip).toHaveClass(/visible/);
64
- await expect(tooltip).toHaveText('Text content');
65
- });
66
- regressionTest('should display the custom text when tooltip-text attribute is a custom string', async ({ mount, page }) => {
67
- await mount('<ix-chip tooltip-text="custom tooltip text">Text content</ix-chip>');
68
- const chip = page.locator('ix-chip');
69
- await chip.hover();
70
- await expect(chip).toHaveAttribute('tooltip-text', 'custom tooltip text');
71
- const tooltip = chip.locator('ix-tooltip');
72
- await expect(tooltip).toHaveClass(/visible/);
73
- await expect(tooltip).toHaveText('custom tooltip text');
74
- });
75
- });
76
- //# sourceMappingURL=chip.ct.js.map