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.
- package/AGENTS.md +71 -71
- package/CHANGELOG.md +1 -1
- package/README.md +14 -9
- package/dist/AGENTS.md +116 -116
- package/dist/README.md +21 -16
- package/dist/components.css +1 -1
- package/dist/microui.css +1 -1
- package/dist/microui.esm.js.map +1 -1
- package/dist/microui.min.js.map +1 -1
- package/dist/styles/components/switch.css +1 -1
- package/docs/getting-started.md +3 -3
- package/package.json +38 -10
- package/src/components/mu-schema-form.js +1 -1
- package/src/styles/components/switch.css +7 -8
- package/src/styles/components.css +6 -6
- package/.github/ISSUE_TEMPLATE/bug_report.md +0 -40
- package/.github/ISSUE_TEMPLATE/feature_request.md +0 -33
- package/.github/PULL_REQUEST_TEMPLATE.md +0 -28
- package/.github/workflows/ci.yml +0 -42
- package/.github/workflows/deploy-pages.yml +0 -112
- package/CODE_OF_CONDUCT.md +0 -59
- package/CONTRIBUTING.md +0 -156
- package/SECURITY.md +0 -58
- package/app/.generated/routes/alerts.js +0 -8
- package/app/.generated/routes/avatars.js +0 -8
- package/app/.generated/routes/badges.js +0 -8
- package/app/.generated/routes/buttons.js +0 -10
- package/app/.generated/routes/cards.js +0 -10
- package/app/.generated/routes/checkboxes.js +0 -9
- package/app/.generated/routes/chips.js +0 -8
- package/app/.generated/routes/dropdowns.js +0 -9
- package/app/.generated/routes/home.js +0 -7
- package/app/.generated/routes/icons.js +0 -9
- package/app/.generated/routes/inputs.js +0 -10
- package/app/.generated/routes/installation.js +0 -7
- package/app/.generated/routes/layout.js +0 -9
- package/app/.generated/routes/modals.js +0 -9
- package/app/.generated/routes/navbar.js +0 -7
- package/app/.generated/routes/progress.js +0 -9
- package/app/.generated/routes/radios.js +0 -9
- package/app/.generated/routes/switches.js +0 -9
- package/app/.generated/routes/tabs.js +0 -8
- package/app/.generated/routes/toasts.js +0 -9
- package/app/index.html +0 -67
- package/app/pages/alerts.html +0 -23
- package/app/pages/avatars.html +0 -22
- package/app/pages/badges.html +0 -22
- package/app/pages/buttons.html +0 -71
- package/app/pages/cards.html +0 -54
- package/app/pages/checkboxes.html +0 -39
- package/app/pages/chips.html +0 -23
- package/app/pages/dropdowns.html +0 -41
- package/app/pages/home.html +0 -59
- package/app/pages/icons.html +0 -29
- package/app/pages/inputs.html +0 -66
- package/app/pages/installation.html +0 -34
- package/app/pages/layout.html +0 -30
- package/app/pages/modals.html +0 -21
- package/app/pages/navbar.html +0 -22
- package/app/pages/progress.html +0 -35
- package/app/pages/radios.html +0 -40
- package/app/pages/switches.html +0 -39
- package/app/pages/tabs.html +0 -30
- package/app/pages/toasts.html +0 -22
- package/app-dist/index.html +0 -67
- package/app-dist/pages/alerts.html +0 -23
- package/app-dist/pages/avatars.html +0 -22
- package/app-dist/pages/badges.html +0 -22
- package/app-dist/pages/buttons.html +0 -71
- package/app-dist/pages/cards.html +0 -54
- package/app-dist/pages/checkboxes.html +0 -39
- package/app-dist/pages/chips.html +0 -23
- package/app-dist/pages/dropdowns.html +0 -41
- package/app-dist/pages/home.html +0 -59
- package/app-dist/pages/icons.html +0 -29
- package/app-dist/pages/inputs.html +0 -66
- package/app-dist/pages/installation.html +0 -34
- package/app-dist/pages/layout.html +0 -30
- package/app-dist/pages/modals.html +0 -21
- package/app-dist/pages/navbar.html +0 -22
- package/app-dist/pages/progress.html +0 -35
- package/app-dist/pages/radios.html +0 -40
- package/app-dist/pages/switches.html +0 -39
- package/app-dist/pages/tabs.html +0 -30
- package/app-dist/pages/toasts.html +0 -22
- package/app-dist/pages.json +0 -217
- package/app-dist/routes/alerts.js +0 -5
- package/app-dist/routes/avatars.js +0 -1
- package/app-dist/routes/badges.js +0 -1
- package/app-dist/routes/buttons.js +0 -1
- package/app-dist/routes/cards.js +0 -1
- package/app-dist/routes/checkboxes.js +0 -9
- package/app-dist/routes/chips.js +0 -4
- package/app-dist/routes/chunk-019e5e2f.js +0 -5
- package/app-dist/routes/chunk-0m4j19yd.js +0 -2
- package/app-dist/routes/chunk-0tmmp5q0.js +0 -1
- package/app-dist/routes/chunk-10xn709r.js +0 -1
- package/app-dist/routes/chunk-15m2qcda.js +0 -2
- package/app-dist/routes/chunk-1bh8g23n.js +0 -1
- package/app-dist/routes/chunk-1vg0v937.js +0 -1
- package/app-dist/routes/chunk-1zvcgy3j.js +0 -1
- package/app-dist/routes/chunk-2afb0861.js +0 -1
- package/app-dist/routes/chunk-2c6ttpzt.js +0 -5
- package/app-dist/routes/chunk-3dy30fhs.js +0 -1
- package/app-dist/routes/chunk-426dnces.js +0 -13
- package/app-dist/routes/chunk-44kgxery.js +0 -1
- package/app-dist/routes/chunk-47fdnejd.js +0 -33
- package/app-dist/routes/chunk-49a6t2vq.js +0 -1
- package/app-dist/routes/chunk-4fe1rm5b.js +0 -1
- package/app-dist/routes/chunk-4ggmvkta.js +0 -33
- package/app-dist/routes/chunk-4vkz81q7.js +0 -33
- package/app-dist/routes/chunk-4w4tmj8f.js +0 -31
- package/app-dist/routes/chunk-532s62kr.js +0 -31
- package/app-dist/routes/chunk-5hm3bssy.js +0 -33
- package/app-dist/routes/chunk-5vrh24hc.js +0 -1
- package/app-dist/routes/chunk-61pcg25a.js +0 -1
- package/app-dist/routes/chunk-6nfhygvf.js +0 -1
- package/app-dist/routes/chunk-700e7je6.js +0 -33
- package/app-dist/routes/chunk-7fsn17kg.js +0 -1
- package/app-dist/routes/chunk-7k789b32.js +0 -1
- package/app-dist/routes/chunk-7r46q0ys.js +0 -36
- package/app-dist/routes/chunk-86fmc1fr.js +0 -5
- package/app-dist/routes/chunk-8qth37vw.js +0 -1
- package/app-dist/routes/chunk-924wv8n0.js +0 -1
- package/app-dist/routes/chunk-9mbhgxk9.js +0 -1
- package/app-dist/routes/chunk-a216hyd9.js +0 -1
- package/app-dist/routes/chunk-akzxykh9.js +0 -33
- package/app-dist/routes/chunk-b3dcvy8c.js +0 -1
- package/app-dist/routes/chunk-b74zahz5.js +0 -31
- package/app-dist/routes/chunk-bftj53p2.js +0 -5
- package/app-dist/routes/chunk-c01hnz3e.js +0 -1
- package/app-dist/routes/chunk-d8pvv5km.js +0 -1
- package/app-dist/routes/chunk-dev0aezr.js +0 -2
- package/app-dist/routes/chunk-dh6vnv0e.js +0 -1
- package/app-dist/routes/chunk-dn2cbpva.js +0 -36
- package/app-dist/routes/chunk-dvn0my90.js +0 -1
- package/app-dist/routes/chunk-dvq8mnve.js +0 -36
- package/app-dist/routes/chunk-e8c2gc4d.js +0 -5
- package/app-dist/routes/chunk-ejf9ak2x.js +0 -1
- package/app-dist/routes/chunk-f083m55s.js +0 -1
- package/app-dist/routes/chunk-fnrj28s1.js +0 -31
- package/app-dist/routes/chunk-fvg3yjdp.js +0 -31
- package/app-dist/routes/chunk-g7k381n1.js +0 -1
- package/app-dist/routes/chunk-h01kq2ae.js +0 -13
- package/app-dist/routes/chunk-h4dk761v.js +0 -5
- package/app-dist/routes/chunk-hmx91z2x.js +0 -5
- package/app-dist/routes/chunk-hxbg4m42.js +0 -36
- package/app-dist/routes/chunk-jbjnfp2b.js +0 -2
- package/app-dist/routes/chunk-jxtz5vv6.js +0 -36
- package/app-dist/routes/chunk-jxzcs0ey.js +0 -36
- package/app-dist/routes/chunk-kt7wwhcx.js +0 -1
- package/app-dist/routes/chunk-kzptszyc.js +0 -33
- package/app-dist/routes/chunk-mhgca4w4.js +0 -2
- package/app-dist/routes/chunk-mhswxa20.js +0 -1
- package/app-dist/routes/chunk-n8zfeex6.js +0 -1
- package/app-dist/routes/chunk-pee47b2r.js +0 -1
- package/app-dist/routes/chunk-pesmw829.js +0 -1
- package/app-dist/routes/chunk-pgc4c6f3.js +0 -36
- package/app-dist/routes/chunk-q8egegm1.js +0 -1
- package/app-dist/routes/chunk-q9mn2qyq.js +0 -36
- package/app-dist/routes/chunk-qh0rtaf3.js +0 -5
- package/app-dist/routes/chunk-qqhmk6ye.js +0 -2
- package/app-dist/routes/chunk-qrxygmf7.js +0 -33
- package/app-dist/routes/chunk-r46yzksx.js +0 -36
- package/app-dist/routes/chunk-rgpbw2w0.js +0 -5
- package/app-dist/routes/chunk-rnpzv3d8.js +0 -2
- package/app-dist/routes/chunk-s5v8cv05.js +0 -2
- package/app-dist/routes/chunk-sbwn5bpc.js +0 -1
- package/app-dist/routes/chunk-sqbg8jbt.js +0 -33
- package/app-dist/routes/chunk-sv8dqnf7.js +0 -1
- package/app-dist/routes/chunk-t67sw3za.js +0 -1
- package/app-dist/routes/chunk-tjdpqwdf.js +0 -31
- package/app-dist/routes/chunk-tq2mfghg.js +0 -1
- package/app-dist/routes/chunk-ttn10vt6.js +0 -1
- package/app-dist/routes/chunk-v2hzpjxr.js +0 -1
- package/app-dist/routes/chunk-wfjjkw9y.js +0 -1
- package/app-dist/routes/chunk-wt8cxzmf.js +0 -31
- package/app-dist/routes/chunk-x45d372k.js +0 -5
- package/app-dist/routes/chunk-y3wsazkt.js +0 -1
- package/app-dist/routes/chunk-y7pmgc7t.js +0 -33
- package/app-dist/routes/chunk-zefdt2q3.js +0 -31
- package/app-dist/routes/dropdowns.js +0 -6
- package/app-dist/routes/home.js +0 -1
- package/app-dist/routes/icons.js +0 -1
- package/app-dist/routes/inputs.js +0 -12
- package/app-dist/routes/installation.js +0 -1
- package/app-dist/routes/layout.js +0 -1
- package/app-dist/routes/modals.js +0 -7
- package/app-dist/routes/navbar.js +0 -1
- package/app-dist/routes/progress.js +0 -1
- package/app-dist/routes/radios.js +0 -6
- package/app-dist/routes/switches.js +0 -6
- package/app-dist/routes/tabs.js +0 -1
- package/app-dist/routes/toasts.js +0 -16
- package/assets/fonts/material-symbols-mini.woff2 +0 -0
- package/assets/fonts/material-symbols.woff2 +0 -0
- package/assets/fonts/roboto-400.woff2 +0 -0
- package/assets/fonts/roboto-500.woff2 +0 -0
- package/assets/fonts/roboto-700.woff2 +0 -0
- package/assets/logo-banner-400.jpg +0 -0
- package/assets/logo-banner-400.webp +0 -0
- package/assets/logo-banner-800.webp +0 -0
- package/assets/logo-banner.jpg +0 -0
- package/assets/logo-icon-64.jpg +0 -0
- package/assets/logo-icon-64.webp +0 -0
- package/assets/logo-icon.jpg +0 -0
- package/assets/logo-square.jpg +0 -0
- package/bun.lock +0 -312
- package/bunfig.toml +0 -4
- package/custom-elements.json +0 -1916
- package/demo/api/sample-data.json +0 -38
- package/demo/content/alerts.html +0 -115
- package/demo/content/avatars.html +0 -70
- package/demo/content/badges.html +0 -65
- package/demo/content/buttons.html +0 -188
- package/demo/content/callouts.html +0 -91
- package/demo/content/cards.html +0 -121
- package/demo/content/checkboxes.html +0 -178
- package/demo/content/chips.html +0 -67
- package/demo/content/codeblocks.html +0 -101
- package/demo/content/confirms.html +0 -115
- package/demo/content/datatables.html +0 -149
- package/demo/content/dividers.html +0 -119
- package/demo/content/dropdowns.html +0 -89
- package/demo/content/enterprise.html +0 -252
- package/demo/content/home.html +0 -149
- package/demo/content/icons.html +0 -89
- package/demo/content/inputs.html +0 -135
- package/demo/content/installation.html +0 -16
- package/demo/content/layout.html +0 -136
- package/demo/content/modals.html +0 -141
- package/demo/content/navbar.html +0 -70
- package/demo/content/progress.html +0 -119
- package/demo/content/radios.html +0 -88
- package/demo/content/skeletons.html +0 -109
- package/demo/content/spinners.html +0 -96
- package/demo/content/switches.html +0 -84
- package/demo/content/tables.html +0 -124
- package/demo/content/tabs.html +0 -85
- package/demo/content/toasts.html +0 -116
- package/demo/content/tooltips.html +0 -107
- package/demo/content/virtual-lists.html +0 -233
- package/demo/favicon.ico +0 -0
- package/demo/favicon.png +0 -0
- package/demo/full.html +0 -52
- package/demo/iife.html +0 -46
- package/demo/manifest.json +0 -34
- package/demo/pages/datatable-demo.html +0 -237
- package/demo/pages/prompt-ui-demo.html +0 -218
- package/demo/pages/responsive-demo.html +0 -122
- package/demo/pages/schema-form-demo.html +0 -270
- package/demo/robots.txt +0 -6
- package/demo/shell.html +0 -712
- package/demo/sw.js +0 -387
- package/lighthouse-audit.mjs +0 -113
- package/scripts/analyze-components.js +0 -105
- package/scripts/build-app.js +0 -193
- package/scripts/build-framework.js +0 -444
- package/scripts/build-utils.js +0 -101
- package/scripts/test-isolated.js +0 -151
- package/server.js +0 -256
- package/tests/agents/agent-integration.test.js +0 -76
- package/tests/benchmark.html +0 -296
- package/tests/build/scan-components.test.js +0 -173
- package/tests/components/all-components.test.js +0 -245
- package/tests/components/all-missing-components.test.js +0 -574
- package/tests/components/mu-alert.test.js +0 -113
- package/tests/components/mu-avatar.test.js +0 -148
- package/tests/components/mu-badge.test.js +0 -92
- package/tests/components/mu-button.test.js +0 -112
- package/tests/components/mu-card.test.js +0 -89
- package/tests/components/mu-checkbox.test.js +0 -158
- package/tests/components/mu-chip.test.js +0 -118
- package/tests/components/mu-container.test.js +0 -120
- package/tests/components/mu-divider.test.js +0 -98
- package/tests/components/mu-drawer-item.test.js +0 -199
- package/tests/components/mu-drawer.test.js +0 -96
- package/tests/components/mu-dropdown.test.js +0 -125
- package/tests/components/mu-form.test.js +0 -138
- package/tests/components/mu-grid.test.js +0 -135
- package/tests/components/mu-icon.test.js +0 -110
- package/tests/components/mu-input.test.js +0 -131
- package/tests/components/mu-lazy.test.js +0 -103
- package/tests/components/mu-modal.test.js +0 -275
- package/tests/components/mu-navbar.test.js +0 -101
- package/tests/components/mu-progress.test.js +0 -115
- package/tests/components/mu-radio.test.js +0 -114
- package/tests/components/mu-repeat.test.js +0 -106
- package/tests/components/mu-sidebar.test.js +0 -126
- package/tests/components/mu-skeleton.test.js +0 -162
- package/tests/components/mu-stack.test.js +0 -143
- package/tests/components/mu-switch.test.js +0 -292
- package/tests/components/mu-table.test.js +0 -124
- package/tests/components/mu-tabs.test.js +0 -104
- package/tests/components/mu-textarea.test.js +0 -115
- package/tests/components/mu-toast.test.js +0 -321
- package/tests/components/mu-tooltip.test.js +0 -133
- package/tests/components/mu-virtual-list.test.js +0 -109
- package/tests/core/MuElement.test.js +0 -120
- package/tests/core/agent-api.test.js +0 -125
- package/tests/core/all-core-modules.test.js +0 -442
- package/tests/core/bus.test.js +0 -364
- package/tests/core/component-schema.test.js +0 -160
- package/tests/core/feature-registry.test.js +0 -198
- package/tests/core/form-state.test.js +0 -167
- package/tests/core/http.test.js +0 -119
- package/tests/core/keyboard.test.js +0 -319
- package/tests/core/layers.test.js +0 -129
- package/tests/core/namespaced-stores.test.js +0 -114
- package/tests/core/render.test.js +0 -121
- package/tests/core/ripple.test.js +0 -131
- package/tests/core/router.test.js +0 -89
- package/tests/core/scheduler.test.js +0 -121
- package/tests/core/signals.test.js +0 -128
- package/tests/core/store.test.js +0 -171
- package/tests/core/transitions.test.js +0 -82
- package/tests/e2e/accessibility-harness.html +0 -58
- package/tests/e2e/accessibility.test.js +0 -401
- package/tests/e2e/agent-features.test.js +0 -372
- package/tests/e2e/card-spacing.test.js +0 -287
- package/tests/e2e/components.test.js +0 -439
- package/tests/e2e/demo-routes.test.js +0 -478
- package/tests/e2e/layout-css-fallback.test.js +0 -334
- package/tests/e2e/mu-alert.e2e.test.js +0 -111
- package/tests/e2e/mu-checkbox.test.js +0 -489
- package/tests/e2e/mu-chip.test.js +0 -347
- package/tests/e2e/mu-form.test.js +0 -499
- package/tests/e2e/mu-icon.test.js +0 -114
- package/tests/e2e/mu-radio.test.js +0 -113
- package/tests/e2e/mu-skeleton.test.js +0 -140
- package/tests/e2e/mu-switch.test.js +0 -415
- package/tests/e2e/mu-tabs.test.js +0 -494
- package/tests/e2e/mu-textarea.test.js +0 -242
- package/tests/e2e/mu-virtual-list.test.js +0 -427
- package/tests/e2e/perf-memory.test.js +0 -161
- package/tests/e2e/puppeteer-helper.js +0 -137
- package/tests/e2e/puppeteer.test.js +0 -226
- package/tests/e2e/pwa.test.js +0 -261
- package/tests/e2e/test-harness.html +0 -319
- package/tests/manual/test-components.html +0 -120
- package/tests/memory-test.html +0 -309
- package/tests/setup-dom.js +0 -93
- package/tests/visual-test.html +0 -301
|
@@ -1,245 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @fileoverview Comprehensive Component Tests for microUI v2
|
|
3
|
-
*/
|
|
4
|
-
|
|
5
|
-
import { describe, test, expect, beforeAll } from 'bun:test';
|
|
6
|
-
|
|
7
|
-
// Setup linkedom for DOM testing
|
|
8
|
-
import { parseHTML } from 'linkedom';
|
|
9
|
-
const { document, customElements, HTMLElement } = parseHTML('<!DOCTYPE html><html><body></body></html>');
|
|
10
|
-
globalThis.document = document;
|
|
11
|
-
globalThis.customElements = customElements;
|
|
12
|
-
globalThis.HTMLElement = HTMLElement;
|
|
13
|
-
globalThis.CustomEvent = class CustomEvent extends Event {
|
|
14
|
-
constructor(type, options = {}) {
|
|
15
|
-
super(type, options);
|
|
16
|
-
this.detail = options.detail;
|
|
17
|
-
}
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
// ============================================
|
|
21
|
-
// FORM COMPONENTS TESTS
|
|
22
|
-
// ============================================
|
|
23
|
-
|
|
24
|
-
describe('mu-checkbox Component', () => {
|
|
25
|
-
let MuCheckbox;
|
|
26
|
-
|
|
27
|
-
beforeAll(async () => {
|
|
28
|
-
const module = await import('../../src/components/mu-checkbox.js');
|
|
29
|
-
MuCheckbox = module.MuCheckbox;
|
|
30
|
-
});
|
|
31
|
-
|
|
32
|
-
test('should be registered', () => {
|
|
33
|
-
expect(customElements.get('mu-checkbox')).toBe(MuCheckbox);
|
|
34
|
-
});
|
|
35
|
-
|
|
36
|
-
test('should have correct baseClass', () => {
|
|
37
|
-
expect(MuCheckbox.baseClass).toBe('mu-checkbox');
|
|
38
|
-
});
|
|
39
|
-
|
|
40
|
-
// Skip toggle test - uses emit() which fails in linkedom but works in browser
|
|
41
|
-
test.skip('should toggle checked state (tested in E2E)', () => { });
|
|
42
|
-
});
|
|
43
|
-
|
|
44
|
-
describe('mu-switch Component', () => {
|
|
45
|
-
let MuSwitch;
|
|
46
|
-
|
|
47
|
-
beforeAll(async () => {
|
|
48
|
-
const module = await import('../../src/components/mu-switch.js');
|
|
49
|
-
MuSwitch = module.MuSwitch;
|
|
50
|
-
});
|
|
51
|
-
|
|
52
|
-
test('should be registered', () => {
|
|
53
|
-
expect(customElements.get('mu-switch')).toBe(MuSwitch);
|
|
54
|
-
});
|
|
55
|
-
|
|
56
|
-
test('should have correct baseClass', () => {
|
|
57
|
-
expect(MuSwitch.baseClass).toBe('mu-switch');
|
|
58
|
-
});
|
|
59
|
-
|
|
60
|
-
test.skip('should toggle state (tested in E2E)', () => {
|
|
61
|
-
const el = document.createElement('mu-switch');
|
|
62
|
-
document.body.appendChild(el);
|
|
63
|
-
|
|
64
|
-
expect(el.checked).toBe(false);
|
|
65
|
-
el.toggle();
|
|
66
|
-
expect(el.checked).toBe(true);
|
|
67
|
-
});
|
|
68
|
-
});
|
|
69
|
-
|
|
70
|
-
describe('mu-radio-group Component', () => {
|
|
71
|
-
let MuRadioGroup, MuRadio;
|
|
72
|
-
|
|
73
|
-
beforeAll(async () => {
|
|
74
|
-
const module = await import('../../src/components/mu-radio.js');
|
|
75
|
-
MuRadioGroup = module.MuRadioGroup;
|
|
76
|
-
MuRadio = module.MuRadio;
|
|
77
|
-
});
|
|
78
|
-
|
|
79
|
-
test('should be registered', () => {
|
|
80
|
-
expect(customElements.get('mu-radio-group')).toBe(MuRadioGroup);
|
|
81
|
-
expect(customElements.get('mu-radio')).toBe(MuRadio);
|
|
82
|
-
});
|
|
83
|
-
|
|
84
|
-
test('should have value property', () => {
|
|
85
|
-
const el = document.createElement('mu-radio-group');
|
|
86
|
-
el.setAttribute('value', 'test');
|
|
87
|
-
document.body.appendChild(el);
|
|
88
|
-
|
|
89
|
-
expect(el.value).toBe('test');
|
|
90
|
-
});
|
|
91
|
-
});
|
|
92
|
-
|
|
93
|
-
describe('mu-textarea Component', () => {
|
|
94
|
-
let MuTextarea;
|
|
95
|
-
|
|
96
|
-
beforeAll(async () => {
|
|
97
|
-
const module = await import('../../src/components/mu-textarea.js');
|
|
98
|
-
MuTextarea = module.MuTextarea;
|
|
99
|
-
});
|
|
100
|
-
|
|
101
|
-
test('should be registered', () => {
|
|
102
|
-
expect(customElements.get('mu-textarea')).toBe(MuTextarea);
|
|
103
|
-
});
|
|
104
|
-
|
|
105
|
-
test('should have correct baseClass', () => {
|
|
106
|
-
expect(MuTextarea.baseClass).toBe('mu-textarea');
|
|
107
|
-
});
|
|
108
|
-
});
|
|
109
|
-
|
|
110
|
-
describe('mu-chip Component', () => {
|
|
111
|
-
let MuChip;
|
|
112
|
-
|
|
113
|
-
beforeAll(async () => {
|
|
114
|
-
const module = await import('../../src/components/mu-chip.js');
|
|
115
|
-
MuChip = module.MuChip;
|
|
116
|
-
});
|
|
117
|
-
|
|
118
|
-
test('should be registered', () => {
|
|
119
|
-
expect(customElements.get('mu-chip')).toBe(MuChip);
|
|
120
|
-
});
|
|
121
|
-
|
|
122
|
-
test.skip('should toggle selection (tested in E2E)', () => {
|
|
123
|
-
const el = document.createElement('mu-chip');
|
|
124
|
-
document.body.appendChild(el);
|
|
125
|
-
|
|
126
|
-
expect(el.has('selected')).toBe(false);
|
|
127
|
-
el.toggle();
|
|
128
|
-
expect(el.has('selected')).toBe(true);
|
|
129
|
-
});
|
|
130
|
-
});
|
|
131
|
-
|
|
132
|
-
// ============================================
|
|
133
|
-
// LAYOUT COMPONENTS TESTS
|
|
134
|
-
// ============================================
|
|
135
|
-
|
|
136
|
-
describe('mu-stack Component', () => {
|
|
137
|
-
let MuStack;
|
|
138
|
-
|
|
139
|
-
beforeAll(async () => {
|
|
140
|
-
const module = await import('../../src/components/mu-stack.js');
|
|
141
|
-
MuStack = module.MuStack;
|
|
142
|
-
});
|
|
143
|
-
|
|
144
|
-
test('should be registered', () => {
|
|
145
|
-
expect(customElements.get('mu-stack')).toBe(MuStack);
|
|
146
|
-
});
|
|
147
|
-
|
|
148
|
-
test('should observe direction, gap, align, justify, wrap', () => {
|
|
149
|
-
expect(MuStack.observedAttributes).toContain('direction');
|
|
150
|
-
expect(MuStack.observedAttributes).toContain('gap');
|
|
151
|
-
});
|
|
152
|
-
});
|
|
153
|
-
|
|
154
|
-
describe('mu-grid Component', () => {
|
|
155
|
-
let MuGrid;
|
|
156
|
-
|
|
157
|
-
beforeAll(async () => {
|
|
158
|
-
const module = await import('../../src/components/mu-grid.js');
|
|
159
|
-
MuGrid = module.MuGrid;
|
|
160
|
-
});
|
|
161
|
-
|
|
162
|
-
test('should be registered', () => {
|
|
163
|
-
expect(customElements.get('mu-grid')).toBe(MuGrid);
|
|
164
|
-
});
|
|
165
|
-
|
|
166
|
-
test('should observe cols, rows, gap', () => {
|
|
167
|
-
expect(MuGrid.observedAttributes).toContain('cols');
|
|
168
|
-
expect(MuGrid.observedAttributes).toContain('gap');
|
|
169
|
-
});
|
|
170
|
-
});
|
|
171
|
-
|
|
172
|
-
describe('mu-divider Component', () => {
|
|
173
|
-
let MuDivider;
|
|
174
|
-
|
|
175
|
-
beforeAll(async () => {
|
|
176
|
-
const module = await import('../../src/components/mu-divider.js');
|
|
177
|
-
MuDivider = module.MuDivider;
|
|
178
|
-
});
|
|
179
|
-
|
|
180
|
-
test('should be registered', () => {
|
|
181
|
-
expect(customElements.get('mu-divider')).toBe(MuDivider);
|
|
182
|
-
});
|
|
183
|
-
});
|
|
184
|
-
|
|
185
|
-
// ============================================
|
|
186
|
-
// DISPLAY COMPONENTS TESTS
|
|
187
|
-
// ============================================
|
|
188
|
-
|
|
189
|
-
describe('mu-avatar Component', () => {
|
|
190
|
-
let MuAvatar;
|
|
191
|
-
|
|
192
|
-
beforeAll(async () => {
|
|
193
|
-
const module = await import('../../src/components/mu-avatar.js');
|
|
194
|
-
MuAvatar = module.MuAvatar;
|
|
195
|
-
});
|
|
196
|
-
|
|
197
|
-
test('should be registered', () => {
|
|
198
|
-
expect(customElements.get('mu-avatar')).toBe(MuAvatar);
|
|
199
|
-
});
|
|
200
|
-
|
|
201
|
-
test('should observe src, alt, initials, size', () => {
|
|
202
|
-
expect(MuAvatar.observedAttributes).toContain('src');
|
|
203
|
-
expect(MuAvatar.observedAttributes).toContain('initials');
|
|
204
|
-
expect(MuAvatar.observedAttributes).toContain('size');
|
|
205
|
-
});
|
|
206
|
-
});
|
|
207
|
-
|
|
208
|
-
describe('mu-skeleton Component', () => {
|
|
209
|
-
let MuSkeleton;
|
|
210
|
-
|
|
211
|
-
beforeAll(async () => {
|
|
212
|
-
const module = await import('../../src/components/mu-skeleton.js');
|
|
213
|
-
MuSkeleton = module.MuSkeleton;
|
|
214
|
-
});
|
|
215
|
-
|
|
216
|
-
test('should be registered', () => {
|
|
217
|
-
expect(customElements.get('mu-skeleton')).toBe(MuSkeleton);
|
|
218
|
-
});
|
|
219
|
-
|
|
220
|
-
test('should observe variant, width, height', () => {
|
|
221
|
-
expect(MuSkeleton.observedAttributes).toContain('variant');
|
|
222
|
-
expect(MuSkeleton.observedAttributes).toContain('width');
|
|
223
|
-
});
|
|
224
|
-
});
|
|
225
|
-
|
|
226
|
-
describe('mu-icon Component', () => {
|
|
227
|
-
let MuIcon, IconNames;
|
|
228
|
-
|
|
229
|
-
beforeAll(async () => {
|
|
230
|
-
const module = await import('../../src/components/mu-icon.js');
|
|
231
|
-
MuIcon = module.MuIcon;
|
|
232
|
-
IconNames = module.IconNames;
|
|
233
|
-
});
|
|
234
|
-
|
|
235
|
-
test('should be registered', () => {
|
|
236
|
-
expect(customElements.get('mu-icon')).toBe(MuIcon);
|
|
237
|
-
});
|
|
238
|
-
|
|
239
|
-
test('should have icon names exported', () => {
|
|
240
|
-
expect(Array.isArray(IconNames)).toBe(true);
|
|
241
|
-
expect(IconNames).toContain('check');
|
|
242
|
-
expect(IconNames).toContain('close');
|
|
243
|
-
expect(IconNames).toContain('menu');
|
|
244
|
-
});
|
|
245
|
-
});
|