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