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/mu-avatar.test.js DELETED
@@ -1,148 +0,0 @@
1
- /**
2
- * @fileoverview Unit Tests for mu-avatar Component
3
- * Target: 19.51% → 90% 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 MuAvatar;
11
-
12
- describe('mu-avatar 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-avatar.js');
27
- MuAvatar = module.MuAvatar;
28
- });
29
-
30
- beforeEach(() => { body.innerHTML = ''; });
31
-
32
- // REGISTRATION
33
- test('should be registered', () => {
34
- expect(customElements.get('mu-avatar')).toBe(MuAvatar);
35
- });
36
-
37
- test('should have correct baseClass', () => {
38
- expect(MuAvatar.baseClass).toBe('mu-avatar');
39
- });
40
-
41
- test('should observe correct attributes', () => {
42
- expect(MuAvatar.observedAttributes).toContain('src');
43
- expect(MuAvatar.observedAttributes).toContain('alt');
44
- expect(MuAvatar.observedAttributes).toContain('initials');
45
- expect(MuAvatar.observedAttributes).toContain('size');
46
- });
47
-
48
- // DOM STRUCTURE
49
- test('should render with base class', () => {
50
- const el = document.createElement('mu-avatar');
51
- body.appendChild(el);
52
- expect(el.classList.contains('mu-avatar')).toBe(true);
53
- });
54
-
55
- test('should have inline-flex display', () => {
56
- const el = document.createElement('mu-avatar');
57
- body.appendChild(el);
58
- expect(el.style.display).toBe('inline-flex');
59
- });
60
-
61
- test('should have 50% border-radius', () => {
62
- const el = document.createElement('mu-avatar');
63
- body.appendChild(el);
64
- expect(el.style.borderRadius).toBe('50%');
65
- });
66
-
67
- // SIZE VARIANTS
68
- test('sm size should be 32px', () => {
69
- const el = document.createElement('mu-avatar');
70
- el.setAttribute('size', 'sm');
71
- body.appendChild(el);
72
- expect(el.style.width).toBe('32px');
73
- });
74
-
75
- test('md size (default) should be 40px', () => {
76
- const el = document.createElement('mu-avatar');
77
- body.appendChild(el);
78
- expect(el.style.width).toBe('40px');
79
- });
80
-
81
- test('lg size should be 56px', () => {
82
- const el = document.createElement('mu-avatar');
83
- el.setAttribute('size', 'lg');
84
- body.appendChild(el);
85
- expect(el.style.width).toBe('56px');
86
- });
87
-
88
- test('xl size should be 80px', () => {
89
- const el = document.createElement('mu-avatar');
90
- el.setAttribute('size', 'xl');
91
- body.appendChild(el);
92
- expect(el.style.width).toBe('80px');
93
- });
94
-
95
- // IMAGE SOURCE
96
- test('should render image when src provided', () => {
97
- const el = document.createElement('mu-avatar');
98
- el.setAttribute('src', '/photo.jpg');
99
- el.setAttribute('alt', 'John Doe');
100
- body.appendChild(el);
101
- const img = el.querySelector('img');
102
- expect(img).not.toBeNull();
103
- expect(img.src).toBe('/photo.jpg');
104
- });
105
-
106
- // INITIALS
107
- test('should render initials when provided', () => {
108
- const el = document.createElement('mu-avatar');
109
- el.setAttribute('initials', 'jd');
110
- body.appendChild(el);
111
- const span = el.querySelector('span');
112
- expect(span.textContent).toBe('JD');
113
- });
114
-
115
- test('initials should be max 2 characters', () => {
116
- const el = document.createElement('mu-avatar');
117
- el.setAttribute('initials', 'abc');
118
- body.appendChild(el);
119
- const span = el.querySelector('span');
120
- expect(span.textContent).toBe('AB');
121
- });
122
-
123
- // GENERATED INITIALS FROM ALT
124
- test('should generate initials from alt text', () => {
125
- const el = document.createElement('mu-avatar');
126
- el.setAttribute('alt', 'John Doe');
127
- body.appendChild(el);
128
- const span = el.querySelector('span');
129
- expect(span.textContent).toBe('JD');
130
- });
131
-
132
- // DEFAULT ICON
133
- test('should render default icon when no props', () => {
134
- const el = document.createElement('mu-avatar');
135
- body.appendChild(el);
136
- const svg = el.querySelector('svg');
137
- expect(svg).not.toBeNull();
138
- });
139
-
140
- // UPDATE
141
- test('update should re-render', () => {
142
- const el = document.createElement('mu-avatar');
143
- body.appendChild(el);
144
- el.setAttribute('initials', 'XY');
145
- el.update('initials', 'XY', '');
146
- expect(el.querySelector('span').textContent).toBe('XY');
147
- });
148
- });
package/tests/components/mu-badge.test.js DELETED
@@ -1,92 +0,0 @@
1
- /**
2
- * @fileoverview Unit Tests for mu-badge Component
3
- * Target: 94% → 100% 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 MuBadge;
11
-
12
- describe('mu-badge 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-badge.js');
27
- MuBadge = module.MuBadge;
28
- });
29
-
30
- beforeEach(() => { body.innerHTML = ''; });
31
-
32
- // REGISTRATION
33
- test('should be registered', () => {
34
- expect(customElements.get('mu-badge')).toBe(MuBadge);
35
- });
36
-
37
- test('should have correct baseClass', () => {
38
- expect(MuBadge.baseClass).toBe('mu-badge');
39
- });
40
-
41
- test('should observe variant and size', () => {
42
- expect(MuBadge.observedAttributes).toContain('variant');
43
- expect(MuBadge.observedAttributes).toContain('size');
44
- });
45
-
46
- // RENDER
47
- test('should apply default classes', () => {
48
- const el = document.createElement('mu-badge');
49
- body.appendChild(el);
50
- expect(el.classList.contains('mu-badge--primary')).toBe(true);
51
- expect(el.classList.contains('mu-badge--md')).toBe(true);
52
- });
53
-
54
- // VARIANT
55
- test('should apply secondary variant', () => {
56
- const el = document.createElement('mu-badge');
57
- el.setAttribute('variant', 'secondary');
58
- body.appendChild(el);
59
- expect(el.classList.contains('mu-badge--secondary')).toBe(true);
60
- });
61
-
62
- test('should apply error variant', () => {
63
- const el = document.createElement('mu-badge');
64
- el.setAttribute('variant', 'error');
65
- body.appendChild(el);
66
- expect(el.classList.contains('mu-badge--error')).toBe(true);
67
- });
68
-
69
- // SIZE
70
- test('should apply sm size', () => {
71
- const el = document.createElement('mu-badge');
72
- el.setAttribute('size', 'sm');
73
- body.appendChild(el);
74
- expect(el.classList.contains('mu-badge--sm')).toBe(true);
75
- });
76
-
77
- test('should apply lg size', () => {
78
- const el = document.createElement('mu-badge');
79
- el.setAttribute('size', 'lg');
80
- body.appendChild(el);
81
- expect(el.classList.contains('mu-badge--lg')).toBe(true);
82
- });
83
-
84
- // UPDATE
85
- test('update should update classes', () => {
86
- const el = document.createElement('mu-badge');
87
- body.appendChild(el);
88
- el.setAttribute('variant', 'error');
89
- el.update('variant', 'error', 'primary');
90
- expect(el.classList.contains('mu-badge--error')).toBe(true);
91
- });
92
- });
package/tests/components/mu-button.test.js DELETED
@@ -1,112 +0,0 @@
1
- /**
2
- * @fileoverview Unit Tests for mu-button Component
3
- * Target: 81% → 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 MuButton;
11
-
12
- describe('mu-button 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
- globalThis.getComputedStyle = () => ({ position: 'relative', overflow: 'hidden' });
26
-
27
- const module = await import('../../src/components/mu-button.js');
28
- MuButton = module.MuButton;
29
- });
30
-
31
- beforeEach(() => { body.innerHTML = ''; });
32
-
33
- // REGISTRATION
34
- test('should be registered', () => {
35
- expect(customElements.get('mu-button')).toBe(MuButton);
36
- });
37
-
38
- test('should have correct baseClass', () => {
39
- expect(MuButton.baseClass).toBe('mu-button');
40
- });
41
-
42
- test('should observe variant, size, type, disabled, loading, icon', () => {
43
- expect(MuButton.observedAttributes).toContain('variant');
44
- expect(MuButton.observedAttributes).toContain('size');
45
- expect(MuButton.observedAttributes).toContain('disabled');
46
- });
47
-
48
- // RENDER
49
- test('should render button content', () => {
50
- const el = document.createElement('mu-button');
51
- el.textContent = 'Click me';
52
- body.appendChild(el);
53
- expect(el.textContent).toContain('Click');
54
- });
55
-
56
- test('should set role button', () => {
57
- const el = document.createElement('mu-button');
58
- body.appendChild(el);
59
- expect(el.getAttribute('role')).toBe('button');
60
- });
61
-
62
- test('should set tabindex 0', () => {
63
- const el = document.createElement('mu-button');
64
- body.appendChild(el);
65
- expect(el.getAttribute('tabindex')).toBe('0');
66
- });
67
-
68
- // VARIANT
69
- test('should support filled variant', () => {
70
- const el = document.createElement('mu-button');
71
- el.setAttribute('variant', 'filled');
72
- body.appendChild(el);
73
- expect(el.getAttribute('variant')).toBe('filled');
74
- });
75
-
76
- test('should support outlined variant', () => {
77
- const el = document.createElement('mu-button');
78
- el.setAttribute('variant', 'outlined');
79
- body.appendChild(el);
80
- expect(el.getAttribute('variant')).toBe('outlined');
81
- });
82
-
83
- test('should support text variant', () => {
84
- const el = document.createElement('mu-button');
85
- el.setAttribute('variant', 'text');
86
- body.appendChild(el);
87
- expect(el.getAttribute('variant')).toBe('text');
88
- });
89
-
90
- // DISABLED
91
- test('should support disabled state', () => {
92
- const el = document.createElement('mu-button');
93
- el.setAttribute('disabled', '');
94
- body.appendChild(el);
95
- expect(el.has('disabled')).toBe(true);
96
- });
97
-
98
- test('disabled should set tabindex -1', () => {
99
- const el = document.createElement('mu-button');
100
- el.setAttribute('disabled', '');
101
- body.appendChild(el);
102
- expect(el.getAttribute('tabindex')).toBe('-1');
103
- });
104
-
105
- // LOADING
106
- test('should support loading state', () => {
107
- const el = document.createElement('mu-button');
108
- el.setAttribute('loading', '');
109
- body.appendChild(el);
110
- expect(el.has('loading')).toBe(true);
111
- });
112
- });
package/tests/components/mu-card.test.js DELETED
@@ -1,89 +0,0 @@
1
- /**
2
- * @fileoverview Unit Tests for mu-card Component
3
- * Target: 94% → 100%
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 MuCard;
11
-
12
- describe('mu-card 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-card.js');
27
- MuCard = module.MuCard;
28
- });
29
-
30
- beforeEach(() => { body.innerHTML = ''; });
31
-
32
- // REGISTRATION
33
- test('should be registered', () => {
34
- expect(customElements.get('mu-card')).toBe(MuCard);
35
- });
36
-
37
- test('should have correct baseClass', () => {
38
- expect(MuCard.baseClass).toBe('mu-card');
39
- });
40
-
41
- test('should observe variant and padding', () => {
42
- expect(MuCard.observedAttributes).toContain('variant');
43
- expect(MuCard.observedAttributes).toContain('padding');
44
- });
45
-
46
- // RENDER
47
- test('should apply default flat variant', () => {
48
- const el = document.createElement('mu-card');
49
- body.appendChild(el);
50
- expect(el.classList.contains('mu-card--flat')).toBe(true);
51
- });
52
-
53
- test('should apply elevated variant', () => {
54
- const el = document.createElement('mu-card');
55
- el.setAttribute('variant', 'elevated');
56
- body.appendChild(el);
57
- expect(el.classList.contains('mu-card--elevated')).toBe(true);
58
- });
59
-
60
- test('should apply outlined variant', () => {
61
- const el = document.createElement('mu-card');
62
- el.setAttribute('variant', 'outlined');
63
- body.appendChild(el);
64
- expect(el.classList.contains('mu-card--outlined')).toBe(true);
65
- });
66
-
67
- // PADDING
68
- test('should apply default md padding', () => {
69
- const el = document.createElement('mu-card');
70
- body.appendChild(el);
71
- expect(el.classList.contains('mu-card--padding-md')).toBe(true);
72
- });
73
-
74
- test('should apply lg padding', () => {
75
- const el = document.createElement('mu-card');
76
- el.setAttribute('padding', 'lg');
77
- body.appendChild(el);
78
- expect(el.classList.contains('mu-card--padding-lg')).toBe(true);
79
- });
80
-
81
- // UPDATE
82
- test('update should update classes', () => {
83
- const el = document.createElement('mu-card');
84
- body.appendChild(el);
85
- el.setAttribute('variant', 'elevated');
86
- el.update('variant', 'elevated', 'flat');
87
- expect(el.classList.contains('mu-card--elevated')).toBe(true);
88
- });
89
- });
package/tests/components/mu-checkbox.test.js DELETED
@@ -1,158 +0,0 @@
1
- /**
2
- * @fileoverview Unit Tests for mu-checkbox Component
3
- * Target: 8% → 80% 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 MuCheckbox;
11
-
12
- describe('mu-checkbox 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-checkbox.js');
27
- MuCheckbox = module.MuCheckbox;
28
- });
29
-
30
- beforeEach(() => { body.innerHTML = ''; });
31
-
32
- // REGISTRATION
33
- test('should be registered', () => {
34
- expect(customElements.get('mu-checkbox')).toBe(MuCheckbox);
35
- });
36
-
37
- test('should have correct baseClass', () => {
38
- expect(MuCheckbox.baseClass).toBe('mu-checkbox');
39
- });
40
-
41
- test('should observe checked, disabled, name, label, indeterminate', () => {
42
- expect(MuCheckbox.observedAttributes).toContain('checked');
43
- expect(MuCheckbox.observedAttributes).toContain('disabled');
44
- expect(MuCheckbox.observedAttributes).toContain('indeterminate');
45
- });
46
-
47
- // RENDER
48
- test('should render checkbox box', () => {
49
- const el = document.createElement('mu-checkbox');
50
- el.textContent = 'Test';
51
- body.appendChild(el);
52
- expect(el.querySelector('.mu-checkbox__box')).not.toBeNull();
53
- });
54
-
55
- test('should render label', () => {
56
- const el = document.createElement('mu-checkbox');
57
- el.textContent = 'Agree';
58
- body.appendChild(el);
59
- expect(el.querySelector('.mu-checkbox__label').textContent).toContain('Agree');
60
- });
61
-
62
- test('should be idempotent', () => {
63
- const el = document.createElement('mu-checkbox');
64
- body.appendChild(el);
65
- el.render();
66
- expect(el.querySelectorAll('.mu-checkbox__box').length).toBe(1);
67
- });
68
-
69
- // ACCESSIBILITY
70
- test('should set role checkbox', () => {
71
- const el = document.createElement('mu-checkbox');
72
- body.appendChild(el);
73
- expect(el.getAttribute('role')).toBe('checkbox');
74
- });
75
-
76
- // TOGGLE
77
- test('should have toggle method', () => {
78
- const el = document.createElement('mu-checkbox');
79
- body.appendChild(el);
80
- expect(typeof el.toggle).toBe('function');
81
- });
82
-
83
- test.skip('toggle should set checked (E2E only)', () => {
84
- const el = document.createElement('mu-checkbox');
85
- body.appendChild(el);
86
- el.toggle();
87
- expect(el.has('checked')).toBe(true);
88
- });
89
-
90
- test.skip('toggle should uncheck (E2E only)', () => {
91
- const el = document.createElement('mu-checkbox');
92
- el.setAttribute('checked', '');
93
- body.appendChild(el);
94
- el.toggle();
95
- expect(el.has('checked')).toBe(false);
96
- });
97
-
98
- test.skip('toggle should clear indeterminate (E2E only)', () => {
99
- const el = document.createElement('mu-checkbox');
100
- el.setAttribute('indeterminate', '');
101
- body.appendChild(el);
102
- el.toggle();
103
- expect(el.has('indeterminate')).toBe(false);
104
- });
105
-
106
- // CHECKED GETTER/SETTER
107
- test('checked getter should return boolean', () => {
108
- const el = document.createElement('mu-checkbox');
109
- body.appendChild(el);
110
- expect(el.checked).toBe(false);
111
- });
112
-
113
- test('checked setter should set attribute', () => {
114
- const el = document.createElement('mu-checkbox');
115
- body.appendChild(el);
116
- el.checked = true;
117
- expect(el.has('checked')).toBe(true);
118
- });
119
-
120
- test('checked setter should remove attribute when false', () => {
121
- const el = document.createElement('mu-checkbox');
122
- el.setAttribute('checked', '');
123
- body.appendChild(el);
124
- el.checked = false;
125
- expect(el.has('checked')).toBe(false);
126
- });
127
-
128
- // INDETERMINATE GETTER/SETTER
129
- test('indeterminate getter should return boolean', () => {
130
- const el = document.createElement('mu-checkbox');
131
- body.appendChild(el);
132
- expect(el.indeterminate).toBe(false);
133
- });
134
-
135
- test('indeterminate setter should set attribute', () => {
136
- const el = document.createElement('mu-checkbox');
137
- body.appendChild(el);
138
- el.indeterminate = true;
139
- expect(el.has('indeterminate')).toBe(true);
140
- });
141
-
142
- // DISABLED
143
- test('disabled should apply cursor not-allowed', () => {
144
- const el = document.createElement('mu-checkbox');
145
- el.setAttribute('disabled', '');
146
- body.appendChild(el);
147
- expect(el.style.cursor).toBe('not-allowed');
148
- });
149
-
150
- // UPDATE
151
- test('update should update state', () => {
152
- const el = document.createElement('mu-checkbox');
153
- body.appendChild(el);
154
- el.setAttribute('checked', '');
155
- el.update('checked', '', null);
156
- expect(true).toBe(true);
157
- });
158
- });