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-radio.test.js DELETED
@@ -1,114 +0,0 @@
1
- /**
2
- * @fileoverview Unit Tests for mu-radio Component
3
- * Target: 76% → 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 MuRadio, MuRadioGroup;
11
-
12
- describe('mu-radio 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-radio.js');
28
- MuRadio = module.MuRadio;
29
- MuRadioGroup = module.MuRadioGroup;
30
- });
31
-
32
- beforeEach(() => { body.innerHTML = ''; });
33
-
34
- // MU-RADIO REGISTRATION
35
- test('mu-radio should be registered', () => {
36
- expect(customElements.get('mu-radio')).toBe(MuRadio);
37
- });
38
-
39
- test('mu-radio should have correct baseClass', () => {
40
- expect(MuRadio.baseClass).toBe('mu-radio');
41
- });
42
-
43
- test('mu-radio should observe value, checked, disabled', () => {
44
- expect(MuRadio.observedAttributes).toContain('value');
45
- expect(MuRadio.observedAttributes).toContain('checked');
46
- expect(MuRadio.observedAttributes).toContain('disabled');
47
- });
48
-
49
- // MU-RADIO-GROUP REGISTRATION
50
- test('mu-radio-group should be registered', () => {
51
- expect(customElements.get('mu-radio-group')).toBe(MuRadioGroup);
52
- });
53
-
54
- test('mu-radio-group should have correct baseClass', () => {
55
- expect(MuRadioGroup.baseClass).toBe('mu-radio-group');
56
- });
57
-
58
- // MU-RADIO RENDER
59
- test('mu-radio should set role radio', () => {
60
- const el = document.createElement('mu-radio');
61
- body.appendChild(el);
62
- expect(el.getAttribute('role')).toBe('radio');
63
- });
64
-
65
- test.skip('mu-radio should render outer circle (E2E only)', () => {
66
- const el = document.createElement('mu-radio');
67
- body.appendChild(el);
68
- expect(el.querySelector('.mu-radio__outer')).not.toBeNull();
69
- });
70
-
71
- test.skip('mu-radio should render inner circle (E2E only)', () => {
72
- const el = document.createElement('mu-radio');
73
- body.appendChild(el);
74
- expect(el.querySelector('.mu-radio__inner')).not.toBeNull();
75
- });
76
-
77
- // MU-RADIO-GROUP RENDER
78
- test('mu-radio-group should set role radiogroup', () => {
79
- const el = document.createElement('mu-radio-group');
80
- body.appendChild(el);
81
- expect(el.getAttribute('role')).toBe('radiogroup');
82
- });
83
-
84
- // VALUE
85
- test('mu-radio-group should have value getter', () => {
86
- const el = document.createElement('mu-radio-group');
87
- body.appendChild(el);
88
- expect(el.value).toBeDefined();
89
- });
90
-
91
- test('mu-radio-group should have value setter', () => {
92
- const el = document.createElement('mu-radio-group');
93
- el.innerHTML = '<mu-radio value="opt1"></mu-radio><mu-radio value="opt2"></mu-radio>';
94
- body.appendChild(el);
95
- el.value = 'opt1';
96
- expect(el.value).toBe('opt1');
97
- });
98
-
99
- // CHECKED
100
- test('mu-radio checked should reflect in aria-checked', () => {
101
- const el = document.createElement('mu-radio');
102
- el.setAttribute('checked', '');
103
- body.appendChild(el);
104
- expect(el.getAttribute('aria-checked')).toBe('true');
105
- });
106
-
107
- // DISABLED
108
- test('mu-radio disabled should reflect in aria-disabled', () => {
109
- const el = document.createElement('mu-radio');
110
- el.setAttribute('disabled', '');
111
- body.appendChild(el);
112
- expect(el.getAttribute('aria-disabled')).toBe('true');
113
- });
114
- });
package/tests/components/mu-repeat.test.js DELETED
@@ -1,106 +0,0 @@
1
- /**
2
- * @fileoverview Unit Tests for mu-repeat Component
3
- * Target: 89% → 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 MuRepeat;
11
-
12
- describe('mu-repeat 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-repeat.js');
27
- MuRepeat = module.MuRepeat;
28
- });
29
-
30
- beforeEach(() => { body.innerHTML = ''; });
31
-
32
- // REGISTRATION
33
- test('should be registered', () => {
34
- expect(customElements.get('mu-repeat')).toBe(MuRepeat);
35
- });
36
-
37
- test('should have correct baseClass', () => {
38
- expect(MuRepeat.baseClass).toBe('mu-repeat');
39
- });
40
-
41
- // RENDER
42
- test('should set display contents', () => {
43
- const el = document.createElement('mu-repeat');
44
- body.appendChild(el);
45
- expect(el.style.display).toBe('contents');
46
- });
47
-
48
- // ITEMS
49
- test('should have items getter/setter', () => {
50
- const el = document.createElement('mu-repeat');
51
- body.appendChild(el);
52
- el.items = [1, 2, 3];
53
- expect(el.items).toEqual([1, 2, 3]);
54
- });
55
-
56
- test('should handle null items', () => {
57
- const el = document.createElement('mu-repeat');
58
- body.appendChild(el);
59
- el.items = null;
60
- expect(el.items).toEqual([]);
61
- });
62
-
63
- // KEY FN
64
- test('should allow setting keyFn', () => {
65
- const el = document.createElement('mu-repeat');
66
- body.appendChild(el);
67
- el.keyFn = (item) => item.id;
68
- expect(true).toBe(true);
69
- });
70
-
71
- // RENDER ITEM
72
- test('should allow setting renderItem', () => {
73
- const el = document.createElement('mu-repeat');
74
- body.appendChild(el);
75
- el.renderItem = (item) => `<span>${item}</span>`;
76
- expect(true).toBe(true);
77
- });
78
-
79
- // GET ELEMENT
80
- test('should have getElement method', () => {
81
- const el = document.createElement('mu-repeat');
82
- body.appendChild(el);
83
- expect(typeof el.getElement).toBe('function');
84
- });
85
-
86
- test('getElement returns undefined for unknown key', () => {
87
- const el = document.createElement('mu-repeat');
88
- body.appendChild(el);
89
- expect(el.getElement('unknown')).toBeUndefined();
90
- });
91
-
92
- // REFRESH
93
- test('should have refresh method', () => {
94
- const el = document.createElement('mu-repeat');
95
- body.appendChild(el);
96
- expect(typeof el.refresh).toBe('function');
97
- });
98
-
99
- test('refresh should clear innerHTML', () => {
100
- const el = document.createElement('mu-repeat');
101
- el.innerHTML = '<div>test</div>';
102
- body.appendChild(el);
103
- el.refresh();
104
- expect(el.innerHTML).toBe('');
105
- });
106
- });
package/tests/components/mu-sidebar.test.js DELETED
@@ -1,126 +0,0 @@
1
- /**
2
- * @fileoverview Unit Tests for mu-sidebar Component
3
- * Target: 49% → 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 MuSidebar, MuSidebarItem;
11
-
12
- describe('mu-sidebar 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.CustomEvent = class CustomEvent extends Event {
25
- constructor(type, options = {}) { super(type, options); this.detail = options.detail; }
26
- };
27
- globalThis.requestAnimationFrame = (cb) => { cb(Date.now()); return 0; };
28
-
29
- const module = await import('../../src/components/mu-sidebar.js');
30
- MuSidebar = module.MuSidebar;
31
- MuSidebarItem = module.MuSidebarItem;
32
-
33
- MuSidebar.prototype.emit = function (eventName, detail) {
34
- try { this.dispatchEvent(new Event(eventName, { bubbles: true })); } catch (e) { }
35
- };
36
- MuSidebarItem.prototype.emit = function (eventName, detail) {
37
- try { this.dispatchEvent(new Event(eventName, { bubbles: true })); } catch (e) { }
38
- };
39
- });
40
-
41
- beforeEach(() => { body.innerHTML = ''; });
42
-
43
- // ============ MuSidebar ============
44
-
45
- test('mu-sidebar should be registered', () => {
46
- expect(customElements.get('mu-sidebar')).toBe(MuSidebar);
47
- });
48
-
49
- test('mu-sidebar should have correct baseClass', () => {
50
- expect(MuSidebar.baseClass).toBe('mu-sidebar');
51
- });
52
-
53
- test('mu-sidebar should observe open and width', () => {
54
- expect(MuSidebar.observedAttributes).toContain('open');
55
- expect(MuSidebar.observedAttributes).toContain('width');
56
- });
57
-
58
- test('closed sidebar should have 64px width', () => {
59
- const el = document.createElement('mu-sidebar');
60
- body.appendChild(el);
61
- expect(el.style.width).toBe('64px');
62
- });
63
-
64
- test('open sidebar should have custom width', () => {
65
- const el = document.createElement('mu-sidebar');
66
- el.setAttribute('open', '');
67
- body.appendChild(el);
68
- expect(el.style.width).toBe('250px');
69
- });
70
-
71
- test('sidebar should have 100vh height', () => {
72
- const el = document.createElement('mu-sidebar');
73
- body.appendChild(el);
74
- expect(el.style.height).toBe('100vh');
75
- });
76
-
77
- test('sidebar should have flex display', () => {
78
- const el = document.createElement('mu-sidebar');
79
- body.appendChild(el);
80
- expect(el.style.display).toBe('flex');
81
- });
82
-
83
- test('toggle() should add open attribute', () => {
84
- const el = document.createElement('mu-sidebar');
85
- body.appendChild(el);
86
- el.toggle();
87
- expect(el.hasAttribute('open')).toBe(true);
88
- });
89
-
90
- test('toggle() should remove open attribute if open', () => {
91
- const el = document.createElement('mu-sidebar');
92
- el.setAttribute('open', '');
93
- body.appendChild(el);
94
- el.toggle();
95
- expect(el.hasAttribute('open')).toBe(false);
96
- });
97
-
98
- // ============ MuSidebarItem ============
99
-
100
- test('mu-sidebar-item should be registered', () => {
101
- expect(customElements.get('mu-sidebar-item')).toBe(MuSidebarItem);
102
- });
103
-
104
- test('mu-sidebar-item should have correct baseClass', () => {
105
- expect(MuSidebarItem.baseClass).toBe('mu-sidebar__item');
106
- });
107
-
108
- test('sidebar-item should have flex display', () => {
109
- const el = document.createElement('mu-sidebar-item');
110
- body.appendChild(el);
111
- expect(el.style.display).toBe('flex');
112
- });
113
-
114
- test('sidebar-item should have pointer cursor', () => {
115
- const el = document.createElement('mu-sidebar-item');
116
- body.appendChild(el);
117
- expect(el.style.cursor).toBe('pointer');
118
- });
119
-
120
- test('active sidebar-item should have background', () => {
121
- const el = document.createElement('mu-sidebar-item');
122
- el.setAttribute('active', '');
123
- body.appendChild(el);
124
- expect(el.style.background).toContain('primary-container');
125
- });
126
- });
package/tests/components/mu-skeleton.test.js DELETED
@@ -1,162 +0,0 @@
1
- /**
2
- * @fileoverview Unit Tests for mu-skeleton Component
3
- * Target: 14.81% → 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 MuSkeleton;
11
-
12
- describe('mu-skeleton Unit Tests', () => {
13
-
14
- beforeAll(async () => {
15
- const dom = parseHTML('<!DOCTYPE html><html><head></head><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-skeleton.js');
27
- MuSkeleton = module.MuSkeleton;
28
- });
29
-
30
- beforeEach(() => { body.innerHTML = ''; });
31
-
32
- // REGISTRATION
33
- test('should be registered', () => {
34
- expect(customElements.get('mu-skeleton')).toBe(MuSkeleton);
35
- });
36
-
37
- test('should have correct baseClass', () => {
38
- expect(MuSkeleton.baseClass).toBe('mu-skeleton');
39
- });
40
-
41
- test('should observe correct attributes', () => {
42
- expect(MuSkeleton.observedAttributes).toContain('variant');
43
- expect(MuSkeleton.observedAttributes).toContain('width');
44
- expect(MuSkeleton.observedAttributes).toContain('height');
45
- expect(MuSkeleton.observedAttributes).toContain('size');
46
- expect(MuSkeleton.observedAttributes).toContain('lines');
47
- });
48
-
49
- // DOM STRUCTURE
50
- test('should render with base class', () => {
51
- const el = document.createElement('mu-skeleton');
52
- body.appendChild(el);
53
- expect(el.classList.contains('mu-skeleton')).toBe(true);
54
- });
55
-
56
- test('should have block display', () => {
57
- const el = document.createElement('mu-skeleton');
58
- body.appendChild(el);
59
- expect(el.style.display).toBe('block');
60
- });
61
-
62
- // RECT VARIANT (default)
63
- test('should default to rect variant with 100% width', () => {
64
- const el = document.createElement('mu-skeleton');
65
- body.appendChild(el);
66
- expect(el.style.width).toBe('100%');
67
- });
68
-
69
- test('should default to 20px height', () => {
70
- const el = document.createElement('mu-skeleton');
71
- body.appendChild(el);
72
- expect(el.style.height).toBe('20px');
73
- });
74
-
75
- test('should have 4px border-radius for rect', () => {
76
- const el = document.createElement('mu-skeleton');
77
- body.appendChild(el);
78
- expect(el.style.borderRadius).toBe('4px');
79
- });
80
-
81
- // CIRCLE VARIANT
82
- test('circle variant should have 50% border-radius', () => {
83
- const el = document.createElement('mu-skeleton');
84
- el.setAttribute('variant', 'circle');
85
- body.appendChild(el);
86
- expect(el.style.borderRadius).toBe('50%');
87
- });
88
-
89
- test('circle variant should use size attribute', () => {
90
- const el = document.createElement('mu-skeleton');
91
- el.setAttribute('variant', 'circle');
92
- el.setAttribute('size', '60px');
93
- body.appendChild(el);
94
- expect(el.style.width).toBe('60px');
95
- expect(el.style.height).toBe('60px');
96
- });
97
-
98
- // TEXT VARIANT WITH LINES
99
- test('text variant with lines > 1 should create line elements', () => {
100
- const el = document.createElement('mu-skeleton');
101
- el.setAttribute('variant', 'text');
102
- el.setAttribute('lines', '3');
103
- body.appendChild(el);
104
- const lines = el.querySelectorAll('.mu-skeleton__line');
105
- expect(lines.length).toBe(3);
106
- });
107
-
108
- test('last line in text variant should be 70% width', () => {
109
- const el = document.createElement('mu-skeleton');
110
- el.setAttribute('variant', 'text');
111
- el.setAttribute('lines', '2');
112
- body.appendChild(el);
113
- const lines = el.querySelectorAll('.mu-skeleton__line');
114
- expect(lines[1].style.width).toBe('70%');
115
- });
116
-
117
- // CUSTOM DIMENSIONS
118
- test('should support custom width', () => {
119
- const el = document.createElement('mu-skeleton');
120
- el.setAttribute('width', '200px');
121
- body.appendChild(el);
122
- expect(el.style.width).toBe('200px');
123
- });
124
-
125
- test('should support custom height', () => {
126
- const el = document.createElement('mu-skeleton');
127
- el.setAttribute('height', '40px');
128
- body.appendChild(el);
129
- expect(el.style.height).toBe('40px');
130
- });
131
-
132
- // ANIMATION
133
- test('should have animation', () => {
134
- const el = document.createElement('mu-skeleton');
135
- body.appendChild(el);
136
- expect(el.style.animation).toContain('mu-skeleton-pulse');
137
- });
138
-
139
- // KEYFRAMES INJECTION
140
- test('should inject keyframes style element', () => {
141
- const el = document.createElement('mu-skeleton');
142
- body.appendChild(el);
143
- expect(document.getElementById('mu-skeleton-styles')).not.toBeNull();
144
- });
145
-
146
- // IDEMPOTENT
147
- test('should be idempotent', () => {
148
- const el = document.createElement('mu-skeleton');
149
- body.appendChild(el);
150
- el.render();
151
- expect(el.style.animation).toContain('mu-skeleton-pulse');
152
- });
153
-
154
- // UPDATE
155
- test('update should call render', () => {
156
- const el = document.createElement('mu-skeleton');
157
- body.appendChild(el);
158
- el.update('width', '300px', '100%');
159
- // Idempotent - won't re-render if already has animation
160
- expect(el.style.display).toBe('block');
161
- });
162
- });
package/tests/components/mu-stack.test.js DELETED
@@ -1,143 +0,0 @@
1
- /**
2
- * @fileoverview Unit Tests for mu-stack Layout Component
3
- * Target: 27% → 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 MuStack;
11
-
12
- describe('mu-stack 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-stack.js');
27
- MuStack = module.MuStack;
28
- });
29
-
30
- beforeEach(() => { body.innerHTML = ''; });
31
-
32
- // REGISTRATION
33
- test('should be registered', () => {
34
- expect(customElements.get('mu-stack')).toBe(MuStack);
35
- });
36
-
37
- test('should have correct baseClass', () => {
38
- expect(MuStack.baseClass).toBe('mu-stack');
39
- });
40
-
41
- test('should observe layout attributes', () => {
42
- expect(MuStack.observedAttributes).toContain('direction');
43
- expect(MuStack.observedAttributes).toContain('gap');
44
- expect(MuStack.observedAttributes).toContain('align');
45
- expect(MuStack.observedAttributes).toContain('justify');
46
- expect(MuStack.observedAttributes).toContain('wrap');
47
- });
48
-
49
- // DISPLAY
50
- test('should have display flex', () => {
51
- const el = document.createElement('mu-stack');
52
- body.appendChild(el);
53
- expect(el.style.display).toBe('flex');
54
- });
55
-
56
- // DIRECTION
57
- test('should default to column direction', () => {
58
- const el = document.createElement('mu-stack');
59
- body.appendChild(el);
60
- expect(el.style.flexDirection).toBe('column');
61
- });
62
-
63
- test('should support row direction', () => {
64
- const el = document.createElement('mu-stack');
65
- el.setAttribute('direction', 'row');
66
- body.appendChild(el);
67
- expect(el.style.flexDirection).toBe('row');
68
- });
69
-
70
- // GAP
71
- test('should support xs gap', () => {
72
- const el = document.createElement('mu-stack');
73
- el.setAttribute('gap', 'xs');
74
- body.appendChild(el);
75
- expect(el.style.gap).toContain('4px');
76
- });
77
-
78
- test('should support sm gap', () => {
79
- const el = document.createElement('mu-stack');
80
- el.setAttribute('gap', 'sm');
81
- body.appendChild(el);
82
- expect(el.style.gap).toContain('8px');
83
- });
84
-
85
- test('should support lg gap', () => {
86
- const el = document.createElement('mu-stack');
87
- el.setAttribute('gap', 'lg');
88
- body.appendChild(el);
89
- expect(el.style.gap).toContain('24px');
90
- });
91
-
92
- test('should support custom gap value', () => {
93
- const el = document.createElement('mu-stack');
94
- el.setAttribute('gap', '12px');
95
- body.appendChild(el);
96
- expect(el.style.gap).toBe('12px');
97
- });
98
-
99
- // ALIGN
100
- test('should default to stretch align', () => {
101
- const el = document.createElement('mu-stack');
102
- body.appendChild(el);
103
- expect(el.style.alignItems).toBe('stretch');
104
- });
105
-
106
- test('should support center align', () => {
107
- const el = document.createElement('mu-stack');
108
- el.setAttribute('align', 'center');
109
- body.appendChild(el);
110
- expect(el.style.alignItems).toBe('center');
111
- });
112
-
113
- // JUSTIFY
114
- test('should support center justify', () => {
115
- const el = document.createElement('mu-stack');
116
- el.setAttribute('justify', 'center');
117
- body.appendChild(el);
118
- expect(el.style.justifyContent).toBe('center');
119
- });
120
-
121
- // WRAP
122
- test('should default to nowrap', () => {
123
- const el = document.createElement('mu-stack');
124
- body.appendChild(el);
125
- expect(el.style.flexWrap).toBe('nowrap');
126
- });
127
-
128
- test('should support wrap attribute', () => {
129
- const el = document.createElement('mu-stack');
130
- el.setAttribute('wrap', '');
131
- body.appendChild(el);
132
- expect(el.style.flexWrap).toBe('wrap');
133
- });
134
-
135
- // UPDATE
136
- test('update should re-apply styles', () => {
137
- const el = document.createElement('mu-stack');
138
- body.appendChild(el);
139
- el.setAttribute('direction', 'row');
140
- el.update('direction', 'row', 'column');
141
- expect(el.style.flexDirection).toBe('row');
142
- });
143
- });