microui-wc 0.1.1 → 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 (339) 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 +71 -71
  5. package/dist/README.md +14 -9
  6. package/dist/microui.css +1 -1
  7. package/dist/microui.esm.js.map +1 -1
  8. package/dist/microui.min.js.map +1 -1
  9. package/docs/getting-started.md +3 -3
  10. package/package.json +39 -11
  11. package/src/components/mu-schema-form.js +1 -1
  12. package/.github/ISSUE_TEMPLATE/bug_report.md +0 -40
  13. package/.github/ISSUE_TEMPLATE/feature_request.md +0 -33
  14. package/.github/PULL_REQUEST_TEMPLATE.md +0 -28
  15. package/.github/workflows/ci.yml +0 -42
  16. package/.github/workflows/deploy-pages.yml +0 -112
  17. package/CODE_OF_CONDUCT.md +0 -59
  18. package/CONTRIBUTING.md +0 -156
  19. package/SECURITY.md +0 -58
  20. package/app/.generated/routes/alerts.js +0 -8
  21. package/app/.generated/routes/avatars.js +0 -8
  22. package/app/.generated/routes/badges.js +0 -8
  23. package/app/.generated/routes/buttons.js +0 -10
  24. package/app/.generated/routes/cards.js +0 -10
  25. package/app/.generated/routes/checkboxes.js +0 -9
  26. package/app/.generated/routes/chips.js +0 -8
  27. package/app/.generated/routes/dropdowns.js +0 -9
  28. package/app/.generated/routes/home.js +0 -7
  29. package/app/.generated/routes/icons.js +0 -9
  30. package/app/.generated/routes/inputs.js +0 -10
  31. package/app/.generated/routes/installation.js +0 -7
  32. package/app/.generated/routes/layout.js +0 -9
  33. package/app/.generated/routes/modals.js +0 -9
  34. package/app/.generated/routes/navbar.js +0 -7
  35. package/app/.generated/routes/progress.js +0 -9
  36. package/app/.generated/routes/radios.js +0 -9
  37. package/app/.generated/routes/switches.js +0 -9
  38. package/app/.generated/routes/tabs.js +0 -8
  39. package/app/.generated/routes/toasts.js +0 -9
  40. package/app/index.html +0 -67
  41. package/app/pages/alerts.html +0 -23
  42. package/app/pages/avatars.html +0 -22
  43. package/app/pages/badges.html +0 -22
  44. package/app/pages/buttons.html +0 -71
  45. package/app/pages/cards.html +0 -54
  46. package/app/pages/checkboxes.html +0 -39
  47. package/app/pages/chips.html +0 -23
  48. package/app/pages/dropdowns.html +0 -41
  49. package/app/pages/home.html +0 -59
  50. package/app/pages/icons.html +0 -29
  51. package/app/pages/inputs.html +0 -66
  52. package/app/pages/installation.html +0 -34
  53. package/app/pages/layout.html +0 -30
  54. package/app/pages/modals.html +0 -21
  55. package/app/pages/navbar.html +0 -22
  56. package/app/pages/progress.html +0 -35
  57. package/app/pages/radios.html +0 -40
  58. package/app/pages/switches.html +0 -39
  59. package/app/pages/tabs.html +0 -30
  60. package/app/pages/toasts.html +0 -22
  61. package/app-dist/index.html +0 -67
  62. package/app-dist/pages/alerts.html +0 -23
  63. package/app-dist/pages/avatars.html +0 -22
  64. package/app-dist/pages/badges.html +0 -22
  65. package/app-dist/pages/buttons.html +0 -71
  66. package/app-dist/pages/cards.html +0 -54
  67. package/app-dist/pages/checkboxes.html +0 -39
  68. package/app-dist/pages/chips.html +0 -23
  69. package/app-dist/pages/dropdowns.html +0 -41
  70. package/app-dist/pages/home.html +0 -59
  71. package/app-dist/pages/icons.html +0 -29
  72. package/app-dist/pages/inputs.html +0 -66
  73. package/app-dist/pages/installation.html +0 -34
  74. package/app-dist/pages/layout.html +0 -30
  75. package/app-dist/pages/modals.html +0 -21
  76. package/app-dist/pages/navbar.html +0 -22
  77. package/app-dist/pages/progress.html +0 -35
  78. package/app-dist/pages/radios.html +0 -40
  79. package/app-dist/pages/switches.html +0 -39
  80. package/app-dist/pages/tabs.html +0 -30
  81. package/app-dist/pages/toasts.html +0 -22
  82. package/app-dist/pages.json +0 -217
  83. package/app-dist/routes/alerts.js +0 -5
  84. package/app-dist/routes/avatars.js +0 -1
  85. package/app-dist/routes/badges.js +0 -1
  86. package/app-dist/routes/buttons.js +0 -1
  87. package/app-dist/routes/cards.js +0 -1
  88. package/app-dist/routes/checkboxes.js +0 -9
  89. package/app-dist/routes/chips.js +0 -4
  90. package/app-dist/routes/chunk-019e5e2f.js +0 -5
  91. package/app-dist/routes/chunk-0m4j19yd.js +0 -2
  92. package/app-dist/routes/chunk-0tmmp5q0.js +0 -1
  93. package/app-dist/routes/chunk-10xn709r.js +0 -1
  94. package/app-dist/routes/chunk-15m2qcda.js +0 -2
  95. package/app-dist/routes/chunk-1bh8g23n.js +0 -1
  96. package/app-dist/routes/chunk-1vg0v937.js +0 -1
  97. package/app-dist/routes/chunk-1zvcgy3j.js +0 -1
  98. package/app-dist/routes/chunk-2afb0861.js +0 -1
  99. package/app-dist/routes/chunk-2c6ttpzt.js +0 -5
  100. package/app-dist/routes/chunk-3dy30fhs.js +0 -1
  101. package/app-dist/routes/chunk-426dnces.js +0 -13
  102. package/app-dist/routes/chunk-44kgxery.js +0 -1
  103. package/app-dist/routes/chunk-47fdnejd.js +0 -33
  104. package/app-dist/routes/chunk-49a6t2vq.js +0 -1
  105. package/app-dist/routes/chunk-4fe1rm5b.js +0 -1
  106. package/app-dist/routes/chunk-4ggmvkta.js +0 -33
  107. package/app-dist/routes/chunk-4vkz81q7.js +0 -33
  108. package/app-dist/routes/chunk-4w4tmj8f.js +0 -31
  109. package/app-dist/routes/chunk-532s62kr.js +0 -31
  110. package/app-dist/routes/chunk-5hm3bssy.js +0 -33
  111. package/app-dist/routes/chunk-5vrh24hc.js +0 -1
  112. package/app-dist/routes/chunk-61pcg25a.js +0 -1
  113. package/app-dist/routes/chunk-6nfhygvf.js +0 -1
  114. package/app-dist/routes/chunk-700e7je6.js +0 -33
  115. package/app-dist/routes/chunk-7fsn17kg.js +0 -1
  116. package/app-dist/routes/chunk-7k789b32.js +0 -1
  117. package/app-dist/routes/chunk-7r46q0ys.js +0 -36
  118. package/app-dist/routes/chunk-86fmc1fr.js +0 -5
  119. package/app-dist/routes/chunk-8qth37vw.js +0 -1
  120. package/app-dist/routes/chunk-924wv8n0.js +0 -1
  121. package/app-dist/routes/chunk-9mbhgxk9.js +0 -1
  122. package/app-dist/routes/chunk-a216hyd9.js +0 -1
  123. package/app-dist/routes/chunk-akzxykh9.js +0 -33
  124. package/app-dist/routes/chunk-b3dcvy8c.js +0 -1
  125. package/app-dist/routes/chunk-b74zahz5.js +0 -31
  126. package/app-dist/routes/chunk-bftj53p2.js +0 -5
  127. package/app-dist/routes/chunk-c01hnz3e.js +0 -1
  128. package/app-dist/routes/chunk-d8pvv5km.js +0 -1
  129. package/app-dist/routes/chunk-dev0aezr.js +0 -2
  130. package/app-dist/routes/chunk-dh6vnv0e.js +0 -1
  131. package/app-dist/routes/chunk-dn2cbpva.js +0 -36
  132. package/app-dist/routes/chunk-dvn0my90.js +0 -1
  133. package/app-dist/routes/chunk-dvq8mnve.js +0 -36
  134. package/app-dist/routes/chunk-e8c2gc4d.js +0 -5
  135. package/app-dist/routes/chunk-ejf9ak2x.js +0 -1
  136. package/app-dist/routes/chunk-f083m55s.js +0 -1
  137. package/app-dist/routes/chunk-fnrj28s1.js +0 -31
  138. package/app-dist/routes/chunk-fvg3yjdp.js +0 -31
  139. package/app-dist/routes/chunk-g7k381n1.js +0 -1
  140. package/app-dist/routes/chunk-h01kq2ae.js +0 -13
  141. package/app-dist/routes/chunk-h4dk761v.js +0 -5
  142. package/app-dist/routes/chunk-hmx91z2x.js +0 -5
  143. package/app-dist/routes/chunk-hxbg4m42.js +0 -36
  144. package/app-dist/routes/chunk-jbjnfp2b.js +0 -2
  145. package/app-dist/routes/chunk-jxtz5vv6.js +0 -36
  146. package/app-dist/routes/chunk-jxzcs0ey.js +0 -36
  147. package/app-dist/routes/chunk-kt7wwhcx.js +0 -1
  148. package/app-dist/routes/chunk-kzptszyc.js +0 -33
  149. package/app-dist/routes/chunk-mhgca4w4.js +0 -2
  150. package/app-dist/routes/chunk-mhswxa20.js +0 -1
  151. package/app-dist/routes/chunk-n8zfeex6.js +0 -1
  152. package/app-dist/routes/chunk-pee47b2r.js +0 -1
  153. package/app-dist/routes/chunk-pesmw829.js +0 -1
  154. package/app-dist/routes/chunk-pgc4c6f3.js +0 -36
  155. package/app-dist/routes/chunk-q8egegm1.js +0 -1
  156. package/app-dist/routes/chunk-q9mn2qyq.js +0 -36
  157. package/app-dist/routes/chunk-qh0rtaf3.js +0 -5
  158. package/app-dist/routes/chunk-qqhmk6ye.js +0 -2
  159. package/app-dist/routes/chunk-qrxygmf7.js +0 -33
  160. package/app-dist/routes/chunk-r46yzksx.js +0 -36
  161. package/app-dist/routes/chunk-rgpbw2w0.js +0 -5
  162. package/app-dist/routes/chunk-rnpzv3d8.js +0 -2
  163. package/app-dist/routes/chunk-s5v8cv05.js +0 -2
  164. package/app-dist/routes/chunk-sbwn5bpc.js +0 -1
  165. package/app-dist/routes/chunk-sqbg8jbt.js +0 -33
  166. package/app-dist/routes/chunk-sv8dqnf7.js +0 -1
  167. package/app-dist/routes/chunk-t67sw3za.js +0 -1
  168. package/app-dist/routes/chunk-tjdpqwdf.js +0 -31
  169. package/app-dist/routes/chunk-tq2mfghg.js +0 -1
  170. package/app-dist/routes/chunk-ttn10vt6.js +0 -1
  171. package/app-dist/routes/chunk-v2hzpjxr.js +0 -1
  172. package/app-dist/routes/chunk-wfjjkw9y.js +0 -1
  173. package/app-dist/routes/chunk-wt8cxzmf.js +0 -31
  174. package/app-dist/routes/chunk-x45d372k.js +0 -5
  175. package/app-dist/routes/chunk-y3wsazkt.js +0 -1
  176. package/app-dist/routes/chunk-y7pmgc7t.js +0 -33
  177. package/app-dist/routes/chunk-zefdt2q3.js +0 -31
  178. package/app-dist/routes/dropdowns.js +0 -6
  179. package/app-dist/routes/home.js +0 -1
  180. package/app-dist/routes/icons.js +0 -1
  181. package/app-dist/routes/inputs.js +0 -12
  182. package/app-dist/routes/installation.js +0 -1
  183. package/app-dist/routes/layout.js +0 -1
  184. package/app-dist/routes/modals.js +0 -7
  185. package/app-dist/routes/navbar.js +0 -1
  186. package/app-dist/routes/progress.js +0 -1
  187. package/app-dist/routes/radios.js +0 -6
  188. package/app-dist/routes/switches.js +0 -6
  189. package/app-dist/routes/tabs.js +0 -1
  190. package/app-dist/routes/toasts.js +0 -16
  191. package/assets/fonts/material-symbols-mini.woff2 +0 -0
  192. package/assets/fonts/material-symbols.woff2 +0 -0
  193. package/assets/fonts/roboto-400.woff2 +0 -0
  194. package/assets/fonts/roboto-500.woff2 +0 -0
  195. package/assets/fonts/roboto-700.woff2 +0 -0
  196. package/assets/logo-banner-400.jpg +0 -0
  197. package/assets/logo-banner-400.webp +0 -0
  198. package/assets/logo-banner-800.webp +0 -0
  199. package/assets/logo-banner.jpg +0 -0
  200. package/assets/logo-icon-64.jpg +0 -0
  201. package/assets/logo-icon-64.webp +0 -0
  202. package/assets/logo-icon.jpg +0 -0
  203. package/assets/logo-square.jpg +0 -0
  204. package/bun.lock +0 -312
  205. package/bunfig.toml +0 -4
  206. package/custom-elements.json +0 -1916
  207. package/demo/api/sample-data.json +0 -38
  208. package/demo/content/alerts.html +0 -115
  209. package/demo/content/avatars.html +0 -70
  210. package/demo/content/badges.html +0 -65
  211. package/demo/content/buttons.html +0 -188
  212. package/demo/content/callouts.html +0 -91
  213. package/demo/content/cards.html +0 -121
  214. package/demo/content/checkboxes.html +0 -178
  215. package/demo/content/chips.html +0 -67
  216. package/demo/content/codeblocks.html +0 -101
  217. package/demo/content/confirms.html +0 -115
  218. package/demo/content/datatables.html +0 -149
  219. package/demo/content/dividers.html +0 -119
  220. package/demo/content/dropdowns.html +0 -89
  221. package/demo/content/enterprise.html +0 -252
  222. package/demo/content/home.html +0 -149
  223. package/demo/content/icons.html +0 -89
  224. package/demo/content/inputs.html +0 -135
  225. package/demo/content/installation.html +0 -16
  226. package/demo/content/layout.html +0 -136
  227. package/demo/content/modals.html +0 -141
  228. package/demo/content/navbar.html +0 -70
  229. package/demo/content/progress.html +0 -119
  230. package/demo/content/radios.html +0 -88
  231. package/demo/content/skeletons.html +0 -109
  232. package/demo/content/spinners.html +0 -96
  233. package/demo/content/switches.html +0 -84
  234. package/demo/content/tables.html +0 -124
  235. package/demo/content/tabs.html +0 -85
  236. package/demo/content/toasts.html +0 -116
  237. package/demo/content/tooltips.html +0 -107
  238. package/demo/content/virtual-lists.html +0 -233
  239. package/demo/favicon.ico +0 -0
  240. package/demo/favicon.png +0 -0
  241. package/demo/full.html +0 -52
  242. package/demo/iife.html +0 -46
  243. package/demo/manifest.json +0 -34
  244. package/demo/pages/datatable-demo.html +0 -237
  245. package/demo/pages/prompt-ui-demo.html +0 -218
  246. package/demo/pages/responsive-demo.html +0 -122
  247. package/demo/pages/schema-form-demo.html +0 -270
  248. package/demo/robots.txt +0 -6
  249. package/demo/shell.html +0 -712
  250. package/demo/sw.js +0 -387
  251. package/lighthouse-audit.mjs +0 -113
  252. package/scripts/analyze-components.js +0 -105
  253. package/scripts/build-app.js +0 -193
  254. package/scripts/build-framework.js +0 -444
  255. package/scripts/build-utils.js +0 -101
  256. package/scripts/test-isolated.js +0 -151
  257. package/server.js +0 -256
  258. package/tests/agents/agent-integration.test.js +0 -76
  259. package/tests/benchmark.html +0 -296
  260. package/tests/build/scan-components.test.js +0 -173
  261. package/tests/components/all-components.test.js +0 -245
  262. package/tests/components/all-missing-components.test.js +0 -574
  263. package/tests/components/mu-alert.test.js +0 -113
  264. package/tests/components/mu-avatar.test.js +0 -148
  265. package/tests/components/mu-badge.test.js +0 -92
  266. package/tests/components/mu-button.test.js +0 -112
  267. package/tests/components/mu-card.test.js +0 -89
  268. package/tests/components/mu-checkbox.test.js +0 -158
  269. package/tests/components/mu-chip.test.js +0 -118
  270. package/tests/components/mu-container.test.js +0 -120
  271. package/tests/components/mu-divider.test.js +0 -98
  272. package/tests/components/mu-drawer-item.test.js +0 -199
  273. package/tests/components/mu-drawer.test.js +0 -96
  274. package/tests/components/mu-dropdown.test.js +0 -125
  275. package/tests/components/mu-form.test.js +0 -138
  276. package/tests/components/mu-grid.test.js +0 -135
  277. package/tests/components/mu-icon.test.js +0 -110
  278. package/tests/components/mu-input.test.js +0 -131
  279. package/tests/components/mu-lazy.test.js +0 -103
  280. package/tests/components/mu-modal.test.js +0 -275
  281. package/tests/components/mu-navbar.test.js +0 -101
  282. package/tests/components/mu-progress.test.js +0 -115
  283. package/tests/components/mu-radio.test.js +0 -114
  284. package/tests/components/mu-repeat.test.js +0 -106
  285. package/tests/components/mu-sidebar.test.js +0 -126
  286. package/tests/components/mu-skeleton.test.js +0 -162
  287. package/tests/components/mu-stack.test.js +0 -143
  288. package/tests/components/mu-switch.test.js +0 -292
  289. package/tests/components/mu-table.test.js +0 -124
  290. package/tests/components/mu-tabs.test.js +0 -104
  291. package/tests/components/mu-textarea.test.js +0 -115
  292. package/tests/components/mu-toast.test.js +0 -321
  293. package/tests/components/mu-tooltip.test.js +0 -133
  294. package/tests/components/mu-virtual-list.test.js +0 -109
  295. package/tests/core/MuElement.test.js +0 -120
  296. package/tests/core/agent-api.test.js +0 -125
  297. package/tests/core/all-core-modules.test.js +0 -442
  298. package/tests/core/bus.test.js +0 -364
  299. package/tests/core/component-schema.test.js +0 -160
  300. package/tests/core/feature-registry.test.js +0 -198
  301. package/tests/core/form-state.test.js +0 -167
  302. package/tests/core/http.test.js +0 -119
  303. package/tests/core/keyboard.test.js +0 -319
  304. package/tests/core/layers.test.js +0 -129
  305. package/tests/core/namespaced-stores.test.js +0 -114
  306. package/tests/core/render.test.js +0 -121
  307. package/tests/core/ripple.test.js +0 -131
  308. package/tests/core/router.test.js +0 -89
  309. package/tests/core/scheduler.test.js +0 -121
  310. package/tests/core/signals.test.js +0 -128
  311. package/tests/core/store.test.js +0 -171
  312. package/tests/core/transitions.test.js +0 -82
  313. package/tests/e2e/accessibility-harness.html +0 -58
  314. package/tests/e2e/accessibility.test.js +0 -401
  315. package/tests/e2e/agent-features.test.js +0 -372
  316. package/tests/e2e/card-spacing.test.js +0 -287
  317. package/tests/e2e/components.test.js +0 -439
  318. package/tests/e2e/demo-routes.test.js +0 -478
  319. package/tests/e2e/layout-css-fallback.test.js +0 -334
  320. package/tests/e2e/mu-alert.e2e.test.js +0 -111
  321. package/tests/e2e/mu-checkbox.test.js +0 -489
  322. package/tests/e2e/mu-chip.test.js +0 -347
  323. package/tests/e2e/mu-form.test.js +0 -499
  324. package/tests/e2e/mu-icon.test.js +0 -114
  325. package/tests/e2e/mu-radio.test.js +0 -113
  326. package/tests/e2e/mu-skeleton.test.js +0 -140
  327. package/tests/e2e/mu-switch.test.js +0 -415
  328. package/tests/e2e/mu-tabs.test.js +0 -494
  329. package/tests/e2e/mu-textarea.test.js +0 -242
  330. package/tests/e2e/mu-virtual-list.test.js +0 -427
  331. package/tests/e2e/perf-memory.test.js +0 -161
  332. package/tests/e2e/puppeteer-helper.js +0 -137
  333. package/tests/e2e/puppeteer.test.js +0 -226
  334. package/tests/e2e/pwa.test.js +0 -261
  335. package/tests/e2e/test-harness.html +0 -319
  336. package/tests/manual/test-components.html +0 -120
  337. package/tests/memory-test.html +0 -309
  338. package/tests/setup-dom.js +0 -93
  339. 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
- });