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-switch.test.js DELETED
@@ -1,292 +0,0 @@
1
- /**
2
- * @fileoverview Exhaustive Unit Tests for mu-switch Component
3
- *
4
- * Target: 9.30% → 90% coverage
5
- */
6
-
7
- import { describe, test, expect, beforeAll, beforeEach } from 'bun:test';
8
- import { parseHTML } from 'linkedom';
9
-
10
- let document, customElements, HTMLElement, body;
11
- let MuSwitch;
12
-
13
- describe('mu-switch Unit Tests', () => {
14
-
15
- beforeAll(async () => {
16
- const dom = parseHTML('<!DOCTYPE html><html><body></body></html>');
17
- document = dom.document;
18
- customElements = dom.customElements;
19
- HTMLElement = dom.HTMLElement;
20
- body = document.body;
21
-
22
- globalThis.window = dom.window;
23
- globalThis.document = document;
24
- globalThis.customElements = customElements;
25
- globalThis.HTMLElement = HTMLElement;
26
- globalThis.CustomEvent = class CustomEvent extends Event {
27
- constructor(type, options = {}) {
28
- super(type, options);
29
- this.detail = options.detail;
30
- }
31
- };
32
- globalThis.requestAnimationFrame = (cb) => { cb(Date.now()); return 0; };
33
- globalThis.PointerEvent = class PointerEvent extends Event {
34
- constructor(type, init = {}) {
35
- super(type, init);
36
- this.clientX = init.clientX || 0;
37
- this.clientY = init.clientY || 0;
38
- }
39
- };
40
-
41
- const module = await import('../../src/components/mu-switch.js');
42
- MuSwitch = module.MuSwitch;
43
-
44
- MuSwitch.prototype.emit = function (eventName, detail) {
45
- try {
46
- this.dispatchEvent(new Event(eventName, { bubbles: true }));
47
- } catch (e) { }
48
- };
49
- });
50
-
51
- beforeEach(() => { body.innerHTML = ''; });
52
-
53
- // ============================================================
54
- // REGISTRATION
55
- // ============================================================
56
-
57
- test('should be registered as custom element', () => {
58
- expect(customElements.get('mu-switch')).toBe(MuSwitch);
59
- });
60
-
61
- test('should have correct baseClass', () => {
62
- expect(MuSwitch.baseClass).toBe('mu-switch');
63
- });
64
-
65
- test('should observe correct attributes', () => {
66
- expect(MuSwitch.observedAttributes).toContain('checked');
67
- expect(MuSwitch.observedAttributes).toContain('disabled');
68
- expect(MuSwitch.observedAttributes).toContain('label');
69
- });
70
-
71
- // ============================================================
72
- // DOM STRUCTURE
73
- // ============================================================
74
-
75
- test('should render with base class', () => {
76
- const el = document.createElement('mu-switch');
77
- body.appendChild(el);
78
- expect(el.classList.contains('mu-switch')).toBe(true);
79
- });
80
-
81
- test('should create track element', () => {
82
- const el = document.createElement('mu-switch');
83
- body.appendChild(el);
84
- expect(el.querySelector('.mu-switch__track')).not.toBeNull();
85
- });
86
-
87
- test('should create thumb element', () => {
88
- const el = document.createElement('mu-switch');
89
- body.appendChild(el);
90
- expect(el.querySelector('.mu-switch__thumb')).not.toBeNull();
91
- });
92
-
93
- test('should create label if text provided', () => {
94
- const el = document.createElement('mu-switch');
95
- el.textContent = 'Enable notifications';
96
- body.appendChild(el);
97
- expect(el.querySelector('.mu-switch__label')).not.toBeNull();
98
- });
99
-
100
- test('should not create label if no text', () => {
101
- const el = document.createElement('mu-switch');
102
- body.appendChild(el);
103
- expect(el.querySelector('.mu-switch__label')).toBeNull();
104
- });
105
-
106
- test('should be idempotent on re-render', () => {
107
- const el = document.createElement('mu-switch');
108
- body.appendChild(el);
109
- el.render();
110
- expect(el.querySelectorAll('.mu-switch__track').length).toBe(1);
111
- });
112
-
113
- // ============================================================
114
- // ARIA ACCESSIBILITY
115
- // ============================================================
116
-
117
- test('should have role="switch"', () => {
118
- const el = document.createElement('mu-switch');
119
- body.appendChild(el);
120
- expect(el.getAttribute('role')).toBe('switch');
121
- });
122
-
123
- test('should have aria-checked="false" by default', () => {
124
- const el = document.createElement('mu-switch');
125
- body.appendChild(el);
126
- expect(el.getAttribute('aria-checked')).toBe('false');
127
- });
128
-
129
- test('should have aria-checked="true" when checked', () => {
130
- const el = document.createElement('mu-switch');
131
- el.setAttribute('checked', '');
132
- body.appendChild(el);
133
- expect(el.getAttribute('aria-checked')).toBe('true');
134
- });
135
-
136
- test('should have aria-disabled="false" by default', () => {
137
- const el = document.createElement('mu-switch');
138
- body.appendChild(el);
139
- expect(el.getAttribute('aria-disabled')).toBe('false');
140
- });
141
-
142
- test('should have aria-disabled="true" when disabled', () => {
143
- const el = document.createElement('mu-switch');
144
- el.setAttribute('disabled', '');
145
- body.appendChild(el);
146
- expect(el.getAttribute('aria-disabled')).toBe('true');
147
- });
148
-
149
- test('should have tabindex="0" by default', () => {
150
- const el = document.createElement('mu-switch');
151
- body.appendChild(el);
152
- expect(el.getAttribute('tabindex')).toBe('0');
153
- });
154
-
155
- test('should have tabindex="-1" when disabled', () => {
156
- const el = document.createElement('mu-switch');
157
- el.setAttribute('disabled', '');
158
- body.appendChild(el);
159
- expect(el.getAttribute('tabindex')).toBe('-1');
160
- });
161
-
162
- // ============================================================
163
- // TOGGLE BEHAVIOR
164
- // ============================================================
165
-
166
- test('toggle() should set checked when unchecked', () => {
167
- const el = document.createElement('mu-switch');
168
- body.appendChild(el);
169
- expect(el.hasAttribute('checked')).toBe(false);
170
- el.toggle();
171
- expect(el.hasAttribute('checked')).toBe(true);
172
- });
173
-
174
- test('toggle() should unset checked when checked', () => {
175
- const el = document.createElement('mu-switch');
176
- el.setAttribute('checked', '');
177
- body.appendChild(el);
178
- el.toggle();
179
- expect(el.hasAttribute('checked')).toBe(false);
180
- });
181
-
182
- // ============================================================
183
- // CHECKED GETTER/SETTER
184
- // ============================================================
185
-
186
- test('checked getter returns false by default', () => {
187
- const el = document.createElement('mu-switch');
188
- body.appendChild(el);
189
- expect(el.checked).toBe(false);
190
- });
191
-
192
- test('checked getter returns true when checked', () => {
193
- const el = document.createElement('mu-switch');
194
- el.setAttribute('checked', '');
195
- body.appendChild(el);
196
- expect(el.checked).toBe(true);
197
- });
198
-
199
- test('checked setter true adds attribute', () => {
200
- const el = document.createElement('mu-switch');
201
- body.appendChild(el);
202
- el.checked = true;
203
- expect(el.hasAttribute('checked')).toBe(true);
204
- });
205
-
206
- test('checked setter false removes attribute', () => {
207
- const el = document.createElement('mu-switch');
208
- el.setAttribute('checked', '');
209
- body.appendChild(el);
210
- el.checked = false;
211
- expect(el.hasAttribute('checked')).toBe(false);
212
- });
213
-
214
- // ============================================================
215
- // DISABLED STATE
216
- // ============================================================
217
-
218
- test('disabled should set cursor to not-allowed', () => {
219
- const el = document.createElement('mu-switch');
220
- el.setAttribute('disabled', '');
221
- body.appendChild(el);
222
- expect(el.style.cursor).toBe('not-allowed');
223
- });
224
-
225
- test('click on disabled should not toggle', () => {
226
- const el = document.createElement('mu-switch');
227
- el.setAttribute('disabled', '');
228
- body.appendChild(el);
229
- el.click();
230
- expect(el.hasAttribute('checked')).toBe(false);
231
- });
232
-
233
- // ============================================================
234
- // VISUAL STATES
235
- // ============================================================
236
-
237
- test('unchecked track has surface background', () => {
238
- const el = document.createElement('mu-switch');
239
- body.appendChild(el);
240
- const track = el.querySelector('.mu-switch__track');
241
- expect(track.style.background).toContain('surface-container');
242
- });
243
-
244
- test('checked track has primary background', () => {
245
- const el = document.createElement('mu-switch');
246
- el.setAttribute('checked', '');
247
- body.appendChild(el);
248
- const track = el.querySelector('.mu-switch__track');
249
- expect(track.style.background).toContain('primary');
250
- });
251
-
252
- test('thumb size changes when checked', () => {
253
- const el = document.createElement('mu-switch');
254
- body.appendChild(el);
255
- const thumb = el.querySelector('.mu-switch__thumb');
256
- expect(thumb.style.width).toBe('16px');
257
- el.setAttribute('checked', '');
258
- el.update('checked', '', null);
259
- expect(thumb.style.width).toBe('24px');
260
- });
261
-
262
- test('thumb position changes when checked', () => {
263
- const el = document.createElement('mu-switch');
264
- body.appendChild(el);
265
- const thumb = el.querySelector('.mu-switch__thumb');
266
- expect(thumb.style.left).toBe('6px');
267
- el.setAttribute('checked', '');
268
- el.update('checked', '', null);
269
- expect(thumb.style.left).toBe('24px');
270
- });
271
-
272
- // ============================================================
273
- // LABEL STYLING
274
- // ============================================================
275
-
276
- test('label should have on-surface color', () => {
277
- const el = document.createElement('mu-switch');
278
- el.textContent = 'Test label';
279
- body.appendChild(el);
280
- const label = el.querySelector('.mu-switch__label');
281
- expect(label.style.color).toContain('on-surface');
282
- });
283
-
284
- test('disabled label should have reduced opacity', () => {
285
- const el = document.createElement('mu-switch');
286
- el.textContent = 'Test label';
287
- el.setAttribute('disabled', '');
288
- body.appendChild(el);
289
- const label = el.querySelector('.mu-switch__label');
290
- expect(label.style.color).toContain('38%');
291
- });
292
- });
package/tests/components/mu-table.test.js DELETED
@@ -1,124 +0,0 @@
1
- /**
2
- * @fileoverview Unit Tests for mu-table Components
3
- * Target: 68% → 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 MuTable, MuThead, MuTbody, MuTr, MuTh, MuTd;
11
-
12
- describe('mu-table 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-table.js');
27
- MuTable = module.MuTable;
28
- MuThead = module.MuThead;
29
- MuTbody = module.MuTbody;
30
- MuTr = module.MuTr;
31
- MuTh = module.MuTh;
32
- MuTd = module.MuTd;
33
- });
34
-
35
- beforeEach(() => { body.innerHTML = ''; });
36
-
37
- // ============ MuTable ============
38
- test('mu-table should be registered', () => {
39
- expect(customElements.get('mu-table')).toBe(MuTable);
40
- });
41
-
42
- test('mu-table should have correct baseClass', () => {
43
- expect(MuTable.baseClass).toBe('mu-table');
44
- });
45
-
46
- test('mu-table should have table display', () => {
47
- const el = document.createElement('mu-table');
48
- body.appendChild(el);
49
- expect(el.style.display).toBe('table');
50
- });
51
-
52
- test('mu-table should have 100% width', () => {
53
- const el = document.createElement('mu-table');
54
- body.appendChild(el);
55
- expect(el.style.width).toBe('100%');
56
- });
57
-
58
- // ============ MuThead ============
59
- test('mu-thead should be registered', () => {
60
- expect(customElements.get('mu-thead')).toBe(MuThead);
61
- });
62
-
63
- test('mu-thead should have table-header-group display', () => {
64
- const el = document.createElement('mu-thead');
65
- body.appendChild(el);
66
- expect(el.style.display).toBe('table-header-group');
67
- });
68
-
69
- // ============ MuTbody ============
70
- test('mu-tbody should be registered', () => {
71
- expect(customElements.get('mu-tbody')).toBe(MuTbody);
72
- });
73
-
74
- test('mu-tbody should have table-row-group display', () => {
75
- const el = document.createElement('mu-tbody');
76
- body.appendChild(el);
77
- expect(el.style.display).toBe('table-row-group');
78
- });
79
-
80
- // ============ MuTr ============
81
- test('mu-tr should be registered', () => {
82
- expect(customElements.get('mu-tr')).toBe(MuTr);
83
- });
84
-
85
- test('mu-tr should have table-row display', () => {
86
- const el = document.createElement('mu-tr');
87
- body.appendChild(el);
88
- expect(el.style.display).toBe('table-row');
89
- });
90
-
91
- // ============ MuTh ============
92
- test('mu-th should be registered', () => {
93
- expect(customElements.get('mu-th')).toBe(MuTh);
94
- });
95
-
96
- test('mu-th should have table-cell display', () => {
97
- const el = document.createElement('mu-th');
98
- body.appendChild(el);
99
- expect(el.style.display).toBe('table-cell');
100
- });
101
-
102
- test('mu-th should have font-weight 600', () => {
103
- const el = document.createElement('mu-th');
104
- body.appendChild(el);
105
- expect(el.style.fontWeight).toBe('600');
106
- });
107
-
108
- // ============ MuTd ============
109
- test('mu-td should be registered', () => {
110
- expect(customElements.get('mu-td')).toBe(MuTd);
111
- });
112
-
113
- test('mu-td should have table-cell display', () => {
114
- const el = document.createElement('mu-td');
115
- body.appendChild(el);
116
- expect(el.style.display).toBe('table-cell');
117
- });
118
-
119
- test('mu-td should have padding', () => {
120
- const el = document.createElement('mu-td');
121
- body.appendChild(el);
122
- expect(el.style.padding).toBe('12px 16px');
123
- });
124
- });
package/tests/components/mu-tabs.test.js DELETED
@@ -1,104 +0,0 @@
1
- /**
2
- * @fileoverview Unit Tests for mu-tabs Component
3
- * Target: 66% → 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 MuTabs, MuTab;
11
-
12
- describe('mu-tabs 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-tabs.js');
27
- MuTabs = module.MuTabs;
28
- MuTab = module.MuTab;
29
- });
30
-
31
- beforeEach(() => { body.innerHTML = ''; });
32
-
33
- // MU-TABS REGISTRATION
34
- test('mu-tabs should be registered', () => {
35
- expect(customElements.get('mu-tabs')).toBe(MuTabs);
36
- });
37
-
38
- test('mu-tabs should have correct baseClass', () => {
39
- expect(MuTabs.baseClass).toBe('mu-tabs');
40
- });
41
-
42
- test('mu-tabs should observe active', () => {
43
- expect(MuTabs.observedAttributes).toContain('active');
44
- });
45
-
46
- // MU-TAB REGISTRATION
47
- test('mu-tab should be registered', () => {
48
- expect(customElements.get('mu-tab')).toBe(MuTab);
49
- });
50
-
51
- test('mu-tab should have correct baseClass', () => {
52
- expect(MuTab.baseClass).toBe('mu-tabs__tab');
53
- });
54
-
55
- test('mu-tab should inherit from MuElement', () => {
56
- // MuTab doesn't define its own observedAttributes
57
- expect(MuTab.prototype).toBeDefined();
58
- });
59
-
60
- // MU-TABS RENDER - Skip: requires browser connectedCallback (covered by E2E)
61
- test.skip('mu-tabs should set role tablist (E2E only)', () => {
62
- const el = document.createElement('mu-tabs');
63
- body.appendChild(el);
64
- el.render();
65
- expect(el.getAttribute('role')).toBe('tablist');
66
- });
67
-
68
- test.skip('mu-tabs should create indicator (E2E only)', () => {
69
- const el = document.createElement('mu-tabs');
70
- body.appendChild(el);
71
- el.render();
72
- expect(el.querySelector('.mu-tabs__indicator')).not.toBeNull();
73
- });
74
-
75
- test.skip('mu-tab should set role tab (E2E only)', () => {
76
- const el = document.createElement('mu-tab');
77
- body.appendChild(el);
78
- el.render();
79
- expect(el.getAttribute('role')).toBe('tab');
80
- });
81
-
82
- test.skip('should have active getter (E2E only)', () => {
83
- const el = document.createElement('mu-tabs');
84
- body.appendChild(el);
85
- el.render();
86
- expect(el.active).toBeDefined();
87
- });
88
-
89
- test('should have active setter', () => {
90
- const el = document.createElement('mu-tabs');
91
- el.innerHTML = '<mu-tab value="tab1">Tab 1</mu-tab><mu-tab value="tab2">Tab 2</mu-tab>';
92
- body.appendChild(el);
93
- el.active = 'tab1';
94
- expect(el.active).toBe('tab1');
95
- });
96
-
97
- test.skip('disabled tab should have aria-disabled (E2E only)', () => {
98
- const el = document.createElement('mu-tab');
99
- el.setAttribute('disabled', '');
100
- body.appendChild(el);
101
- el.render();
102
- expect(el.getAttribute('aria-disabled')).toBe('true');
103
- });
104
- });
package/tests/components/mu-textarea.test.js DELETED
@@ -1,115 +0,0 @@
1
- /**
2
- * @fileoverview Unit Tests for mu-textarea Component
3
- * Target: 89% → 95% coverage
4
- */
5
-
6
- import { describe, test, expect, beforeAll, beforeEach } from 'bun:test';
7
- import { parseHTML } from 'linkedom';
8
-
9
- let document, customElements, body;
10
- let MuTextarea;
11
-
12
- describe('mu-textarea 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-textarea.js');
27
- MuTextarea = module.MuTextarea;
28
- });
29
-
30
- beforeEach(() => { body.innerHTML = ''; });
31
-
32
- // REGISTRATION
33
- test('should be registered', () => {
34
- expect(customElements.get('mu-textarea')).toBe(MuTextarea);
35
- });
36
-
37
- test('should have correct baseClass', () => {
38
- expect(MuTextarea.baseClass).toBe('mu-textarea');
39
- });
40
-
41
- test('should observe placeholder, rows, disabled, readonly, name', () => {
42
- expect(MuTextarea.observedAttributes).toContain('placeholder');
43
- expect(MuTextarea.observedAttributes).toContain('rows');
44
- expect(MuTextarea.observedAttributes).toContain('disabled');
45
- expect(MuTextarea.observedAttributes).toContain('readonly');
46
- expect(MuTextarea.observedAttributes).toContain('name');
47
- });
48
-
49
- // RENDER
50
- test('should render textarea element', () => {
51
- const el = document.createElement('mu-textarea');
52
- body.appendChild(el);
53
- expect(el.querySelector('textarea')).not.toBeNull();
54
- });
55
-
56
- test('render should be idempotent', () => {
57
- const el = document.createElement('mu-textarea');
58
- body.appendChild(el);
59
- el.render();
60
- expect(el.querySelectorAll('textarea').length).toBe(1);
61
- });
62
-
63
- // VALUE
64
- test('should have value getter', () => {
65
- const el = document.createElement('mu-textarea');
66
- body.appendChild(el);
67
- expect(el.value).toBeDefined();
68
- });
69
-
70
- test('should have value setter', () => {
71
- const el = document.createElement('mu-textarea');
72
- body.appendChild(el);
73
- el.value = 'test content';
74
- expect(el.querySelector('textarea').value).toBe('test content');
75
- });
76
-
77
- // FOCUS
78
- test('should have focus method', () => {
79
- const el = document.createElement('mu-textarea');
80
- body.appendChild(el);
81
- expect(typeof el.focus).toBe('function');
82
- });
83
-
84
- // PLACEHOLDER
85
- test('should support placeholder', () => {
86
- const el = document.createElement('mu-textarea');
87
- el.setAttribute('placeholder', 'Enter text');
88
- body.appendChild(el);
89
- expect(el.querySelector('textarea').placeholder).toBe('Enter text');
90
- });
91
-
92
- // ROWS
93
- test.skip('should support rows (E2E only)', () => {
94
- const el = document.createElement('mu-textarea');
95
- el.setAttribute('rows', '5');
96
- body.appendChild(el);
97
- expect(el.querySelector('textarea').rows).toBe(5);
98
- });
99
-
100
- // DISABLED
101
- test('should support disabled', () => {
102
- const el = document.createElement('mu-textarea');
103
- el.setAttribute('disabled', '');
104
- body.appendChild(el);
105
- expect(el.querySelector('textarea').disabled).toBe(true);
106
- });
107
-
108
- // READONLY
109
- test.skip('should support readonly (E2E only)', () => {
110
- const el = document.createElement('mu-textarea');
111
- el.setAttribute('readonly', '');
112
- body.appendChild(el);
113
- expect(el.querySelector('textarea').readOnly).toBe(true);
114
- });
115
- });