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/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
- });