@furystack/shades 11.0.35 → 12.0.0

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 (215) hide show
  1. package/CHANGELOG.md +337 -0
  2. package/README.md +99 -13
  3. package/esm/compile-route.spec.d.ts +2 -0
  4. package/esm/compile-route.spec.d.ts.map +1 -0
  5. package/esm/compile-route.spec.js +34 -0
  6. package/esm/compile-route.spec.js.map +1 -0
  7. package/esm/component-factory.spec.js +13 -5
  8. package/esm/component-factory.spec.js.map +1 -1
  9. package/esm/components/index.d.ts +4 -1
  10. package/esm/components/index.d.ts.map +1 -1
  11. package/esm/components/index.js +4 -1
  12. package/esm/components/index.js.map +1 -1
  13. package/esm/components/lazy-load.d.ts +2 -4
  14. package/esm/components/lazy-load.d.ts.map +1 -1
  15. package/esm/components/lazy-load.js +40 -24
  16. package/esm/components/lazy-load.js.map +1 -1
  17. package/esm/components/lazy-load.spec.js +57 -50
  18. package/esm/components/lazy-load.spec.js.map +1 -1
  19. package/esm/components/link-to-route.d.ts +2 -0
  20. package/esm/components/link-to-route.d.ts.map +1 -1
  21. package/esm/components/link-to-route.js +3 -2
  22. package/esm/components/link-to-route.js.map +1 -1
  23. package/esm/components/link-to-route.spec.js +13 -9
  24. package/esm/components/link-to-route.spec.js.map +1 -1
  25. package/esm/components/nested-route-link.d.ts +62 -0
  26. package/esm/components/nested-route-link.d.ts.map +1 -0
  27. package/esm/components/nested-route-link.js +66 -0
  28. package/esm/components/nested-route-link.js.map +1 -0
  29. package/esm/components/nested-route-link.spec.d.ts +2 -0
  30. package/esm/components/nested-route-link.spec.d.ts.map +1 -0
  31. package/esm/components/nested-route-link.spec.js +179 -0
  32. package/esm/components/nested-route-link.spec.js.map +1 -0
  33. package/esm/components/nested-route-types.d.ts +37 -0
  34. package/esm/components/nested-route-types.d.ts.map +1 -0
  35. package/esm/components/nested-route-types.js +2 -0
  36. package/esm/components/nested-route-types.js.map +1 -0
  37. package/esm/components/nested-router.d.ts +103 -0
  38. package/esm/components/nested-router.d.ts.map +1 -0
  39. package/esm/components/nested-router.js +178 -0
  40. package/esm/components/nested-router.js.map +1 -0
  41. package/esm/components/nested-router.spec.d.ts +2 -0
  42. package/esm/components/nested-router.spec.d.ts.map +1 -0
  43. package/esm/components/nested-router.spec.js +659 -0
  44. package/esm/components/nested-router.spec.js.map +1 -0
  45. package/esm/components/route-link.d.ts +4 -0
  46. package/esm/components/route-link.d.ts.map +1 -1
  47. package/esm/components/route-link.js +9 -10
  48. package/esm/components/route-link.js.map +1 -1
  49. package/esm/components/route-link.spec.js +16 -12
  50. package/esm/components/route-link.spec.js.map +1 -1
  51. package/esm/components/router.d.ts +20 -2
  52. package/esm/components/router.d.ts.map +1 -1
  53. package/esm/components/router.js +3 -0
  54. package/esm/components/router.js.map +1 -1
  55. package/esm/components/router.spec.js +75 -74
  56. package/esm/components/router.spec.js.map +1 -1
  57. package/esm/css-generator.d.ts +50 -0
  58. package/esm/css-generator.d.ts.map +1 -0
  59. package/esm/css-generator.js +107 -0
  60. package/esm/css-generator.js.map +1 -0
  61. package/esm/css-generator.spec.d.ts +2 -0
  62. package/esm/css-generator.spec.d.ts.map +1 -0
  63. package/esm/css-generator.spec.js +162 -0
  64. package/esm/css-generator.spec.js.map +1 -0
  65. package/esm/index.d.ts +2 -0
  66. package/esm/index.d.ts.map +1 -1
  67. package/esm/index.js +2 -0
  68. package/esm/index.js.map +1 -1
  69. package/esm/initialize.d.ts +11 -0
  70. package/esm/initialize.d.ts.map +1 -1
  71. package/esm/initialize.js +5 -0
  72. package/esm/initialize.js.map +1 -1
  73. package/esm/jsx.d.ts +83 -2
  74. package/esm/jsx.d.ts.map +1 -1
  75. package/esm/models/children-list.d.ts +5 -1
  76. package/esm/models/children-list.d.ts.map +1 -1
  77. package/esm/models/css-object.d.ts +33 -0
  78. package/esm/models/css-object.d.ts.map +1 -0
  79. package/esm/models/css-object.js +2 -0
  80. package/esm/models/css-object.js.map +1 -0
  81. package/esm/models/index.d.ts +1 -0
  82. package/esm/models/index.d.ts.map +1 -1
  83. package/esm/models/index.js +1 -0
  84. package/esm/models/index.js.map +1 -1
  85. package/esm/models/partial-element.d.ts +12 -2
  86. package/esm/models/partial-element.d.ts.map +1 -1
  87. package/esm/models/render-options.d.ts +89 -3
  88. package/esm/models/render-options.d.ts.map +1 -1
  89. package/esm/models/selection-state.d.ts +4 -0
  90. package/esm/models/selection-state.d.ts.map +1 -1
  91. package/esm/services/location-service.d.ts +11 -0
  92. package/esm/services/location-service.d.ts.map +1 -1
  93. package/esm/services/location-service.js +11 -0
  94. package/esm/services/location-service.js.map +1 -1
  95. package/esm/services/resource-manager.d.ts +24 -0
  96. package/esm/services/resource-manager.d.ts.map +1 -1
  97. package/esm/services/resource-manager.js +30 -0
  98. package/esm/services/resource-manager.js.map +1 -1
  99. package/esm/services/resource-manager.spec.js +93 -0
  100. package/esm/services/resource-manager.spec.js.map +1 -1
  101. package/esm/services/screen-service.d.ts +81 -4
  102. package/esm/services/screen-service.d.ts.map +1 -1
  103. package/esm/services/screen-service.js +75 -4
  104. package/esm/services/screen-service.js.map +1 -1
  105. package/esm/services/screen-service.spec.js +91 -7
  106. package/esm/services/screen-service.spec.js.map +1 -1
  107. package/esm/shade-component.d.ts +17 -4
  108. package/esm/shade-component.d.ts.map +1 -1
  109. package/esm/shade-component.js +67 -5
  110. package/esm/shade-component.js.map +1 -1
  111. package/esm/shade-host-props-ref.integration.spec.d.ts +2 -0
  112. package/esm/shade-host-props-ref.integration.spec.d.ts.map +1 -0
  113. package/esm/shade-host-props-ref.integration.spec.js +381 -0
  114. package/esm/shade-host-props-ref.integration.spec.js.map +1 -0
  115. package/esm/shade-resources.integration.spec.js +208 -39
  116. package/esm/shade-resources.integration.spec.js.map +1 -1
  117. package/esm/shade.d.ts +34 -15
  118. package/esm/shade.d.ts.map +1 -1
  119. package/esm/shade.js +180 -33
  120. package/esm/shade.js.map +1 -1
  121. package/esm/shade.spec.d.ts +2 -0
  122. package/esm/shade.spec.d.ts.map +1 -0
  123. package/esm/shade.spec.js +198 -0
  124. package/esm/shade.spec.js.map +1 -0
  125. package/esm/shades.integration.spec.js +135 -72
  126. package/esm/shades.integration.spec.js.map +1 -1
  127. package/esm/style-manager.d.ts +65 -0
  128. package/esm/style-manager.d.ts.map +1 -0
  129. package/esm/style-manager.js +95 -0
  130. package/esm/style-manager.js.map +1 -0
  131. package/esm/style-manager.spec.d.ts +2 -0
  132. package/esm/style-manager.spec.d.ts.map +1 -0
  133. package/esm/style-manager.spec.js +179 -0
  134. package/esm/style-manager.spec.js.map +1 -0
  135. package/esm/styled-element.spec.d.ts +2 -0
  136. package/esm/styled-element.spec.d.ts.map +1 -0
  137. package/esm/styled-element.spec.js +86 -0
  138. package/esm/styled-element.spec.js.map +1 -0
  139. package/esm/styled-shade.spec.d.ts +2 -0
  140. package/esm/styled-shade.spec.d.ts.map +1 -0
  141. package/esm/styled-shade.spec.js +66 -0
  142. package/esm/styled-shade.spec.js.map +1 -0
  143. package/esm/svg-types.d.ts +389 -0
  144. package/esm/svg-types.d.ts.map +1 -0
  145. package/esm/svg-types.js +9 -0
  146. package/esm/svg-types.js.map +1 -0
  147. package/esm/svg.d.ts +15 -0
  148. package/esm/svg.d.ts.map +1 -0
  149. package/esm/svg.js +76 -0
  150. package/esm/svg.js.map +1 -0
  151. package/esm/svg.spec.d.ts +2 -0
  152. package/esm/svg.spec.d.ts.map +1 -0
  153. package/esm/svg.spec.js +80 -0
  154. package/esm/svg.spec.js.map +1 -0
  155. package/esm/vnode.d.ts +103 -0
  156. package/esm/vnode.d.ts.map +1 -0
  157. package/esm/vnode.integration.spec.d.ts +2 -0
  158. package/esm/vnode.integration.spec.d.ts.map +1 -0
  159. package/esm/vnode.integration.spec.js +494 -0
  160. package/esm/vnode.integration.spec.js.map +1 -0
  161. package/esm/vnode.js +453 -0
  162. package/esm/vnode.js.map +1 -0
  163. package/esm/vnode.spec.d.ts +2 -0
  164. package/esm/vnode.spec.d.ts.map +1 -0
  165. package/esm/vnode.spec.js +473 -0
  166. package/esm/vnode.spec.js.map +1 -0
  167. package/package.json +3 -3
  168. package/src/compile-route.spec.ts +39 -0
  169. package/src/component-factory.spec.tsx +18 -5
  170. package/src/components/index.ts +4 -1
  171. package/src/components/lazy-load.spec.tsx +82 -75
  172. package/src/components/lazy-load.tsx +49 -27
  173. package/src/components/link-to-route.spec.tsx +25 -21
  174. package/src/components/link-to-route.tsx +4 -2
  175. package/src/components/nested-route-link.spec.tsx +303 -0
  176. package/src/components/nested-route-link.tsx +100 -0
  177. package/src/components/nested-route-types.ts +42 -0
  178. package/src/components/nested-router.spec.tsx +817 -0
  179. package/src/components/nested-router.tsx +256 -0
  180. package/src/components/route-link.spec.tsx +22 -18
  181. package/src/components/route-link.tsx +10 -10
  182. package/src/components/router.spec.tsx +109 -108
  183. package/src/components/router.tsx +15 -2
  184. package/src/css-generator.spec.ts +183 -0
  185. package/src/css-generator.ts +117 -0
  186. package/src/index.ts +2 -0
  187. package/src/initialize.ts +12 -0
  188. package/src/jsx.ts +129 -2
  189. package/src/models/children-list.ts +7 -1
  190. package/src/models/css-object.ts +34 -0
  191. package/src/models/index.ts +1 -0
  192. package/src/models/partial-element.ts +13 -2
  193. package/src/models/render-options.ts +90 -3
  194. package/src/models/selection-state.ts +4 -0
  195. package/src/services/location-service.tsx +11 -0
  196. package/src/services/resource-manager.spec.ts +116 -0
  197. package/src/services/resource-manager.ts +30 -0
  198. package/src/services/screen-service.spec.ts +109 -7
  199. package/src/services/screen-service.ts +81 -4
  200. package/src/shade-component.ts +72 -6
  201. package/src/shade-host-props-ref.integration.spec.tsx +460 -0
  202. package/src/shade-resources.integration.spec.tsx +276 -52
  203. package/src/shade.spec.tsx +239 -0
  204. package/src/shade.ts +211 -56
  205. package/src/shades.integration.spec.tsx +154 -80
  206. package/src/style-manager.spec.ts +229 -0
  207. package/src/style-manager.ts +104 -0
  208. package/src/styled-element.spec.tsx +117 -0
  209. package/src/styled-shade.spec.ts +86 -0
  210. package/src/svg-types.ts +437 -0
  211. package/src/svg.spec.ts +89 -0
  212. package/src/svg.ts +78 -0
  213. package/src/vnode.integration.spec.tsx +657 -0
  214. package/src/vnode.spec.ts +579 -0
  215. package/src/vnode.ts +508 -0
@@ -0,0 +1,179 @@
1
+ import { afterEach, beforeEach, describe, expect, it } from 'vitest';
2
+ import { Shade } from './shade.js';
3
+ import { StyleManager } from './style-manager.js';
4
+ describe('StyleManager', () => {
5
+ beforeEach(() => {
6
+ StyleManager.clear();
7
+ });
8
+ afterEach(() => {
9
+ StyleManager.clear();
10
+ });
11
+ describe('registerComponentStyles', () => {
12
+ it('should register styles for a component', () => {
13
+ const result = StyleManager.registerComponentStyles('test-component', {
14
+ color: 'red',
15
+ padding: '10px',
16
+ });
17
+ expect(result).toBe(true);
18
+ expect(StyleManager.isRegistered('test-component')).toBe(true);
19
+ });
20
+ it('should inject CSS into a style element', () => {
21
+ StyleManager.registerComponentStyles('test-component', {
22
+ color: 'red',
23
+ });
24
+ const styleElement = document.querySelector('[data-shades-styles]');
25
+ expect(styleElement).not.toBeNull();
26
+ expect(styleElement?.textContent).toContain('test-component');
27
+ expect(styleElement?.textContent).toContain('color: red');
28
+ });
29
+ it('should not register the same component twice', () => {
30
+ const result1 = StyleManager.registerComponentStyles('test-component', {
31
+ color: 'red',
32
+ });
33
+ const result2 = StyleManager.registerComponentStyles('test-component', {
34
+ color: 'blue',
35
+ });
36
+ expect(result1).toBe(true);
37
+ expect(result2).toBe(false);
38
+ // Should only have the first style
39
+ const styleElement = document.querySelector('[data-shades-styles]');
40
+ expect(styleElement?.textContent).toContain('color: red');
41
+ expect(styleElement?.textContent).not.toContain('color: blue');
42
+ });
43
+ it('should handle pseudo-selectors', () => {
44
+ StyleManager.registerComponentStyles('test-button', {
45
+ backgroundColor: 'blue',
46
+ '&:hover': { backgroundColor: 'darkblue' },
47
+ });
48
+ const styleElement = document.querySelector('[data-shades-styles]');
49
+ expect(styleElement?.textContent).toContain('test-button:hover');
50
+ expect(styleElement?.textContent).toContain('background-color: darkblue');
51
+ });
52
+ it('should return false for empty CSS object', () => {
53
+ const result = StyleManager.registerComponentStyles('empty-component', {});
54
+ expect(result).toBe(false);
55
+ expect(StyleManager.isRegistered('empty-component')).toBe(false);
56
+ });
57
+ it('should add comments with component name', () => {
58
+ StyleManager.registerComponentStyles('my-component', {
59
+ color: 'red',
60
+ });
61
+ const styleElement = document.querySelector('[data-shades-styles]');
62
+ expect(styleElement?.textContent).toContain('/* my-component */');
63
+ });
64
+ it('should generate attribute selector for customized built-in elements', () => {
65
+ StyleManager.registerComponentStyles('my-link', {
66
+ color: 'blue',
67
+ textDecoration: 'none',
68
+ }, 'a');
69
+ const styleElement = document.querySelector('[data-shades-styles]');
70
+ expect(styleElement?.textContent).toContain('a[is="my-link"]');
71
+ expect(styleElement?.textContent).toContain('color: blue');
72
+ expect(styleElement?.textContent).toContain('text-decoration: none');
73
+ });
74
+ it('should handle pseudo-selectors for customized built-in elements', () => {
75
+ StyleManager.registerComponentStyles('my-button', {
76
+ backgroundColor: 'gray',
77
+ '&:hover': { backgroundColor: 'darkgray' },
78
+ '&:active': { transform: 'scale(0.98)' },
79
+ }, 'button');
80
+ const styleElement = document.querySelector('[data-shades-styles]');
81
+ expect(styleElement?.textContent).toContain('button[is="my-button"]');
82
+ expect(styleElement?.textContent).toContain('button[is="my-button"]:hover');
83
+ expect(styleElement?.textContent).toContain('button[is="my-button"]:active');
84
+ });
85
+ });
86
+ describe('isRegistered', () => {
87
+ it('should return true for registered components', () => {
88
+ StyleManager.registerComponentStyles('test-component', { color: 'red' });
89
+ expect(StyleManager.isRegistered('test-component')).toBe(true);
90
+ });
91
+ it('should return false for unregistered components', () => {
92
+ expect(StyleManager.isRegistered('unknown-component')).toBe(false);
93
+ });
94
+ });
95
+ describe('getRegisteredComponents', () => {
96
+ it('should return all registered component names', () => {
97
+ StyleManager.registerComponentStyles('component-a', { color: 'red' });
98
+ StyleManager.registerComponentStyles('component-b', { color: 'blue' });
99
+ const registered = StyleManager.getRegisteredComponents();
100
+ expect(registered.has('component-a')).toBe(true);
101
+ expect(registered.has('component-b')).toBe(true);
102
+ expect(registered.size).toBe(2);
103
+ });
104
+ it('should return empty set when no components registered', () => {
105
+ const registered = StyleManager.getRegisteredComponents();
106
+ expect(registered.size).toBe(0);
107
+ });
108
+ });
109
+ describe('clear', () => {
110
+ it('should clear all registered components', () => {
111
+ StyleManager.registerComponentStyles('test-component', { color: 'red' });
112
+ expect(StyleManager.isRegistered('test-component')).toBe(true);
113
+ StyleManager.clear();
114
+ expect(StyleManager.isRegistered('test-component')).toBe(false);
115
+ expect(StyleManager.getRegisteredComponents().size).toBe(0);
116
+ });
117
+ it('should remove style element on clear', () => {
118
+ StyleManager.registerComponentStyles('test-component', { color: 'red' });
119
+ let styleElement = document.querySelector('[data-shades-styles]');
120
+ expect(styleElement).not.toBeNull();
121
+ StyleManager.clear();
122
+ styleElement = document.querySelector('[data-shades-styles]');
123
+ expect(styleElement).toBeNull();
124
+ });
125
+ });
126
+ describe('reusing style element', () => {
127
+ it('should use the same style element for multiple components', () => {
128
+ StyleManager.registerComponentStyles('component-a', { color: 'red' });
129
+ StyleManager.registerComponentStyles('component-b', { color: 'blue' });
130
+ const styleElements = document.querySelectorAll('[data-shades-styles]');
131
+ expect(styleElements.length).toBe(1);
132
+ const styleElement = styleElements[0];
133
+ expect(styleElement?.textContent).toContain('component-a');
134
+ expect(styleElement?.textContent).toContain('component-b');
135
+ });
136
+ });
137
+ describe('Shade integration', () => {
138
+ it('should register CSS styles when Shade component is created with css property', () => {
139
+ Shade({
140
+ shadowDomName: 'shade-css-test-component',
141
+ css: {
142
+ color: 'red',
143
+ padding: '10px',
144
+ '&:hover': { color: 'blue' },
145
+ },
146
+ render: () => null,
147
+ });
148
+ expect(StyleManager.isRegistered('shade-css-test-component')).toBe(true);
149
+ const styleElement = document.querySelector('[data-shades-styles]');
150
+ expect(styleElement?.textContent).toContain('shade-css-test-component');
151
+ expect(styleElement?.textContent).toContain('color: red');
152
+ expect(styleElement?.textContent).toContain('shade-css-test-component:hover');
153
+ });
154
+ it('should register CSS with attribute selector for customized built-in elements', () => {
155
+ Shade({
156
+ shadowDomName: 'shade-css-test-button',
157
+ elementBase: HTMLButtonElement,
158
+ elementBaseName: 'button',
159
+ css: {
160
+ backgroundColor: 'blue',
161
+ '&:hover': { backgroundColor: 'darkblue' },
162
+ },
163
+ render: () => null,
164
+ });
165
+ expect(StyleManager.isRegistered('shade-css-test-button')).toBe(true);
166
+ const styleElement = document.querySelector('[data-shades-styles]');
167
+ expect(styleElement?.textContent).toContain('button[is="shade-css-test-button"]');
168
+ expect(styleElement?.textContent).toContain('button[is="shade-css-test-button"]:hover');
169
+ });
170
+ it('should not register styles when Shade component has no css property', () => {
171
+ Shade({
172
+ shadowDomName: 'shade-no-css-component',
173
+ render: () => null,
174
+ });
175
+ expect(StyleManager.isRegistered('shade-no-css-component')).toBe(false);
176
+ });
177
+ });
178
+ });
179
+ //# sourceMappingURL=style-manager.spec.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"style-manager.spec.js","sourceRoot":"","sources":["../src/style-manager.spec.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=styled-element.spec.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styled-element.spec.d.ts","sourceRoot":"","sources":["../src/styled-element.spec.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,86 @@
1
+ import { describe, expect, it } from 'vitest';
2
+ import { styledElement } from './styled-element.js';
3
+ describe('styled-element', () => {
4
+ describe('styledElement', () => {
5
+ it('should apply additional styles to an intrinsic element', () => {
6
+ const additionalStyles = { color: 'red', padding: '10px' };
7
+ const StyledDiv = styledElement('div', additionalStyles);
8
+ const result = StyledDiv({}, []);
9
+ expect(result.style.color).toBe('red');
10
+ expect(result.style.padding).toBe('10px');
11
+ });
12
+ it('should merge styles when element already has styles', () => {
13
+ const additionalStyles = { color: 'red' };
14
+ const existingStyles = { backgroundColor: 'blue' };
15
+ const StyledDiv = styledElement('div', additionalStyles);
16
+ const result = StyledDiv({ style: existingStyles }, []);
17
+ expect(result.style.backgroundColor).toBe('blue');
18
+ expect(result.style.color).toBe('red');
19
+ });
20
+ it('should override existing styles with additional styles', () => {
21
+ const additionalStyles = { color: 'red' };
22
+ const existingStyles = { color: 'blue' };
23
+ const StyledDiv = styledElement('div', additionalStyles);
24
+ const result = StyledDiv({ style: existingStyles }, []);
25
+ expect(result.style.color).toBe('red');
26
+ });
27
+ it('should preserve original props', () => {
28
+ const additionalStyles = { color: 'red' };
29
+ const StyledDiv = styledElement('div', additionalStyles);
30
+ const result = StyledDiv({ className: 'my-class', id: 'my-id' }, []);
31
+ expect(result.className).toBe('my-class');
32
+ expect(result.id).toBe('my-id');
33
+ expect(result.style.color).toBe('red');
34
+ });
35
+ it('should pass children correctly', () => {
36
+ const additionalStyles = { color: 'red' };
37
+ const StyledDiv = styledElement('div', additionalStyles);
38
+ const child1 = document.createElement('span');
39
+ child1.textContent = 'child1';
40
+ const child2 = document.createElement('span');
41
+ child2.textContent = 'child2';
42
+ const result = StyledDiv({}, [child1, child2]);
43
+ expect(result.children.length).toBe(2);
44
+ expect(result.children[0]).toBe(child1);
45
+ expect(result.children[1]).toBe(child2);
46
+ });
47
+ it('should handle text children', () => {
48
+ const additionalStyles = { color: 'red' };
49
+ const StyledDiv = styledElement('div', additionalStyles);
50
+ const result = StyledDiv({}, ['Hello', ' ', 'World']);
51
+ expect(result.textContent).toBe('Hello World');
52
+ });
53
+ it('should return an HTMLElement', () => {
54
+ const additionalStyles = { color: 'red' };
55
+ const StyledDiv = styledElement('div', additionalStyles);
56
+ const result = StyledDiv({}, []);
57
+ expect(result).toBeInstanceOf(HTMLElement);
58
+ expect(result.tagName.toLowerCase()).toBe('div');
59
+ });
60
+ it('should work with different element types', () => {
61
+ const spanStyles = { fontWeight: 'bold' };
62
+ const buttonStyles = { cursor: 'pointer' };
63
+ const StyledSpan = styledElement('span', spanStyles);
64
+ const StyledButton = styledElement('button', buttonStyles);
65
+ const spanResult = StyledSpan({}, []);
66
+ const buttonResult = StyledButton({}, []);
67
+ expect(spanResult.tagName.toLowerCase()).toBe('span');
68
+ expect(spanResult.style.fontWeight).toBe('bold');
69
+ expect(buttonResult.tagName.toLowerCase()).toBe('button');
70
+ expect(buttonResult.style.cursor).toBe('pointer');
71
+ });
72
+ it('should handle props being undefined', () => {
73
+ const additionalStyles = { color: 'red' };
74
+ const StyledDiv = styledElement('div', additionalStyles);
75
+ const result = StyledDiv(undefined, []);
76
+ expect(result.style.color).toBe('red');
77
+ });
78
+ it('should handle empty children list', () => {
79
+ const additionalStyles = { color: 'red' };
80
+ const StyledDiv = styledElement('div', additionalStyles);
81
+ const result = StyledDiv({}, []);
82
+ expect(result.children.length).toBe(0);
83
+ });
84
+ });
85
+ });
86
+ //# sourceMappingURL=styled-element.spec.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styled-element.spec.js","sourceRoot":"","sources":["../src/styled-element.spec.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=styled-shade.spec.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styled-shade.spec.d.ts","sourceRoot":"","sources":["../src/styled-shade.spec.ts"],"names":[],"mappings":""}
@@ -0,0 +1,66 @@
1
+ import { describe, expect, it, vi } from 'vitest';
2
+ import { styledShade } from './styled-shade.js';
3
+ describe('styled-shade', () => {
4
+ describe('styledShade', () => {
5
+ it('should apply additional styles to a component', () => {
6
+ const mockElement = vi.fn().mockReturnValue({});
7
+ const additionalStyles = { color: 'red', padding: '10px' };
8
+ const StyledComponent = styledShade(mockElement, additionalStyles);
9
+ StyledComponent({});
10
+ expect(mockElement).toHaveBeenCalledTimes(1);
11
+ const [props] = mockElement.mock.calls[0];
12
+ expect(props.style.color).toBe('red');
13
+ expect(props.style.padding).toBe('10px');
14
+ });
15
+ it('should merge styles when component already has styles', () => {
16
+ const mockElement = vi.fn().mockReturnValue({});
17
+ const additionalStyles = { color: 'red' };
18
+ const existingStyles = { backgroundColor: 'blue' };
19
+ const StyledComponent = styledShade(mockElement, additionalStyles);
20
+ StyledComponent({ style: existingStyles });
21
+ expect(mockElement).toHaveBeenCalledTimes(1);
22
+ const [props] = mockElement.mock.calls[0];
23
+ expect(props.style.backgroundColor).toBe('blue');
24
+ expect(props.style.color).toBe('red');
25
+ });
26
+ it('should override existing styles with additional styles', () => {
27
+ const mockElement = vi.fn().mockReturnValue({});
28
+ const additionalStyles = { color: 'red' };
29
+ const existingStyles = { color: 'blue' };
30
+ const StyledComponent = styledShade(mockElement, additionalStyles);
31
+ StyledComponent({ style: existingStyles });
32
+ expect(mockElement).toHaveBeenCalledTimes(1);
33
+ const [props] = mockElement.mock.calls[0];
34
+ expect(props.style.color).toBe('red');
35
+ });
36
+ it('should preserve original props', () => {
37
+ const mockElement = vi.fn().mockReturnValue({});
38
+ const additionalStyles = { color: 'red' };
39
+ const StyledComponent = styledShade(mockElement, additionalStyles);
40
+ StyledComponent({ className: 'my-class' });
41
+ expect(mockElement).toHaveBeenCalledTimes(1);
42
+ const [props] = mockElement.mock.calls[0];
43
+ expect(props.className).toBe('my-class');
44
+ expect(props.style.color).toBe('red');
45
+ });
46
+ it('should pass children correctly', () => {
47
+ const mockElement = vi.fn().mockReturnValue({});
48
+ const additionalStyles = { color: 'red' };
49
+ const children = ['child1', 'child2'];
50
+ const StyledComponent = styledShade(mockElement, additionalStyles);
51
+ StyledComponent({}, children);
52
+ expect(mockElement).toHaveBeenCalledTimes(1);
53
+ const [, passedChildren] = mockElement.mock.calls[0];
54
+ expect(passedChildren).toBe(children);
55
+ });
56
+ it('should return a function that returns JSX.Element', () => {
57
+ const expectedElement = { tagName: 'div' };
58
+ const mockElement = vi.fn().mockReturnValue(expectedElement);
59
+ const additionalStyles = { color: 'red' };
60
+ const StyledComponent = styledShade(mockElement, additionalStyles);
61
+ const result = StyledComponent({});
62
+ expect(result).toBe(expectedElement);
63
+ });
64
+ });
65
+ });
66
+ //# sourceMappingURL=styled-shade.spec.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styled-shade.spec.js","sourceRoot":"","sources":["../src/styled-shade.spec.ts"],"names":[],"mappings":"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"}