microui-wc 0.1.0 → 0.1.2

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 (343) hide show
  1. package/AGENTS.md +71 -71
  2. package/CHANGELOG.md +1 -1
  3. package/README.md +14 -9
  4. package/dist/AGENTS.md +116 -116
  5. package/dist/README.md +21 -16
  6. package/dist/components.css +1 -1
  7. package/dist/microui.css +1 -1
  8. package/dist/microui.esm.js.map +1 -1
  9. package/dist/microui.min.js.map +1 -1
  10. package/dist/styles/components/switch.css +1 -1
  11. package/docs/getting-started.md +3 -3
  12. package/package.json +38 -10
  13. package/src/components/mu-schema-form.js +1 -1
  14. package/src/styles/components/switch.css +7 -8
  15. package/src/styles/components.css +6 -6
  16. package/.github/ISSUE_TEMPLATE/bug_report.md +0 -40
  17. package/.github/ISSUE_TEMPLATE/feature_request.md +0 -33
  18. package/.github/PULL_REQUEST_TEMPLATE.md +0 -28
  19. package/.github/workflows/ci.yml +0 -42
  20. package/.github/workflows/deploy-pages.yml +0 -112
  21. package/CODE_OF_CONDUCT.md +0 -59
  22. package/CONTRIBUTING.md +0 -156
  23. package/SECURITY.md +0 -58
  24. package/app/.generated/routes/alerts.js +0 -8
  25. package/app/.generated/routes/avatars.js +0 -8
  26. package/app/.generated/routes/badges.js +0 -8
  27. package/app/.generated/routes/buttons.js +0 -10
  28. package/app/.generated/routes/cards.js +0 -10
  29. package/app/.generated/routes/checkboxes.js +0 -9
  30. package/app/.generated/routes/chips.js +0 -8
  31. package/app/.generated/routes/dropdowns.js +0 -9
  32. package/app/.generated/routes/home.js +0 -7
  33. package/app/.generated/routes/icons.js +0 -9
  34. package/app/.generated/routes/inputs.js +0 -10
  35. package/app/.generated/routes/installation.js +0 -7
  36. package/app/.generated/routes/layout.js +0 -9
  37. package/app/.generated/routes/modals.js +0 -9
  38. package/app/.generated/routes/navbar.js +0 -7
  39. package/app/.generated/routes/progress.js +0 -9
  40. package/app/.generated/routes/radios.js +0 -9
  41. package/app/.generated/routes/switches.js +0 -9
  42. package/app/.generated/routes/tabs.js +0 -8
  43. package/app/.generated/routes/toasts.js +0 -9
  44. package/app/index.html +0 -67
  45. package/app/pages/alerts.html +0 -23
  46. package/app/pages/avatars.html +0 -22
  47. package/app/pages/badges.html +0 -22
  48. package/app/pages/buttons.html +0 -71
  49. package/app/pages/cards.html +0 -54
  50. package/app/pages/checkboxes.html +0 -39
  51. package/app/pages/chips.html +0 -23
  52. package/app/pages/dropdowns.html +0 -41
  53. package/app/pages/home.html +0 -59
  54. package/app/pages/icons.html +0 -29
  55. package/app/pages/inputs.html +0 -66
  56. package/app/pages/installation.html +0 -34
  57. package/app/pages/layout.html +0 -30
  58. package/app/pages/modals.html +0 -21
  59. package/app/pages/navbar.html +0 -22
  60. package/app/pages/progress.html +0 -35
  61. package/app/pages/radios.html +0 -40
  62. package/app/pages/switches.html +0 -39
  63. package/app/pages/tabs.html +0 -30
  64. package/app/pages/toasts.html +0 -22
  65. package/app-dist/index.html +0 -67
  66. package/app-dist/pages/alerts.html +0 -23
  67. package/app-dist/pages/avatars.html +0 -22
  68. package/app-dist/pages/badges.html +0 -22
  69. package/app-dist/pages/buttons.html +0 -71
  70. package/app-dist/pages/cards.html +0 -54
  71. package/app-dist/pages/checkboxes.html +0 -39
  72. package/app-dist/pages/chips.html +0 -23
  73. package/app-dist/pages/dropdowns.html +0 -41
  74. package/app-dist/pages/home.html +0 -59
  75. package/app-dist/pages/icons.html +0 -29
  76. package/app-dist/pages/inputs.html +0 -66
  77. package/app-dist/pages/installation.html +0 -34
  78. package/app-dist/pages/layout.html +0 -30
  79. package/app-dist/pages/modals.html +0 -21
  80. package/app-dist/pages/navbar.html +0 -22
  81. package/app-dist/pages/progress.html +0 -35
  82. package/app-dist/pages/radios.html +0 -40
  83. package/app-dist/pages/switches.html +0 -39
  84. package/app-dist/pages/tabs.html +0 -30
  85. package/app-dist/pages/toasts.html +0 -22
  86. package/app-dist/pages.json +0 -217
  87. package/app-dist/routes/alerts.js +0 -5
  88. package/app-dist/routes/avatars.js +0 -1
  89. package/app-dist/routes/badges.js +0 -1
  90. package/app-dist/routes/buttons.js +0 -1
  91. package/app-dist/routes/cards.js +0 -1
  92. package/app-dist/routes/checkboxes.js +0 -9
  93. package/app-dist/routes/chips.js +0 -4
  94. package/app-dist/routes/chunk-019e5e2f.js +0 -5
  95. package/app-dist/routes/chunk-0m4j19yd.js +0 -2
  96. package/app-dist/routes/chunk-0tmmp5q0.js +0 -1
  97. package/app-dist/routes/chunk-10xn709r.js +0 -1
  98. package/app-dist/routes/chunk-15m2qcda.js +0 -2
  99. package/app-dist/routes/chunk-1bh8g23n.js +0 -1
  100. package/app-dist/routes/chunk-1vg0v937.js +0 -1
  101. package/app-dist/routes/chunk-1zvcgy3j.js +0 -1
  102. package/app-dist/routes/chunk-2afb0861.js +0 -1
  103. package/app-dist/routes/chunk-2c6ttpzt.js +0 -5
  104. package/app-dist/routes/chunk-3dy30fhs.js +0 -1
  105. package/app-dist/routes/chunk-426dnces.js +0 -13
  106. package/app-dist/routes/chunk-44kgxery.js +0 -1
  107. package/app-dist/routes/chunk-47fdnejd.js +0 -33
  108. package/app-dist/routes/chunk-49a6t2vq.js +0 -1
  109. package/app-dist/routes/chunk-4fe1rm5b.js +0 -1
  110. package/app-dist/routes/chunk-4ggmvkta.js +0 -33
  111. package/app-dist/routes/chunk-4vkz81q7.js +0 -33
  112. package/app-dist/routes/chunk-4w4tmj8f.js +0 -31
  113. package/app-dist/routes/chunk-532s62kr.js +0 -31
  114. package/app-dist/routes/chunk-5hm3bssy.js +0 -33
  115. package/app-dist/routes/chunk-5vrh24hc.js +0 -1
  116. package/app-dist/routes/chunk-61pcg25a.js +0 -1
  117. package/app-dist/routes/chunk-6nfhygvf.js +0 -1
  118. package/app-dist/routes/chunk-700e7je6.js +0 -33
  119. package/app-dist/routes/chunk-7fsn17kg.js +0 -1
  120. package/app-dist/routes/chunk-7k789b32.js +0 -1
  121. package/app-dist/routes/chunk-7r46q0ys.js +0 -36
  122. package/app-dist/routes/chunk-86fmc1fr.js +0 -5
  123. package/app-dist/routes/chunk-8qth37vw.js +0 -1
  124. package/app-dist/routes/chunk-924wv8n0.js +0 -1
  125. package/app-dist/routes/chunk-9mbhgxk9.js +0 -1
  126. package/app-dist/routes/chunk-a216hyd9.js +0 -1
  127. package/app-dist/routes/chunk-akzxykh9.js +0 -33
  128. package/app-dist/routes/chunk-b3dcvy8c.js +0 -1
  129. package/app-dist/routes/chunk-b74zahz5.js +0 -31
  130. package/app-dist/routes/chunk-bftj53p2.js +0 -5
  131. package/app-dist/routes/chunk-c01hnz3e.js +0 -1
  132. package/app-dist/routes/chunk-d8pvv5km.js +0 -1
  133. package/app-dist/routes/chunk-dev0aezr.js +0 -2
  134. package/app-dist/routes/chunk-dh6vnv0e.js +0 -1
  135. package/app-dist/routes/chunk-dn2cbpva.js +0 -36
  136. package/app-dist/routes/chunk-dvn0my90.js +0 -1
  137. package/app-dist/routes/chunk-dvq8mnve.js +0 -36
  138. package/app-dist/routes/chunk-e8c2gc4d.js +0 -5
  139. package/app-dist/routes/chunk-ejf9ak2x.js +0 -1
  140. package/app-dist/routes/chunk-f083m55s.js +0 -1
  141. package/app-dist/routes/chunk-fnrj28s1.js +0 -31
  142. package/app-dist/routes/chunk-fvg3yjdp.js +0 -31
  143. package/app-dist/routes/chunk-g7k381n1.js +0 -1
  144. package/app-dist/routes/chunk-h01kq2ae.js +0 -13
  145. package/app-dist/routes/chunk-h4dk761v.js +0 -5
  146. package/app-dist/routes/chunk-hmx91z2x.js +0 -5
  147. package/app-dist/routes/chunk-hxbg4m42.js +0 -36
  148. package/app-dist/routes/chunk-jbjnfp2b.js +0 -2
  149. package/app-dist/routes/chunk-jxtz5vv6.js +0 -36
  150. package/app-dist/routes/chunk-jxzcs0ey.js +0 -36
  151. package/app-dist/routes/chunk-kt7wwhcx.js +0 -1
  152. package/app-dist/routes/chunk-kzptszyc.js +0 -33
  153. package/app-dist/routes/chunk-mhgca4w4.js +0 -2
  154. package/app-dist/routes/chunk-mhswxa20.js +0 -1
  155. package/app-dist/routes/chunk-n8zfeex6.js +0 -1
  156. package/app-dist/routes/chunk-pee47b2r.js +0 -1
  157. package/app-dist/routes/chunk-pesmw829.js +0 -1
  158. package/app-dist/routes/chunk-pgc4c6f3.js +0 -36
  159. package/app-dist/routes/chunk-q8egegm1.js +0 -1
  160. package/app-dist/routes/chunk-q9mn2qyq.js +0 -36
  161. package/app-dist/routes/chunk-qh0rtaf3.js +0 -5
  162. package/app-dist/routes/chunk-qqhmk6ye.js +0 -2
  163. package/app-dist/routes/chunk-qrxygmf7.js +0 -33
  164. package/app-dist/routes/chunk-r46yzksx.js +0 -36
  165. package/app-dist/routes/chunk-rgpbw2w0.js +0 -5
  166. package/app-dist/routes/chunk-rnpzv3d8.js +0 -2
  167. package/app-dist/routes/chunk-s5v8cv05.js +0 -2
  168. package/app-dist/routes/chunk-sbwn5bpc.js +0 -1
  169. package/app-dist/routes/chunk-sqbg8jbt.js +0 -33
  170. package/app-dist/routes/chunk-sv8dqnf7.js +0 -1
  171. package/app-dist/routes/chunk-t67sw3za.js +0 -1
  172. package/app-dist/routes/chunk-tjdpqwdf.js +0 -31
  173. package/app-dist/routes/chunk-tq2mfghg.js +0 -1
  174. package/app-dist/routes/chunk-ttn10vt6.js +0 -1
  175. package/app-dist/routes/chunk-v2hzpjxr.js +0 -1
  176. package/app-dist/routes/chunk-wfjjkw9y.js +0 -1
  177. package/app-dist/routes/chunk-wt8cxzmf.js +0 -31
  178. package/app-dist/routes/chunk-x45d372k.js +0 -5
  179. package/app-dist/routes/chunk-y3wsazkt.js +0 -1
  180. package/app-dist/routes/chunk-y7pmgc7t.js +0 -33
  181. package/app-dist/routes/chunk-zefdt2q3.js +0 -31
  182. package/app-dist/routes/dropdowns.js +0 -6
  183. package/app-dist/routes/home.js +0 -1
  184. package/app-dist/routes/icons.js +0 -1
  185. package/app-dist/routes/inputs.js +0 -12
  186. package/app-dist/routes/installation.js +0 -1
  187. package/app-dist/routes/layout.js +0 -1
  188. package/app-dist/routes/modals.js +0 -7
  189. package/app-dist/routes/navbar.js +0 -1
  190. package/app-dist/routes/progress.js +0 -1
  191. package/app-dist/routes/radios.js +0 -6
  192. package/app-dist/routes/switches.js +0 -6
  193. package/app-dist/routes/tabs.js +0 -1
  194. package/app-dist/routes/toasts.js +0 -16
  195. package/assets/fonts/material-symbols-mini.woff2 +0 -0
  196. package/assets/fonts/material-symbols.woff2 +0 -0
  197. package/assets/fonts/roboto-400.woff2 +0 -0
  198. package/assets/fonts/roboto-500.woff2 +0 -0
  199. package/assets/fonts/roboto-700.woff2 +0 -0
  200. package/assets/logo-banner-400.jpg +0 -0
  201. package/assets/logo-banner-400.webp +0 -0
  202. package/assets/logo-banner-800.webp +0 -0
  203. package/assets/logo-banner.jpg +0 -0
  204. package/assets/logo-icon-64.jpg +0 -0
  205. package/assets/logo-icon-64.webp +0 -0
  206. package/assets/logo-icon.jpg +0 -0
  207. package/assets/logo-square.jpg +0 -0
  208. package/bun.lock +0 -312
  209. package/bunfig.toml +0 -4
  210. package/custom-elements.json +0 -1916
  211. package/demo/api/sample-data.json +0 -38
  212. package/demo/content/alerts.html +0 -115
  213. package/demo/content/avatars.html +0 -70
  214. package/demo/content/badges.html +0 -65
  215. package/demo/content/buttons.html +0 -188
  216. package/demo/content/callouts.html +0 -91
  217. package/demo/content/cards.html +0 -121
  218. package/demo/content/checkboxes.html +0 -178
  219. package/demo/content/chips.html +0 -67
  220. package/demo/content/codeblocks.html +0 -101
  221. package/demo/content/confirms.html +0 -115
  222. package/demo/content/datatables.html +0 -149
  223. package/demo/content/dividers.html +0 -119
  224. package/demo/content/dropdowns.html +0 -89
  225. package/demo/content/enterprise.html +0 -252
  226. package/demo/content/home.html +0 -149
  227. package/demo/content/icons.html +0 -89
  228. package/demo/content/inputs.html +0 -135
  229. package/demo/content/installation.html +0 -16
  230. package/demo/content/layout.html +0 -136
  231. package/demo/content/modals.html +0 -141
  232. package/demo/content/navbar.html +0 -70
  233. package/demo/content/progress.html +0 -119
  234. package/demo/content/radios.html +0 -88
  235. package/demo/content/skeletons.html +0 -109
  236. package/demo/content/spinners.html +0 -96
  237. package/demo/content/switches.html +0 -84
  238. package/demo/content/tables.html +0 -124
  239. package/demo/content/tabs.html +0 -85
  240. package/demo/content/toasts.html +0 -116
  241. package/demo/content/tooltips.html +0 -107
  242. package/demo/content/virtual-lists.html +0 -233
  243. package/demo/favicon.ico +0 -0
  244. package/demo/favicon.png +0 -0
  245. package/demo/full.html +0 -52
  246. package/demo/iife.html +0 -46
  247. package/demo/manifest.json +0 -34
  248. package/demo/pages/datatable-demo.html +0 -237
  249. package/demo/pages/prompt-ui-demo.html +0 -218
  250. package/demo/pages/responsive-demo.html +0 -122
  251. package/demo/pages/schema-form-demo.html +0 -270
  252. package/demo/robots.txt +0 -6
  253. package/demo/shell.html +0 -712
  254. package/demo/sw.js +0 -387
  255. package/lighthouse-audit.mjs +0 -113
  256. package/scripts/analyze-components.js +0 -105
  257. package/scripts/build-app.js +0 -193
  258. package/scripts/build-framework.js +0 -444
  259. package/scripts/build-utils.js +0 -101
  260. package/scripts/test-isolated.js +0 -151
  261. package/server.js +0 -256
  262. package/tests/agents/agent-integration.test.js +0 -76
  263. package/tests/benchmark.html +0 -296
  264. package/tests/build/scan-components.test.js +0 -173
  265. package/tests/components/all-components.test.js +0 -245
  266. package/tests/components/all-missing-components.test.js +0 -574
  267. package/tests/components/mu-alert.test.js +0 -113
  268. package/tests/components/mu-avatar.test.js +0 -148
  269. package/tests/components/mu-badge.test.js +0 -92
  270. package/tests/components/mu-button.test.js +0 -112
  271. package/tests/components/mu-card.test.js +0 -89
  272. package/tests/components/mu-checkbox.test.js +0 -158
  273. package/tests/components/mu-chip.test.js +0 -118
  274. package/tests/components/mu-container.test.js +0 -120
  275. package/tests/components/mu-divider.test.js +0 -98
  276. package/tests/components/mu-drawer-item.test.js +0 -199
  277. package/tests/components/mu-drawer.test.js +0 -96
  278. package/tests/components/mu-dropdown.test.js +0 -125
  279. package/tests/components/mu-form.test.js +0 -138
  280. package/tests/components/mu-grid.test.js +0 -135
  281. package/tests/components/mu-icon.test.js +0 -110
  282. package/tests/components/mu-input.test.js +0 -131
  283. package/tests/components/mu-lazy.test.js +0 -103
  284. package/tests/components/mu-modal.test.js +0 -275
  285. package/tests/components/mu-navbar.test.js +0 -101
  286. package/tests/components/mu-progress.test.js +0 -115
  287. package/tests/components/mu-radio.test.js +0 -114
  288. package/tests/components/mu-repeat.test.js +0 -106
  289. package/tests/components/mu-sidebar.test.js +0 -126
  290. package/tests/components/mu-skeleton.test.js +0 -162
  291. package/tests/components/mu-stack.test.js +0 -143
  292. package/tests/components/mu-switch.test.js +0 -292
  293. package/tests/components/mu-table.test.js +0 -124
  294. package/tests/components/mu-tabs.test.js +0 -104
  295. package/tests/components/mu-textarea.test.js +0 -115
  296. package/tests/components/mu-toast.test.js +0 -321
  297. package/tests/components/mu-tooltip.test.js +0 -133
  298. package/tests/components/mu-virtual-list.test.js +0 -109
  299. package/tests/core/MuElement.test.js +0 -120
  300. package/tests/core/agent-api.test.js +0 -125
  301. package/tests/core/all-core-modules.test.js +0 -442
  302. package/tests/core/bus.test.js +0 -364
  303. package/tests/core/component-schema.test.js +0 -160
  304. package/tests/core/feature-registry.test.js +0 -198
  305. package/tests/core/form-state.test.js +0 -167
  306. package/tests/core/http.test.js +0 -119
  307. package/tests/core/keyboard.test.js +0 -319
  308. package/tests/core/layers.test.js +0 -129
  309. package/tests/core/namespaced-stores.test.js +0 -114
  310. package/tests/core/render.test.js +0 -121
  311. package/tests/core/ripple.test.js +0 -131
  312. package/tests/core/router.test.js +0 -89
  313. package/tests/core/scheduler.test.js +0 -121
  314. package/tests/core/signals.test.js +0 -128
  315. package/tests/core/store.test.js +0 -171
  316. package/tests/core/transitions.test.js +0 -82
  317. package/tests/e2e/accessibility-harness.html +0 -58
  318. package/tests/e2e/accessibility.test.js +0 -401
  319. package/tests/e2e/agent-features.test.js +0 -372
  320. package/tests/e2e/card-spacing.test.js +0 -287
  321. package/tests/e2e/components.test.js +0 -439
  322. package/tests/e2e/demo-routes.test.js +0 -478
  323. package/tests/e2e/layout-css-fallback.test.js +0 -334
  324. package/tests/e2e/mu-alert.e2e.test.js +0 -111
  325. package/tests/e2e/mu-checkbox.test.js +0 -489
  326. package/tests/e2e/mu-chip.test.js +0 -347
  327. package/tests/e2e/mu-form.test.js +0 -499
  328. package/tests/e2e/mu-icon.test.js +0 -114
  329. package/tests/e2e/mu-radio.test.js +0 -113
  330. package/tests/e2e/mu-skeleton.test.js +0 -140
  331. package/tests/e2e/mu-switch.test.js +0 -415
  332. package/tests/e2e/mu-tabs.test.js +0 -494
  333. package/tests/e2e/mu-textarea.test.js +0 -242
  334. package/tests/e2e/mu-virtual-list.test.js +0 -427
  335. package/tests/e2e/perf-memory.test.js +0 -161
  336. package/tests/e2e/puppeteer-helper.js +0 -137
  337. package/tests/e2e/puppeteer.test.js +0 -226
  338. package/tests/e2e/pwa.test.js +0 -261
  339. package/tests/e2e/test-harness.html +0 -319
  340. package/tests/manual/test-components.html +0 -120
  341. package/tests/memory-test.html +0 -309
  342. package/tests/setup-dom.js +0 -93
  343. package/tests/visual-test.html +0 -301
package/tests/components/all-missing-components.test.js DELETED
@@ -1,574 +0,0 @@
1
- /**
2
- * @fileoverview Comprehensive Unit Tests for ALL microUI v2 Components
3
- * Coverage: Alert, Badge, Card, Container, Dropdown, Form, Input, Lazy,
4
- * Navbar, Progress, Sidebar, Spinner, Table, Tabs, Toast, Tooltip,
5
- * Virtual List, Repeat
6
- */
7
-
8
- import { describe, test, expect, beforeAll } from 'bun:test';
9
-
10
- // Setup linkedom for DOM testing
11
- import { parseHTML } from 'linkedom';
12
- const { document, customElements, HTMLElement, window } = parseHTML('<!DOCTYPE html><html><body></body></html>');
13
- globalThis.document = document;
14
- globalThis.customElements = customElements;
15
- globalThis.HTMLElement = HTMLElement;
16
- globalThis.window = window;
17
- globalThis.CustomEvent = class CustomEvent extends Event {
18
- constructor(type, options = {}) {
19
- super(type, options);
20
- this.detail = options.detail;
21
- }
22
- };
23
- // Mock IntersectionObserver for mu-lazy
24
- globalThis.IntersectionObserver = class IntersectionObserver {
25
- constructor(callback) { this.callback = callback; }
26
- observe() { }
27
- unobserve() { }
28
- disconnect() { }
29
- };
30
-
31
- // ============================================
32
- // FEEDBACK COMPONENTS
33
- // ============================================
34
-
35
- describe('mu-alert Component', () => {
36
- let MuAlert;
37
-
38
- beforeAll(async () => {
39
- const module = await import('../../src/components/mu-alert.js');
40
- MuAlert = module.MuAlert;
41
- });
42
-
43
- test('should be registered', () => {
44
- expect(customElements.get('mu-alert')).toBe(MuAlert);
45
- });
46
-
47
- test('should have correct baseClass', () => {
48
- expect(MuAlert.baseClass).toBe('mu-alert');
49
- });
50
-
51
- test('should observe severity and dismissible', () => {
52
- expect(MuAlert.observedAttributes).toContain('severity');
53
- expect(MuAlert.observedAttributes).toContain('dismissible');
54
- });
55
-
56
- test('should render with base class', () => {
57
- const el = document.createElement('mu-alert');
58
- el.textContent = 'Alert message';
59
- document.body.appendChild(el);
60
- expect(el.classList.contains('mu-alert')).toBe(true);
61
- });
62
-
63
- test('should apply severity variant class', () => {
64
- const el = document.createElement('mu-alert');
65
- el.setAttribute('severity', 'error');
66
- el.textContent = 'Error message'; // Required for sync init
67
- document.body.appendChild(el);
68
- expect(el.classList.contains('mu-alert--error')).toBe(true);
69
- });
70
-
71
- test('should default to info severity', () => {
72
- const el = document.createElement('mu-alert');
73
- el.textContent = 'Info message'; // Required for sync init
74
- document.body.appendChild(el);
75
- expect(el.classList.contains('mu-alert--info')).toBe(true);
76
- });
77
- });
78
-
79
- describe('mu-badge Component', () => {
80
- let MuBadge;
81
-
82
- beforeAll(async () => {
83
- const module = await import('../../src/components/mu-badge.js');
84
- MuBadge = module.MuBadge;
85
- });
86
-
87
- test('should be registered', () => {
88
- expect(customElements.get('mu-badge')).toBe(MuBadge);
89
- });
90
-
91
- test('should have correct baseClass', () => {
92
- expect(MuBadge.baseClass).toBe('mu-badge');
93
- });
94
-
95
- test('should render with base class', () => {
96
- const el = document.createElement('mu-badge');
97
- el.textContent = '5';
98
- document.body.appendChild(el);
99
- expect(el.classList.contains('mu-badge')).toBe(true);
100
- });
101
- });
102
-
103
- describe('mu-spinner Component', () => {
104
- let MuSpinner;
105
-
106
- beforeAll(async () => {
107
- const module = await import('../../src/components/mu-spinner.js');
108
- MuSpinner = module.MuSpinner;
109
- });
110
-
111
- test('should be registered', () => {
112
- expect(customElements.get('mu-spinner')).toBe(MuSpinner);
113
- });
114
-
115
- test('should have correct baseClass', () => {
116
- expect(MuSpinner.baseClass).toBe('mu-spinner');
117
- });
118
-
119
- test('should observe size and color', () => {
120
- expect(MuSpinner.observedAttributes).toContain('size');
121
- expect(MuSpinner.observedAttributes).toContain('color');
122
- });
123
-
124
- test('should render spinner circle', () => {
125
- const el = document.createElement('mu-spinner');
126
- document.body.appendChild(el);
127
- const circle = el.querySelector('.mu-spinner__circle');
128
- expect(circle).not.toBeNull();
129
- });
130
- });
131
-
132
- describe('mu-progress Component', () => {
133
- let MuProgress;
134
-
135
- beforeAll(async () => {
136
- const module = await import('../../src/components/mu-progress.js');
137
- MuProgress = module.MuProgress;
138
- });
139
-
140
- test('should be registered', () => {
141
- expect(customElements.get('mu-progress')).toBe(MuProgress);
142
- });
143
-
144
- test('should have correct baseClass', () => {
145
- expect(MuProgress.baseClass).toBe('mu-progress');
146
- });
147
-
148
- test('should observe value, max, variant, size', () => {
149
- expect(MuProgress.observedAttributes).toContain('value');
150
- expect(MuProgress.observedAttributes).toContain('max');
151
- });
152
-
153
- test('should render progress bar', () => {
154
- const el = document.createElement('mu-progress');
155
- el.setAttribute('value', '50');
156
- document.body.appendChild(el);
157
- const bar = el.querySelector('.mu-progress__bar');
158
- expect(bar).not.toBeNull();
159
- });
160
-
161
- test('should calculate correct percentage', () => {
162
- const el = document.createElement('mu-progress');
163
- el.setAttribute('value', '50');
164
- el.setAttribute('max', '100');
165
- document.body.appendChild(el);
166
- const bar = el.querySelector('.mu-progress__bar');
167
- expect(bar.style.width).toBe('50%');
168
- });
169
- });
170
-
171
- describe('mu-toast Component', () => {
172
- // NOTE: Full test coverage exists in tests/components/mu-toast.test.js
173
- // These tests are skipped to avoid duplicate registration issues
174
- test.skip('should be registered (covered in mu-toast.test.js)', () => { });
175
- test.skip('should have correct baseClass (covered in mu-toast.test.js)', () => { });
176
- test.skip('should observe severity, position, duration (covered in mu-toast.test.js)', () => { });
177
- });
178
-
179
- describe('mu-tooltip Component', () => {
180
- let MuTooltip;
181
-
182
- beforeAll(async () => {
183
- const module = await import('../../src/components/mu-tooltip.js');
184
- MuTooltip = module.MuTooltip;
185
- });
186
-
187
- test('should be registered', () => {
188
- expect(customElements.get('mu-tooltip')).toBe(MuTooltip);
189
- });
190
-
191
- test('should have correct baseClass', () => {
192
- expect(MuTooltip.baseClass).toBe('mu-tooltip');
193
- });
194
-
195
- test('should observe content and position', () => {
196
- expect(MuTooltip.observedAttributes).toContain('content');
197
- expect(MuTooltip.observedAttributes).toContain('position');
198
- });
199
- });
200
-
201
- // ============================================
202
- // LAYOUT COMPONENTS
203
- // ============================================
204
-
205
- describe('mu-card Component', () => {
206
- let MuCard;
207
-
208
- beforeAll(async () => {
209
- const module = await import('../../src/components/mu-card.js');
210
- MuCard = module.MuCard;
211
- });
212
-
213
- test('should be registered', () => {
214
- expect(customElements.get('mu-card')).toBe(MuCard);
215
- });
216
-
217
- test('should have correct baseClass', () => {
218
- expect(MuCard.baseClass).toBe('mu-card');
219
- });
220
-
221
- test('should observe variant, padding, radius', () => {
222
- expect(MuCard.observedAttributes).toContain('variant');
223
- expect(MuCard.observedAttributes).toContain('padding');
224
- });
225
-
226
- test('should render with base class', () => {
227
- const el = document.createElement('mu-card');
228
- el.innerHTML = '<h3>Title</h3>';
229
- document.body.appendChild(el);
230
- expect(el.classList.contains('mu-card')).toBe(true);
231
- });
232
-
233
- test('should apply elevated variant', () => {
234
- const el = document.createElement('mu-card');
235
- el.setAttribute('variant', 'elevated');
236
- document.body.appendChild(el);
237
- expect(el.classList.contains('mu-card--elevated')).toBe(true);
238
- });
239
- });
240
-
241
- describe('mu-container Component', () => {
242
- let MuContainer;
243
-
244
- beforeAll(async () => {
245
- const module = await import('../../src/components/mu-container.js');
246
- MuContainer = module.MuContainer;
247
- });
248
-
249
- test('should be registered', () => {
250
- expect(customElements.get('mu-container')).toBe(MuContainer);
251
- });
252
-
253
- test('should have correct baseClass', () => {
254
- expect(MuContainer.baseClass).toBe('mu-container');
255
- });
256
-
257
- test('should observe size and center', () => {
258
- expect(MuContainer.observedAttributes).toContain('size');
259
- });
260
-
261
- test('should render with base class', () => {
262
- const el = document.createElement('mu-container');
263
- document.body.appendChild(el);
264
- expect(el.classList.contains('mu-container')).toBe(true);
265
- });
266
- });
267
-
268
- describe('mu-navbar Component', () => {
269
- let MuNavbar;
270
-
271
- beforeAll(async () => {
272
- const module = await import('../../src/components/mu-navbar.js');
273
- MuNavbar = module.MuNavbar;
274
- });
275
-
276
- test('should be registered', () => {
277
- expect(customElements.get('mu-navbar')).toBe(MuNavbar);
278
- });
279
-
280
- test('should have correct baseClass', () => {
281
- expect(MuNavbar.baseClass).toBe('mu-navbar');
282
- });
283
-
284
- test('should render with base class', () => {
285
- const el = document.createElement('mu-navbar');
286
- document.body.appendChild(el);
287
- expect(el.classList.contains('mu-navbar')).toBe(true);
288
- });
289
- });
290
-
291
- describe('mu-sidebar Component', () => {
292
- let MuSidebar;
293
-
294
- beforeAll(async () => {
295
- const module = await import('../../src/components/mu-sidebar.js');
296
- MuSidebar = module.MuSidebar;
297
- });
298
-
299
- test('should be registered', () => {
300
- expect(customElements.get('mu-sidebar')).toBe(MuSidebar);
301
- });
302
-
303
- test('should have correct baseClass', () => {
304
- expect(MuSidebar.baseClass).toBe('mu-sidebar');
305
- });
306
-
307
- test('should render with base class', () => {
308
- const el = document.createElement('mu-sidebar');
309
- document.body.appendChild(el);
310
- expect(el.classList.contains('mu-sidebar')).toBe(true);
311
- });
312
- });
313
-
314
- // ============================================
315
- // FORM COMPONENTS
316
- // ============================================
317
-
318
- describe('mu-input Component', () => {
319
- let MuInput;
320
-
321
- beforeAll(async () => {
322
- const module = await import('../../src/components/mu-input.js');
323
- MuInput = module.MuInput;
324
- });
325
-
326
- // NOTE: This test requires real browser customElements to evaluate equality
327
- // Covered by E2E tests in components.test.js
328
- test.skip('should be registered (use E2E)', () => {
329
- expect(customElements.get('mu-input')).toBe(MuInput);
330
- });
331
-
332
- test('should have correct baseClass', () => {
333
- expect(MuInput.baseClass).toBe('mu-input');
334
- });
335
-
336
- test('should observe type, placeholder, value, size, variant, disabled', () => {
337
- expect(MuInput.observedAttributes).toContain('type');
338
- expect(MuInput.observedAttributes).toContain('placeholder');
339
- expect(MuInput.observedAttributes).toContain('value');
340
- });
341
-
342
- // NOTE: This test requires real browser customElements to render
343
- // Covered by E2E tests in components.test.js
344
- test.skip('should render input field (use E2E)', () => {
345
- const el = document.createElement('mu-input');
346
- el.setAttribute('placeholder', 'Enter text');
347
- document.body.appendChild(el);
348
- const input = el.querySelector('.mu-input__field');
349
- expect(input).not.toBeNull();
350
- });
351
-
352
- test('should have value property', () => {
353
- const el = document.createElement('mu-input');
354
- document.body.appendChild(el);
355
- el.value = 'test';
356
- expect(el.value).toBe('test');
357
- });
358
- });
359
-
360
- describe('mu-dropdown Component', () => {
361
- let MuDropdown;
362
-
363
- beforeAll(async () => {
364
- // Mock MutationObserver for linkedom
365
- if (!globalThis.MutationObserver) {
366
- globalThis.MutationObserver = class MutationObserver {
367
- constructor(callback) { this.callback = callback; }
368
- observe() { }
369
- disconnect() { }
370
- };
371
- }
372
- const module = await import('../../src/components/mu-dropdown.js');
373
- MuDropdown = module.MuDropdown;
374
- });
375
-
376
- test('should be registered', () => {
377
- expect(customElements.get('mu-dropdown')).toBe(MuDropdown);
378
- });
379
-
380
- test('should have correct baseClass', () => {
381
- expect(MuDropdown.baseClass).toBe('mu-dropdown');
382
- });
383
-
384
- test('should observe placeholder, value, disabled', () => {
385
- expect(MuDropdown.observedAttributes).toContain('placeholder');
386
- expect(MuDropdown.observedAttributes).toContain('value');
387
- expect(MuDropdown.observedAttributes).toContain('disabled');
388
- });
389
-
390
- test('should render trigger', () => {
391
- const el = document.createElement('mu-dropdown');
392
- el.setAttribute('placeholder', 'Select...');
393
- document.body.appendChild(el);
394
- expect(el.querySelector('.mu-dropdown__trigger')).not.toBeNull();
395
- // Menu is in portal container (may not be queryable in linkedom)
396
- const portal = document.getElementById('mu-dropdown-portal');
397
- expect(portal !== null || document.body.querySelector('.mu-dropdown__menu') !== null).toBe(true);
398
- });
399
-
400
- test('should have open/close/toggle methods', () => {
401
- const el = document.createElement('mu-dropdown');
402
- document.body.appendChild(el);
403
- expect(typeof el.open).toBe('function');
404
- expect(typeof el.close).toBe('function');
405
- expect(typeof el.toggle).toBe('function');
406
- });
407
- });
408
-
409
- describe('mu-form Component', () => {
410
- let MuForm;
411
-
412
- beforeAll(async () => {
413
- const module = await import('../../src/components/mu-form.js');
414
- MuForm = module.MuForm;
415
- });
416
-
417
- test('should be registered', () => {
418
- expect(customElements.get('mu-form')).toBe(MuForm);
419
- });
420
-
421
- test('should have correct baseClass', () => {
422
- expect(MuForm.baseClass).toBe('mu-form');
423
- });
424
-
425
- test('should render with base class', () => {
426
- const el = document.createElement('mu-form');
427
- document.body.appendChild(el);
428
- expect(el.classList.contains('mu-form')).toBe(true);
429
- });
430
- });
431
-
432
- // ============================================
433
- // DATA DISPLAY COMPONENTS
434
- // ============================================
435
-
436
- describe('mu-table Component', () => {
437
- let MuTable;
438
-
439
- beforeAll(async () => {
440
- const module = await import('../../src/components/mu-table.js');
441
- MuTable = module.MuTable;
442
- });
443
-
444
- test('should be registered', () => {
445
- expect(customElements.get('mu-table')).toBe(MuTable);
446
- });
447
-
448
- test('should have correct baseClass', () => {
449
- expect(MuTable.baseClass).toBe('mu-table');
450
- });
451
-
452
- test('should observe striped, hover', () => {
453
- expect(MuTable.observedAttributes).toContain('striped');
454
- expect(MuTable.observedAttributes).toContain('hover');
455
- });
456
- });
457
-
458
- describe('mu-tabs Component', () => {
459
- let MuTabs;
460
-
461
- beforeAll(async () => {
462
- const module = await import('../../src/components/mu-tabs.js');
463
- MuTabs = module.MuTabs;
464
- });
465
-
466
- test('should be registered', () => {
467
- expect(customElements.get('mu-tabs')).toBe(MuTabs);
468
- });
469
-
470
- test('should have correct baseClass', () => {
471
- expect(MuTabs.baseClass).toBe('mu-tabs');
472
- });
473
-
474
- test('should observe active attribute', () => {
475
- expect(MuTabs.observedAttributes).toContain('active');
476
- });
477
-
478
- test('should render tabs list', () => {
479
- const el = document.createElement('mu-tabs');
480
- document.body.appendChild(el);
481
- expect(el.querySelector('.mu-tabs__list')).not.toBeNull();
482
- });
483
- });
484
-
485
- // ============================================
486
- // PERFORMANCE COMPONENTS
487
- // ============================================
488
-
489
- describe('mu-lazy Component', () => {
490
- let MuLazy;
491
-
492
- beforeAll(async () => {
493
- const module = await import('../../src/components/mu-lazy.js');
494
- MuLazy = module.MuLazy;
495
- });
496
-
497
- test('should be registered', () => {
498
- expect(customElements.get('mu-lazy')).toBe(MuLazy);
499
- });
500
-
501
- test('should have correct baseClass', () => {
502
- expect(MuLazy.baseClass).toBe('mu-lazy');
503
- });
504
-
505
- test('should observe root-margin, threshold', () => {
506
- expect(MuLazy.observedAttributes).toContain('root-margin');
507
- });
508
- });
509
-
510
- describe('mu-virtual-list Component', () => {
511
- let MuVirtualList;
512
-
513
- beforeAll(async () => {
514
- const module = await import('../../src/components/mu-virtual-list.js');
515
- MuVirtualList = module.MuVirtualList;
516
- });
517
-
518
- test('should be registered', () => {
519
- expect(customElements.get('mu-virtual-list')).toBe(MuVirtualList);
520
- });
521
-
522
- test('should have correct baseClass', () => {
523
- expect(MuVirtualList.baseClass).toBe('mu-virtual-list');
524
- });
525
-
526
- test('should observe item-height', () => {
527
- expect(MuVirtualList.observedAttributes).toContain('item-height');
528
- });
529
-
530
- test('should have items property', () => {
531
- const el = document.createElement('mu-virtual-list');
532
- document.body.appendChild(el);
533
- el.items = [1, 2, 3];
534
- expect(el.items).toEqual([1, 2, 3]);
535
- });
536
-
537
- test('should accept renderItem setter', () => {
538
- const el = document.createElement('mu-virtual-list');
539
- document.body.appendChild(el);
540
- const renderer = (item) => `<div>${item}</div>`;
541
- expect(() => { el.renderItem = renderer; }).not.toThrow();
542
- });
543
- });
544
-
545
- describe('mu-repeat Component', () => {
546
- let MuRepeat;
547
-
548
- beforeAll(async () => {
549
- const module = await import('../../src/components/mu-repeat.js');
550
- MuRepeat = module.MuRepeat;
551
- });
552
-
553
- test('should be registered', () => {
554
- expect(customElements.get('mu-repeat')).toBe(MuRepeat);
555
- });
556
-
557
- test('should have correct baseClass', () => {
558
- expect(MuRepeat.baseClass).toBe('mu-repeat');
559
- });
560
-
561
- test('should have items property', () => {
562
- const el = document.createElement('mu-repeat');
563
- document.body.appendChild(el);
564
- el.items = ['a', 'b', 'c'];
565
- expect(el.items).toEqual(['a', 'b', 'c']);
566
- });
567
-
568
- test('should accept keyFn setter', () => {
569
- const el = document.createElement('mu-repeat');
570
- document.body.appendChild(el);
571
- const keyFn = (item) => item.id;
572
- expect(() => { el.keyFn = keyFn; }).not.toThrow();
573
- });
574
- });
package/tests/components/mu-alert.test.js DELETED
@@ -1,113 +0,0 @@
1
- /**
2
- * @fileoverview Unit Tests for mu-alert Component
3
- * Target: 89% → 95% coverage
4
- */
5
-
6
- import { describe, test, expect, beforeAll, beforeEach } from 'bun:test';
7
- import { parseHTML } from 'linkedom';
8
-
9
- let document, customElements, body;
10
- let MuAlert;
11
-
12
- describe('mu-alert Unit Tests', () => {
13
-
14
- beforeAll(async () => {
15
- const dom = parseHTML('<!DOCTYPE html><html><body></body></html>');
16
- document = dom.document;
17
- customElements = dom.customElements;
18
- body = document.body;
19
-
20
- globalThis.window = dom.window;
21
- globalThis.document = document;
22
- globalThis.customElements = customElements;
23
- globalThis.HTMLElement = dom.HTMLElement;
24
- globalThis.requestAnimationFrame = (cb) => { cb(Date.now()); return 0; };
25
-
26
- const module = await import('../../src/components/mu-alert.js');
27
- MuAlert = module.MuAlert;
28
- });
29
-
30
- beforeEach(() => { body.innerHTML = ''; });
31
-
32
- // REGISTRATION
33
- test('should be registered', () => {
34
- expect(customElements.get('mu-alert')).toBe(MuAlert);
35
- });
36
-
37
- test('should have correct baseClass', () => {
38
- expect(MuAlert.baseClass).toBe('mu-alert');
39
- });
40
-
41
- test('should observe severity, dismissible', () => {
42
- expect(MuAlert.observedAttributes).toContain('severity');
43
- expect(MuAlert.observedAttributes).toContain('dismissible');
44
- });
45
-
46
- // RENDER
47
- test.skip('should set role alert (E2E only)', () => {
48
- const el = document.createElement('mu-alert');
49
- body.appendChild(el);
50
- el.render(); // linkedom doesn't auto-call connectedCallback
51
- expect(el.getAttribute('role')).toBe('alert');
52
- });
53
-
54
- test('should render content slot', () => {
55
- const el = document.createElement('mu-alert');
56
- el.textContent = 'Alert message';
57
- body.appendChild(el);
58
- expect(el.querySelector('.mu-alert__content')).not.toBeNull();
59
- });
60
-
61
- test('render should be idempotent', () => {
62
- const el = document.createElement('mu-alert');
63
- body.appendChild(el);
64
- el.render();
65
- expect(el.querySelectorAll('.mu-alert__content').length).toBe(1);
66
- });
67
-
68
- // TYPE
69
- test('should support info type', () => {
70
- const el = document.createElement('mu-alert');
71
- el.setAttribute('type', 'info');
72
- body.appendChild(el);
73
- expect(el.getAttribute('type')).toBe('info');
74
- });
75
-
76
- test('should support success type', () => {
77
- const el = document.createElement('mu-alert');
78
- el.setAttribute('type', 'success');
79
- body.appendChild(el);
80
- expect(el.getAttribute('type')).toBe('success');
81
- });
82
-
83
- test('should support warning type', () => {
84
- const el = document.createElement('mu-alert');
85
- el.setAttribute('type', 'warning');
86
- body.appendChild(el);
87
- expect(el.getAttribute('type')).toBe('warning');
88
- });
89
-
90
- test('should support error type', () => {
91
- const el = document.createElement('mu-alert');
92
- el.setAttribute('type', 'error');
93
- body.appendChild(el);
94
- expect(el.getAttribute('type')).toBe('error');
95
- });
96
-
97
- // DISMISSIBLE
98
- test('should render close button when dismissible', () => {
99
- const el = document.createElement('mu-alert');
100
- el.setAttribute('dismissible', '');
101
- el.textContent = 'Test message'; // Content must exist before appendChild for sync init
102
- body.appendChild(el);
103
- expect(el.querySelector('.mu-alert__close')).not.toBeNull();
104
- });
105
-
106
- // DISMISS
107
- test.skip('should have dismiss method (E2E only)', () => {
108
- const el = document.createElement('mu-alert');
109
- body.appendChild(el);
110
- el.render(); // linkedom doesn't auto-call connectedCallback
111
- expect(typeof el.dismiss).toBe('function');
112
- });
113
- });