@weser/style 2.0.0 → 2.0.1
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/dist/plugins/__tests__/customProperty.test.d.ts +2 -0
- package/dist/plugins/__tests__/customProperty.test.d.ts.map +1 -0
- package/dist/plugins/__tests__/customProperty.test.js +63 -0
- package/dist/plugins/__tests__/customProperty.test.js.map +1 -0
- package/dist/plugins/__tests__/debug.test.d.ts +2 -0
- package/dist/plugins/__tests__/debug.test.d.ts.map +1 -0
- package/dist/plugins/__tests__/debug.test.js +52 -0
- package/dist/plugins/__tests__/debug.test.js.map +1 -0
- package/dist/plugins/__tests__/embedded.test.d.ts +2 -0
- package/dist/plugins/__tests__/embedded.test.d.ts.map +1 -0
- package/dist/plugins/__tests__/embedded.test.js +76 -0
- package/dist/plugins/__tests__/embedded.test.js.map +1 -0
- package/dist/plugins/__tests__/enforceLonghand.test.d.ts +2 -0
- package/dist/plugins/__tests__/enforceLonghand.test.d.ts.map +1 -0
- package/dist/plugins/__tests__/enforceLonghand.test.js +88 -0
- package/dist/plugins/__tests__/enforceLonghand.test.js.map +1 -0
- package/dist/plugins/__tests__/fallbackValue.test.d.ts +2 -0
- package/dist/plugins/__tests__/fallbackValue.test.d.ts.map +1 -0
- package/dist/plugins/__tests__/fallbackValue.test.js +94 -0
- package/dist/plugins/__tests__/fallbackValue.test.js.map +1 -0
- package/dist/plugins/__tests__/logger.test.d.ts +2 -0
- package/dist/plugins/__tests__/logger.test.d.ts.map +1 -0
- package/dist/plugins/__tests__/logger.test.js +57 -0
- package/dist/plugins/__tests__/logger.test.js.map +1 -0
- package/dist/plugins/__tests__/prefixer.test.d.ts +2 -0
- package/dist/plugins/__tests__/prefixer.test.d.ts.map +1 -0
- package/dist/plugins/__tests__/prefixer.test.js +64 -0
- package/dist/plugins/__tests__/prefixer.test.js.map +1 -0
- package/dist/plugins/__tests__/pseudoElement.test.d.ts +2 -0
- package/dist/plugins/__tests__/pseudoElement.test.d.ts.map +1 -0
- package/dist/plugins/__tests__/pseudoElement.test.js +92 -0
- package/dist/plugins/__tests__/pseudoElement.test.js.map +1 -0
- package/dist/plugins/__tests__/responsiveValue.test.d.ts +2 -0
- package/dist/plugins/__tests__/responsiveValue.test.d.ts.map +1 -0
- package/dist/plugins/__tests__/responsiveValue.test.js +68 -0
- package/dist/plugins/__tests__/responsiveValue.test.js.map +1 -0
- package/dist/plugins/__tests__/rtl.test.d.ts +2 -0
- package/dist/plugins/__tests__/rtl.test.d.ts.map +1 -0
- package/dist/plugins/__tests__/rtl.test.js +57 -0
- package/dist/plugins/__tests__/rtl.test.js.map +1 -0
- package/dist/plugins/__tests__/sortCondition.test.d.ts +2 -0
- package/dist/plugins/__tests__/sortCondition.test.d.ts.map +1 -0
- package/dist/plugins/__tests__/sortCondition.test.js +65 -0
- package/dist/plugins/__tests__/sortCondition.test.js.map +1 -0
- package/dist/plugins/__tests__/sortProperty.test.d.ts +2 -0
- package/dist/plugins/__tests__/sortProperty.test.d.ts.map +1 -0
- package/dist/plugins/__tests__/sortProperty.test.js +68 -0
- package/dist/plugins/__tests__/sortProperty.test.js.map +1 -0
- package/dist/plugins/__tests__/unit.test.d.ts +2 -0
- package/dist/plugins/__tests__/unit.test.d.ts.map +1 -0
- package/dist/plugins/__tests__/unit.test.js +66 -0
- package/dist/plugins/__tests__/unit.test.js.map +1 -0
- package/package.json +6 -6
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"customProperty.test.d.ts","sourceRoot":"","sources":["../../../src/plugins/__tests__/customProperty.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { describe, test, expect, vi } from 'vitest';
|
|
2
|
+
import customPropertyPlugin from '../customProperty';
|
|
3
|
+
describe('customPropertyPlugin', () => {
|
|
4
|
+
const context = {
|
|
5
|
+
mergeStyle: (target, source) => Object.assign(target, source),
|
|
6
|
+
createNode: vi.fn(),
|
|
7
|
+
props: { style: {} },
|
|
8
|
+
devMode: false,
|
|
9
|
+
};
|
|
10
|
+
test('resolves custom properties to style objects', () => {
|
|
11
|
+
const plugin = customPropertyPlugin({
|
|
12
|
+
size: (value) => ({ width: value, height: value }),
|
|
13
|
+
});
|
|
14
|
+
const result = plugin({ size: 100 }, context);
|
|
15
|
+
expect(result.width).toBe(100);
|
|
16
|
+
expect(result.height).toBe(100);
|
|
17
|
+
});
|
|
18
|
+
test('removes original property if not in resolved style', () => {
|
|
19
|
+
const plugin = customPropertyPlugin({
|
|
20
|
+
spacing: (value) => ({ padding: value, margin: value }),
|
|
21
|
+
});
|
|
22
|
+
const result = plugin({ spacing: 10 }, context);
|
|
23
|
+
expect('spacing' in result).toBeFalsy();
|
|
24
|
+
expect(result.padding).toBe(10);
|
|
25
|
+
expect(result.margin).toBe(10);
|
|
26
|
+
});
|
|
27
|
+
test('preserves original property if in resolved style', () => {
|
|
28
|
+
const plugin = customPropertyPlugin({
|
|
29
|
+
padding: (value) => ({ padding: value * 2 }),
|
|
30
|
+
});
|
|
31
|
+
const result = plugin({ padding: 10 }, context);
|
|
32
|
+
expect(result.padding).toBe(20);
|
|
33
|
+
});
|
|
34
|
+
test('handles nested style objects', () => {
|
|
35
|
+
const plugin = customPropertyPlugin({
|
|
36
|
+
size: (value) => ({ width: value, height: value }),
|
|
37
|
+
});
|
|
38
|
+
const result = plugin({
|
|
39
|
+
':hover': { size: 50 },
|
|
40
|
+
}, context);
|
|
41
|
+
expect(result[':hover']?.width).toBe(50);
|
|
42
|
+
expect(result[':hover']?.height).toBe(50);
|
|
43
|
+
});
|
|
44
|
+
test('passes through non-custom properties', () => {
|
|
45
|
+
const plugin = customPropertyPlugin({
|
|
46
|
+
size: (value) => ({ width: value }),
|
|
47
|
+
});
|
|
48
|
+
const result = plugin({ size: 100, color: 'red' }, context);
|
|
49
|
+
expect(result.color).toBe('red');
|
|
50
|
+
expect(result.width).toBe(100);
|
|
51
|
+
});
|
|
52
|
+
test('handles multiple custom properties', () => {
|
|
53
|
+
const plugin = customPropertyPlugin({
|
|
54
|
+
size: (value) => ({ width: value, height: value }),
|
|
55
|
+
spacing: (value) => ({ padding: value }),
|
|
56
|
+
});
|
|
57
|
+
const result = plugin({ size: 100, spacing: 10 }, context);
|
|
58
|
+
expect(result.width).toBe(100);
|
|
59
|
+
expect(result.height).toBe(100);
|
|
60
|
+
expect(result.padding).toBe(10);
|
|
61
|
+
});
|
|
62
|
+
});
|
|
63
|
+
//# sourceMappingURL=customProperty.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"customProperty.test.js","sourceRoot":"","sources":["../../../src/plugins/__tests__/customProperty.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"debug.test.d.ts","sourceRoot":"","sources":["../../../src/plugins/__tests__/debug.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { describe, test, expect, vi } from 'vitest';
|
|
2
|
+
import debugPlugin from '../debug';
|
|
3
|
+
// Mock the styles-debugger module
|
|
4
|
+
vi.mock('styles-debugger', () => ({
|
|
5
|
+
CreateStylesDebugger: vi.fn(() => () => ({
|
|
6
|
+
outline: '1px solid red',
|
|
7
|
+
backgroundColor: 'rgba(255,0,0,0.1)',
|
|
8
|
+
})),
|
|
9
|
+
}));
|
|
10
|
+
describe('debugPlugin', () => {
|
|
11
|
+
test('adds debug styles when autoActive is true', () => {
|
|
12
|
+
const plugin = debugPlugin(true);
|
|
13
|
+
const style = { color: 'blue' };
|
|
14
|
+
const result = plugin(style);
|
|
15
|
+
expect(result.outline).toBe('1px solid red');
|
|
16
|
+
expect(result.backgroundColor).toBe('rgba(255,0,0,0.1)');
|
|
17
|
+
expect(result.color).toBe('blue');
|
|
18
|
+
});
|
|
19
|
+
test('does not add debug styles when autoActive is false and no debug flag', () => {
|
|
20
|
+
const plugin = debugPlugin(false);
|
|
21
|
+
const style = { color: 'blue' };
|
|
22
|
+
const result = plugin(style);
|
|
23
|
+
expect(result.outline).toBeUndefined();
|
|
24
|
+
expect(result.color).toBe('blue');
|
|
25
|
+
});
|
|
26
|
+
test('adds debug styles when debug flag is true', () => {
|
|
27
|
+
const plugin = debugPlugin(false);
|
|
28
|
+
const style = { color: 'blue', debug: true };
|
|
29
|
+
const result = plugin(style);
|
|
30
|
+
expect(result.outline).toBe('1px solid red');
|
|
31
|
+
expect(result.debug).toBeUndefined(); // debug flag should be removed
|
|
32
|
+
});
|
|
33
|
+
test('removes debug property from result', () => {
|
|
34
|
+
const plugin = debugPlugin(true);
|
|
35
|
+
const style = { color: 'blue', debug: true };
|
|
36
|
+
const result = plugin(style);
|
|
37
|
+
expect(result.debug).toBeUndefined();
|
|
38
|
+
});
|
|
39
|
+
test('preserves original styles', () => {
|
|
40
|
+
const plugin = debugPlugin(true);
|
|
41
|
+
const style = {
|
|
42
|
+
color: 'red',
|
|
43
|
+
fontSize: 16,
|
|
44
|
+
padding: 10,
|
|
45
|
+
};
|
|
46
|
+
const result = plugin(style);
|
|
47
|
+
expect(result.color).toBe('red');
|
|
48
|
+
expect(result.fontSize).toBe(16);
|
|
49
|
+
expect(result.padding).toBe(10);
|
|
50
|
+
});
|
|
51
|
+
});
|
|
52
|
+
//# sourceMappingURL=debug.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"debug.test.js","sourceRoot":"","sources":["../../../src/plugins/__tests__/debug.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAA;AAEnD,OAAO,WAAW,MAAM,UAAU,CAAA;AAElC,kCAAkC;AAClC,EAAE,CAAC,IAAI,CAAC,iBAAiB,EAAE,GAAG,EAAE,CAAC,CAAC;IAChC,oBAAoB,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;QACvC,OAAO,EAAE,eAAe;QACxB,eAAe,EAAE,mBAAmB;KACrC,CAAC,CAAC;CACJ,CAAC,CAAC,CAAA;AAEH,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,IAAI,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACrD,MAAM,MAAM,GAAG,WAAW,CAAC,IAAI,CAAC,CAAA;QAChC,MAAM,KAAK,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,CAAA;QAE/B,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;QAE5B,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;QAC5C,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAA;QACxD,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IACnC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,sEAAsE,EAAE,GAAG,EAAE;QAChF,MAAM,MAAM,GAAG,WAAW,CAAC,KAAK,CAAC,CAAA;QACjC,MAAM,KAAK,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,CAAA;QAE/B,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;QAE5B,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,aAAa,EAAE,CAAA;QACtC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IACnC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACrD,MAAM,MAAM,GAAG,WAAW,CAAC,KAAK,CAAC,CAAA;QACjC,MAAM,KAAK,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,CAAA;QAE5C,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;QAE5B,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;QAC5C,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,aAAa,EAAE,CAAA,CAAC,+BAA+B;IACtE,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,oCAAoC,EAAE,GAAG,EAAE;QAC9C,MAAM,MAAM,GAAG,WAAW,CAAC,IAAI,CAAC,CAAA;QAChC,MAAM,KAAK,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,CAAA;QAE5C,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;QAE5B,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,aAAa,EAAE,CAAA;IACtC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,2BAA2B,EAAE,GAAG,EAAE;QACrC,MAAM,MAAM,GAAG,WAAW,CAAC,IAAI,CAAC,CAAA;QAChC,MAAM,KAAK,GAAG;YACZ,KAAK,EAAE,KAAK;YACZ,QAAQ,EAAE,EAAE;YACZ,OAAO,EAAE,EAAE;SACZ,CAAA;QAED,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;QAE5B,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QAChC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;QAChC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IACjC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"embedded.test.d.ts","sourceRoot":"","sources":["../../../src/plugins/__tests__/embedded.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { describe, test, expect, vi } from 'vitest';
|
|
2
|
+
import embeddedPlugin from '../embedded';
|
|
3
|
+
describe('embeddedPlugin', () => {
|
|
4
|
+
const createMockContext = () => ({
|
|
5
|
+
createNode: vi.fn(),
|
|
6
|
+
mergeStyle: vi.fn(),
|
|
7
|
+
props: {},
|
|
8
|
+
});
|
|
9
|
+
test('converts animationName object to keyframe reference', () => {
|
|
10
|
+
const mockContext = createMockContext();
|
|
11
|
+
const plugin = embeddedPlugin();
|
|
12
|
+
const style = {
|
|
13
|
+
animationName: {
|
|
14
|
+
from: { opacity: 0 },
|
|
15
|
+
to: { opacity: 1 },
|
|
16
|
+
},
|
|
17
|
+
};
|
|
18
|
+
const result = plugin(style, mockContext);
|
|
19
|
+
// animationName should be replaced with a string reference
|
|
20
|
+
expect(typeof result.animationName).toBe('string');
|
|
21
|
+
expect(mockContext.createNode).toHaveBeenCalled();
|
|
22
|
+
});
|
|
23
|
+
test('passes through non-animationName object properties', () => {
|
|
24
|
+
const mockContext = createMockContext();
|
|
25
|
+
const plugin = embeddedPlugin();
|
|
26
|
+
const style = {
|
|
27
|
+
color: 'red',
|
|
28
|
+
fontSize: 16,
|
|
29
|
+
};
|
|
30
|
+
const result = plugin(style, mockContext);
|
|
31
|
+
expect(result.color).toBe('red');
|
|
32
|
+
expect(result.fontSize).toBe(16);
|
|
33
|
+
expect(mockContext.createNode).not.toHaveBeenCalled();
|
|
34
|
+
});
|
|
35
|
+
test('handles nested style objects', () => {
|
|
36
|
+
const mockContext = createMockContext();
|
|
37
|
+
const plugin = embeddedPlugin();
|
|
38
|
+
const style = {
|
|
39
|
+
':hover': {
|
|
40
|
+
animationName: {
|
|
41
|
+
'0%': { transform: 'scale(1)' },
|
|
42
|
+
'100%': { transform: 'scale(1.1)' },
|
|
43
|
+
},
|
|
44
|
+
},
|
|
45
|
+
};
|
|
46
|
+
const result = plugin(style, mockContext);
|
|
47
|
+
expect(typeof result[':hover']?.animationName).toBe('string');
|
|
48
|
+
expect(mockContext.createNode).toHaveBeenCalled();
|
|
49
|
+
});
|
|
50
|
+
test('preserves other properties in style with animationName', () => {
|
|
51
|
+
const mockContext = createMockContext();
|
|
52
|
+
const plugin = embeddedPlugin();
|
|
53
|
+
const style = {
|
|
54
|
+
animationName: {
|
|
55
|
+
from: { opacity: 0 },
|
|
56
|
+
to: { opacity: 1 },
|
|
57
|
+
},
|
|
58
|
+
animationDuration: '1s',
|
|
59
|
+
animationTimingFunction: 'ease-in-out',
|
|
60
|
+
};
|
|
61
|
+
const result = plugin(style, mockContext);
|
|
62
|
+
expect(result.animationDuration).toBe('1s');
|
|
63
|
+
expect(result.animationTimingFunction).toBe('ease-in-out');
|
|
64
|
+
});
|
|
65
|
+
test('handles string animationName (already resolved)', () => {
|
|
66
|
+
const mockContext = createMockContext();
|
|
67
|
+
const plugin = embeddedPlugin();
|
|
68
|
+
const style = {
|
|
69
|
+
animationName: 'existingAnimation',
|
|
70
|
+
};
|
|
71
|
+
const result = plugin(style, mockContext);
|
|
72
|
+
expect(result.animationName).toBe('existingAnimation');
|
|
73
|
+
expect(mockContext.createNode).not.toHaveBeenCalled();
|
|
74
|
+
});
|
|
75
|
+
});
|
|
76
|
+
//# sourceMappingURL=embedded.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"embedded.test.js","sourceRoot":"","sources":["../../../src/plugins/__tests__/embedded.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"enforceLonghand.test.d.ts","sourceRoot":"","sources":["../../../src/plugins/__tests__/enforceLonghand.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
import { describe, test, expect } from 'vitest';
|
|
2
|
+
import enforceLonghandPlugin from '../enforceLonghand';
|
|
3
|
+
describe('enforceLonghandPlugin', () => {
|
|
4
|
+
test('returns a sort function', () => {
|
|
5
|
+
const plugin = enforceLonghandPlugin();
|
|
6
|
+
expect(typeof plugin).toBe('function');
|
|
7
|
+
});
|
|
8
|
+
test('sorts shorthand before longhand with default mode', () => {
|
|
9
|
+
const plugin = enforceLonghandPlugin('none');
|
|
10
|
+
const style = {
|
|
11
|
+
marginLeft: 10,
|
|
12
|
+
margin: 5,
|
|
13
|
+
};
|
|
14
|
+
const result = plugin(style);
|
|
15
|
+
const keys = Object.keys(result);
|
|
16
|
+
expect(keys[0]).toBe('margin');
|
|
17
|
+
expect(keys[1]).toBe('marginLeft');
|
|
18
|
+
});
|
|
19
|
+
test('sorts padding shorthand before longhand', () => {
|
|
20
|
+
const plugin = enforceLonghandPlugin();
|
|
21
|
+
const style = {
|
|
22
|
+
paddingTop: 10,
|
|
23
|
+
padding: 5,
|
|
24
|
+
};
|
|
25
|
+
const result = plugin(style);
|
|
26
|
+
const keys = Object.keys(result);
|
|
27
|
+
expect(keys[0]).toBe('padding');
|
|
28
|
+
expect(keys[1]).toBe('paddingTop');
|
|
29
|
+
});
|
|
30
|
+
test('handles border properties with longhand mode', () => {
|
|
31
|
+
const plugin = enforceLonghandPlugin('longhand');
|
|
32
|
+
const style = {
|
|
33
|
+
borderColor: 'red',
|
|
34
|
+
border: '1px solid black',
|
|
35
|
+
};
|
|
36
|
+
const result = plugin(style);
|
|
37
|
+
const keys = Object.keys(result);
|
|
38
|
+
// With longhand mode, borderColor should come after border
|
|
39
|
+
expect(keys.indexOf('border')).toBeLessThan(keys.indexOf('borderColor'));
|
|
40
|
+
});
|
|
41
|
+
test('handles border properties with directional mode', () => {
|
|
42
|
+
const plugin = enforceLonghandPlugin('directional');
|
|
43
|
+
const style = {
|
|
44
|
+
borderTop: '1px solid red',
|
|
45
|
+
border: '1px solid black',
|
|
46
|
+
};
|
|
47
|
+
const result = plugin(style);
|
|
48
|
+
const keys = Object.keys(result);
|
|
49
|
+
// With directional mode, borderTop should come after border
|
|
50
|
+
expect(keys.indexOf('border')).toBeLessThan(keys.indexOf('borderTop'));
|
|
51
|
+
});
|
|
52
|
+
test('handles flex properties', () => {
|
|
53
|
+
const plugin = enforceLonghandPlugin();
|
|
54
|
+
const style = {
|
|
55
|
+
flexBasis: '100%',
|
|
56
|
+
flex: '1 1 auto',
|
|
57
|
+
};
|
|
58
|
+
const result = plugin(style);
|
|
59
|
+
const keys = Object.keys(result);
|
|
60
|
+
expect(keys.indexOf('flex')).toBeLessThan(keys.indexOf('flexBasis'));
|
|
61
|
+
});
|
|
62
|
+
test('handles background properties', () => {
|
|
63
|
+
const plugin = enforceLonghandPlugin();
|
|
64
|
+
const style = {
|
|
65
|
+
backgroundColor: 'red',
|
|
66
|
+
background: 'blue',
|
|
67
|
+
};
|
|
68
|
+
const result = plugin(style);
|
|
69
|
+
const keys = Object.keys(result);
|
|
70
|
+
expect(keys.indexOf('background')).toBeLessThan(keys.indexOf('backgroundColor'));
|
|
71
|
+
});
|
|
72
|
+
test('handles nested styles', () => {
|
|
73
|
+
const plugin = enforceLonghandPlugin();
|
|
74
|
+
const style = {
|
|
75
|
+
margin: 5,
|
|
76
|
+
marginLeft: 10,
|
|
77
|
+
':hover': {
|
|
78
|
+
padding: 5,
|
|
79
|
+
paddingTop: 10,
|
|
80
|
+
},
|
|
81
|
+
};
|
|
82
|
+
const result = plugin(style);
|
|
83
|
+
const hoverKeys = Object.keys(result[':hover']);
|
|
84
|
+
expect(hoverKeys[0]).toBe('padding');
|
|
85
|
+
expect(hoverKeys[1]).toBe('paddingTop');
|
|
86
|
+
});
|
|
87
|
+
});
|
|
88
|
+
//# sourceMappingURL=enforceLonghand.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"enforceLonghand.test.js","sourceRoot":"","sources":["../../../src/plugins/__tests__/enforceLonghand.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fallbackValue.test.d.ts","sourceRoot":"","sources":["../../../src/plugins/__tests__/fallbackValue.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import { describe, test, expect, vi } from 'vitest';
|
|
2
|
+
import fallbackValuePlugin from '../fallbackValue';
|
|
3
|
+
describe('fallbackValuePlugin', () => {
|
|
4
|
+
const createMockContext = () => ({
|
|
5
|
+
createNode: vi.fn(),
|
|
6
|
+
mergeStyle: vi.fn(),
|
|
7
|
+
props: {},
|
|
8
|
+
});
|
|
9
|
+
test('returns style unchanged with no fallbacks', () => {
|
|
10
|
+
const mockContext = createMockContext();
|
|
11
|
+
const plugin = fallbackValuePlugin([]);
|
|
12
|
+
const style = { color: 'red', width: 100 };
|
|
13
|
+
const result = plugin(style, mockContext);
|
|
14
|
+
expect(result.color).toBe('red');
|
|
15
|
+
expect(result.width).toBe(100);
|
|
16
|
+
expect(mockContext.createNode).not.toHaveBeenCalled();
|
|
17
|
+
});
|
|
18
|
+
test('applies fallback when property and value match', () => {
|
|
19
|
+
const mockContext = createMockContext();
|
|
20
|
+
const plugin = fallbackValuePlugin([
|
|
21
|
+
{
|
|
22
|
+
property: ['width'],
|
|
23
|
+
fallback: (value) => value === 'fit-content'
|
|
24
|
+
? ['-webkit-fit-content', 'fit-content']
|
|
25
|
+
: undefined,
|
|
26
|
+
},
|
|
27
|
+
]);
|
|
28
|
+
const style = { width: 'fit-content' };
|
|
29
|
+
const result = plugin(style, mockContext);
|
|
30
|
+
expect(result.width).toContain('var(');
|
|
31
|
+
expect(mockContext.createNode).toHaveBeenCalled();
|
|
32
|
+
});
|
|
33
|
+
test('does not apply fallback when value does not match', () => {
|
|
34
|
+
const mockContext = createMockContext();
|
|
35
|
+
const plugin = fallbackValuePlugin([
|
|
36
|
+
{
|
|
37
|
+
property: ['width'],
|
|
38
|
+
fallback: (value) => value === 'fit-content' ? ['fit-content'] : undefined,
|
|
39
|
+
},
|
|
40
|
+
]);
|
|
41
|
+
const style = { width: '100px' };
|
|
42
|
+
const result = plugin(style, mockContext);
|
|
43
|
+
expect(result.width).toBe('100px');
|
|
44
|
+
expect(mockContext.createNode).not.toHaveBeenCalled();
|
|
45
|
+
});
|
|
46
|
+
test('does not apply fallback when property does not match', () => {
|
|
47
|
+
const mockContext = createMockContext();
|
|
48
|
+
const plugin = fallbackValuePlugin([
|
|
49
|
+
{
|
|
50
|
+
property: ['width'],
|
|
51
|
+
fallback: (value) => value === 'min-content' ? ['-webkit-min-content'] : undefined,
|
|
52
|
+
},
|
|
53
|
+
]);
|
|
54
|
+
const style = { height: 'min-content' };
|
|
55
|
+
const result = plugin(style, mockContext);
|
|
56
|
+
expect(result.height).toBe('min-content');
|
|
57
|
+
expect(mockContext.createNode).not.toHaveBeenCalled();
|
|
58
|
+
});
|
|
59
|
+
test('handles nested style objects', () => {
|
|
60
|
+
const mockContext = createMockContext();
|
|
61
|
+
const plugin = fallbackValuePlugin([
|
|
62
|
+
{
|
|
63
|
+
property: ['width'],
|
|
64
|
+
fallback: (value) => value === 'max-content'
|
|
65
|
+
? ['-webkit-max-content', 'max-content']
|
|
66
|
+
: undefined,
|
|
67
|
+
},
|
|
68
|
+
]);
|
|
69
|
+
const style = {
|
|
70
|
+
':hover': { width: 'max-content' },
|
|
71
|
+
};
|
|
72
|
+
const result = plugin(style, mockContext);
|
|
73
|
+
expect(result[':hover']?.width).toContain('var(');
|
|
74
|
+
});
|
|
75
|
+
test('handles multiple fallback rules', () => {
|
|
76
|
+
const mockContext = createMockContext();
|
|
77
|
+
const plugin = fallbackValuePlugin([
|
|
78
|
+
{
|
|
79
|
+
property: ['width'],
|
|
80
|
+
fallback: (value) => value === 'min-content' ? ['-webkit-min-content'] : undefined,
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
property: ['height'],
|
|
84
|
+
fallback: (value) => value === 'max-content' ? ['-webkit-max-content'] : undefined,
|
|
85
|
+
},
|
|
86
|
+
]);
|
|
87
|
+
const style = { width: 'min-content', height: 'max-content' };
|
|
88
|
+
const result = plugin(style, mockContext);
|
|
89
|
+
expect(result.width).toContain('var(');
|
|
90
|
+
expect(result.height).toContain('var(');
|
|
91
|
+
expect(mockContext.createNode).toHaveBeenCalledTimes(2);
|
|
92
|
+
});
|
|
93
|
+
});
|
|
94
|
+
//# sourceMappingURL=fallbackValue.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fallbackValue.test.js","sourceRoot":"","sources":["../../../src/plugins/__tests__/fallbackValue.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"logger.test.d.ts","sourceRoot":"","sources":["../../../src/plugins/__tests__/logger.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { describe, test, expect, vi, beforeEach, afterEach } from 'vitest';
|
|
2
|
+
import loggerPlugin from '../logger';
|
|
3
|
+
describe('loggerPlugin', () => {
|
|
4
|
+
const originalConsole = console.log;
|
|
5
|
+
beforeEach(() => {
|
|
6
|
+
console.log = vi.fn();
|
|
7
|
+
});
|
|
8
|
+
afterEach(() => {
|
|
9
|
+
console.log = originalConsole;
|
|
10
|
+
});
|
|
11
|
+
test('logs style object', () => {
|
|
12
|
+
const plugin = loggerPlugin();
|
|
13
|
+
const style = { color: 'red', fontSize: 16 };
|
|
14
|
+
plugin(style);
|
|
15
|
+
expect(console.log).toHaveBeenCalledWith(expect.objectContaining(style));
|
|
16
|
+
});
|
|
17
|
+
test('returns the original style unchanged', () => {
|
|
18
|
+
const plugin = loggerPlugin();
|
|
19
|
+
const style = { color: 'red' };
|
|
20
|
+
const result = plugin(style);
|
|
21
|
+
expect(result).toBe(style);
|
|
22
|
+
});
|
|
23
|
+
test('uses prefix when provided', () => {
|
|
24
|
+
const plugin = loggerPlugin({ prefix: 'STYLE:' });
|
|
25
|
+
const style = { color: 'blue' };
|
|
26
|
+
plugin(style);
|
|
27
|
+
expect(console.log).toHaveBeenCalledWith('STYLE:', expect.any(Object));
|
|
28
|
+
});
|
|
29
|
+
test('stringifies when stringify option is true', () => {
|
|
30
|
+
const plugin = loggerPlugin({ stringify: true });
|
|
31
|
+
const style = { color: 'green' };
|
|
32
|
+
plugin(style);
|
|
33
|
+
expect(console.log).toHaveBeenCalledWith(JSON.stringify(style));
|
|
34
|
+
});
|
|
35
|
+
test('clones style by default', () => {
|
|
36
|
+
const plugin = loggerPlugin();
|
|
37
|
+
const style = { color: 'red' };
|
|
38
|
+
plugin(style);
|
|
39
|
+
const loggedValue = console.log.mock.calls[0][0];
|
|
40
|
+
expect(loggedValue).not.toBe(style);
|
|
41
|
+
expect(loggedValue).toEqual(style);
|
|
42
|
+
});
|
|
43
|
+
test('does not clone when clone is false', () => {
|
|
44
|
+
const plugin = loggerPlugin({ clone: false });
|
|
45
|
+
const style = { color: 'red' };
|
|
46
|
+
plugin(style);
|
|
47
|
+
const loggedValue = console.log.mock.calls[0][0];
|
|
48
|
+
expect(loggedValue).toBe(style);
|
|
49
|
+
});
|
|
50
|
+
test('prefix and stringify work together', () => {
|
|
51
|
+
const plugin = loggerPlugin({ prefix: 'DEBUG:', stringify: true });
|
|
52
|
+
const style = { margin: 10 };
|
|
53
|
+
plugin(style);
|
|
54
|
+
expect(console.log).toHaveBeenCalledWith('DEBUG:', JSON.stringify(style));
|
|
55
|
+
});
|
|
56
|
+
});
|
|
57
|
+
//# sourceMappingURL=logger.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"logger.test.js","sourceRoot":"","sources":["../../../src/plugins/__tests__/logger.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"prefixer.test.d.ts","sourceRoot":"","sources":["../../../src/plugins/__tests__/prefixer.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { describe, test, expect } from 'vitest';
|
|
2
|
+
import prefixerPlugin from '../prefixer';
|
|
3
|
+
describe('prefixerPlugin', () => {
|
|
4
|
+
test('adds webkit prefix to appropriate properties', () => {
|
|
5
|
+
const plugin = prefixerPlugin();
|
|
6
|
+
const style = { appearance: 'none' };
|
|
7
|
+
const result = plugin(style);
|
|
8
|
+
expect(result.WebkitAppearance).toBe('none');
|
|
9
|
+
expect(result.appearance).toBe('none');
|
|
10
|
+
});
|
|
11
|
+
test('adds webkit prefix to userSelect', () => {
|
|
12
|
+
const plugin = prefixerPlugin();
|
|
13
|
+
const style = { userSelect: 'none' };
|
|
14
|
+
const result = plugin(style);
|
|
15
|
+
expect(result.WebkitUserSelect).toBe('none');
|
|
16
|
+
expect(result.userSelect).toBe('none');
|
|
17
|
+
});
|
|
18
|
+
test('adds webkit prefix to backdropFilter', () => {
|
|
19
|
+
const plugin = prefixerPlugin();
|
|
20
|
+
const style = { backdropFilter: 'blur(10px)' };
|
|
21
|
+
const result = plugin(style);
|
|
22
|
+
expect(result.WebkitBackdropFilter).toBe('blur(10px)');
|
|
23
|
+
expect(result.backdropFilter).toBe('blur(10px)');
|
|
24
|
+
});
|
|
25
|
+
test('adds moz prefix to tabSize', () => {
|
|
26
|
+
const plugin = prefixerPlugin();
|
|
27
|
+
const style = { tabSize: 4 };
|
|
28
|
+
const result = plugin(style);
|
|
29
|
+
expect(result.MozTabSize).toBe(4);
|
|
30
|
+
expect(result.tabSize).toBe(4);
|
|
31
|
+
});
|
|
32
|
+
test('does not prefix standard properties', () => {
|
|
33
|
+
const plugin = prefixerPlugin();
|
|
34
|
+
const style = { color: 'red', fontSize: 16 };
|
|
35
|
+
const result = plugin(style);
|
|
36
|
+
expect('WebkitColor' in result).toBeFalsy();
|
|
37
|
+
expect(result.color).toBe('red');
|
|
38
|
+
});
|
|
39
|
+
test('handles nested style objects', () => {
|
|
40
|
+
const plugin = prefixerPlugin();
|
|
41
|
+
const style = {
|
|
42
|
+
appearance: 'none',
|
|
43
|
+
':hover': { userSelect: 'text' },
|
|
44
|
+
};
|
|
45
|
+
const result = plugin(style);
|
|
46
|
+
expect(result.WebkitAppearance).toBe('none');
|
|
47
|
+
expect(result[':hover']?.WebkitUserSelect).toBe('text');
|
|
48
|
+
});
|
|
49
|
+
test('prefixes mask properties', () => {
|
|
50
|
+
const plugin = prefixerPlugin();
|
|
51
|
+
const style = { maskImage: 'url(mask.png)' };
|
|
52
|
+
const result = plugin(style);
|
|
53
|
+
expect(result.WebkitMaskImage).toBe('url(mask.png)');
|
|
54
|
+
expect(result.maskImage).toBe('url(mask.png)');
|
|
55
|
+
});
|
|
56
|
+
test('prefixes clipPath', () => {
|
|
57
|
+
const plugin = prefixerPlugin();
|
|
58
|
+
const style = { clipPath: 'circle(50%)' };
|
|
59
|
+
const result = plugin(style);
|
|
60
|
+
expect(result.WebkitClipPath).toBe('circle(50%)');
|
|
61
|
+
expect(result.clipPath).toBe('circle(50%)');
|
|
62
|
+
});
|
|
63
|
+
});
|
|
64
|
+
//# sourceMappingURL=prefixer.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"prefixer.test.js","sourceRoot":"","sources":["../../../src/plugins/__tests__/prefixer.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAE/C,OAAO,cAAc,MAAM,aAAa,CAAA;AAExC,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,IAAI,CAAC,8CAA8C,EAAE,GAAG,EAAE;QACxD,MAAM,MAAM,GAAG,cAAc,EAAE,CAAA;QAC/B,MAAM,KAAK,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,CAAA;QAEpC,MAAM,MAAM,GAAG,MAAM,CAAC,KAAY,CAAC,CAAA;QAEnC,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QAC5C,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IACxC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC5C,MAAM,MAAM,GAAG,cAAc,EAAE,CAAA;QAC/B,MAAM,KAAK,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,CAAA;QAEpC,MAAM,MAAM,GAAG,MAAM,CAAC,KAAY,CAAC,CAAA;QAEnC,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QAC5C,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IACxC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAChD,MAAM,MAAM,GAAG,cAAc,EAAE,CAAA;QAC/B,MAAM,KAAK,GAAG,EAAE,cAAc,EAAE,YAAY,EAAE,CAAA;QAE9C,MAAM,MAAM,GAAG,MAAM,CAAC,KAAY,CAAC,CAAA;QAEnC,MAAM,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;QACtD,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;IAClD,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,4BAA4B,EAAE,GAAG,EAAE;QACtC,MAAM,MAAM,GAAG,cAAc,EAAE,CAAA;QAC/B,MAAM,KAAK,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE,CAAA;QAE5B,MAAM,MAAM,GAAG,MAAM,CAAC,KAAY,CAAC,CAAA;QAEnC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;QACjC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;IAChC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC/C,MAAM,MAAM,GAAG,cAAc,EAAE,CAAA;QAC/B,MAAM,KAAK,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAA;QAE5C,MAAM,MAAM,GAAG,MAAM,CAAC,KAAY,CAAC,CAAA;QAEnC,MAAM,CAAC,aAAa,IAAI,MAAM,CAAC,CAAC,SAAS,EAAE,CAAA;QAC3C,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IAClC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACxC,MAAM,MAAM,GAAG,cAAc,EAAE,CAAA;QAC/B,MAAM,KAAK,GAAG;YACZ,UAAU,EAAE,MAAM;YAClB,QAAQ,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE;SACjC,CAAA;QAED,MAAM,MAAM,GAAG,MAAM,CAAC,KAAY,CAAC,CAAA;QAEnC,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QAC5C,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IACzD,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACpC,MAAM,MAAM,GAAG,cAAc,EAAE,CAAA;QAC/B,MAAM,KAAK,GAAG,EAAE,SAAS,EAAE,eAAe,EAAE,CAAA;QAE5C,MAAM,MAAM,GAAG,MAAM,CAAC,KAAY,CAAC,CAAA;QAEnC,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;QACpD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;IAChD,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,mBAAmB,EAAE,GAAG,EAAE;QAC7B,MAAM,MAAM,GAAG,cAAc,EAAE,CAAA;QAC/B,MAAM,KAAK,GAAG,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAA;QAEzC,MAAM,MAAM,GAAG,MAAM,CAAC,KAAY,CAAC,CAAA;QAEnC,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;QACjD,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;IAC7C,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pseudoElement.test.d.ts","sourceRoot":"","sources":["../../../src/plugins/__tests__/pseudoElement.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import { describe, test, expect, vi } from 'vitest';
|
|
2
|
+
import pseudoElementPlugin from '../pseudoElement';
|
|
3
|
+
describe('pseudoElementPlugin', () => {
|
|
4
|
+
const createMockContext = () => ({
|
|
5
|
+
createNode: vi.fn(),
|
|
6
|
+
mergeStyle: vi.fn(),
|
|
7
|
+
props: {},
|
|
8
|
+
});
|
|
9
|
+
test('extracts pseudo element styles and creates node', () => {
|
|
10
|
+
const mockContext = createMockContext();
|
|
11
|
+
const plugin = pseudoElementPlugin();
|
|
12
|
+
const style = {
|
|
13
|
+
color: 'red',
|
|
14
|
+
'::before': {
|
|
15
|
+
content: '""',
|
|
16
|
+
display: 'block',
|
|
17
|
+
},
|
|
18
|
+
};
|
|
19
|
+
const result = plugin(style, mockContext);
|
|
20
|
+
// Pseudo element should be removed from style
|
|
21
|
+
expect(result['::before']).toBeUndefined();
|
|
22
|
+
expect(result.color).toBe('red');
|
|
23
|
+
// Node should be created
|
|
24
|
+
expect(mockContext.createNode).toHaveBeenCalled();
|
|
25
|
+
// data-style-id should be set
|
|
26
|
+
expect(mockContext.props['data-style-id']).toBeDefined();
|
|
27
|
+
});
|
|
28
|
+
test('handles ::after pseudo element', () => {
|
|
29
|
+
const mockContext = createMockContext();
|
|
30
|
+
const plugin = pseudoElementPlugin();
|
|
31
|
+
const style = {
|
|
32
|
+
'::after': {
|
|
33
|
+
content: '"→"',
|
|
34
|
+
marginLeft: 8,
|
|
35
|
+
},
|
|
36
|
+
};
|
|
37
|
+
const result = plugin(style, mockContext);
|
|
38
|
+
expect(result['::after']).toBeUndefined();
|
|
39
|
+
expect(mockContext.createNode).toHaveBeenCalled();
|
|
40
|
+
});
|
|
41
|
+
test('preserves non-pseudo-element nested styles', () => {
|
|
42
|
+
const mockContext = createMockContext();
|
|
43
|
+
const plugin = pseudoElementPlugin();
|
|
44
|
+
const style = {
|
|
45
|
+
':hover': {
|
|
46
|
+
color: 'blue',
|
|
47
|
+
},
|
|
48
|
+
};
|
|
49
|
+
const result = plugin(style, mockContext);
|
|
50
|
+
expect(result[':hover']).toEqual({ color: 'blue' });
|
|
51
|
+
expect(mockContext.createNode).not.toHaveBeenCalled();
|
|
52
|
+
});
|
|
53
|
+
test('handles nested pseudo elements', () => {
|
|
54
|
+
const mockContext = createMockContext();
|
|
55
|
+
const plugin = pseudoElementPlugin();
|
|
56
|
+
const style = {
|
|
57
|
+
':hover': {
|
|
58
|
+
'::before': {
|
|
59
|
+
opacity: 1,
|
|
60
|
+
},
|
|
61
|
+
},
|
|
62
|
+
};
|
|
63
|
+
const result = plugin(style, mockContext);
|
|
64
|
+
// The ::before inside :hover should be processed
|
|
65
|
+
expect(result[':hover']?.['::before']).toBeUndefined();
|
|
66
|
+
expect(mockContext.createNode).toHaveBeenCalled();
|
|
67
|
+
});
|
|
68
|
+
test('handles multiple pseudo elements', () => {
|
|
69
|
+
const mockContext = createMockContext();
|
|
70
|
+
const plugin = pseudoElementPlugin();
|
|
71
|
+
const style = {
|
|
72
|
+
'::before': { content: '"←"' },
|
|
73
|
+
'::after': { content: '"→"' },
|
|
74
|
+
};
|
|
75
|
+
const result = plugin(style, mockContext);
|
|
76
|
+
expect(result['::before']).toBeUndefined();
|
|
77
|
+
expect(result['::after']).toBeUndefined();
|
|
78
|
+
expect(mockContext.createNode).toHaveBeenCalledTimes(2);
|
|
79
|
+
});
|
|
80
|
+
test('passes through primitive values', () => {
|
|
81
|
+
const mockContext = createMockContext();
|
|
82
|
+
const plugin = pseudoElementPlugin();
|
|
83
|
+
const style = {
|
|
84
|
+
fontSize: 16,
|
|
85
|
+
lineHeight: 1.5,
|
|
86
|
+
};
|
|
87
|
+
const result = plugin(style, mockContext);
|
|
88
|
+
expect(result.fontSize).toBe(16);
|
|
89
|
+
expect(result.lineHeight).toBe(1.5);
|
|
90
|
+
});
|
|
91
|
+
});
|
|
92
|
+
//# sourceMappingURL=pseudoElement.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pseudoElement.test.js","sourceRoot":"","sources":["../../../src/plugins/__tests__/pseudoElement.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"responsiveValue.test.d.ts","sourceRoot":"","sources":["../../../src/plugins/__tests__/responsiveValue.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { describe, test, expect } from 'vitest';
|
|
2
|
+
import responsiveValuePlugin, { responsiveValue } from '../responsiveValue';
|
|
3
|
+
describe('responsiveValuePlugin', () => {
|
|
4
|
+
const mediaQueries = [
|
|
5
|
+
'@media (min-width: 480px)',
|
|
6
|
+
'@media (min-width: 768px)',
|
|
7
|
+
'@media (min-width: 1024px)',
|
|
8
|
+
];
|
|
9
|
+
test('expands array values to media queries', () => {
|
|
10
|
+
const plugin = responsiveValuePlugin(mediaQueries);
|
|
11
|
+
const result = plugin({ fontSize: responsiveValue([16, 18, 20, 24]) });
|
|
12
|
+
expect(result.fontSize).toBe(16);
|
|
13
|
+
expect(result['@media (min-width: 480px)']).toEqual({ fontSize: 18 });
|
|
14
|
+
expect(result['@media (min-width: 768px)']).toEqual({ fontSize: 20 });
|
|
15
|
+
expect(result['@media (min-width: 1024px)']).toEqual({ fontSize: 24 });
|
|
16
|
+
});
|
|
17
|
+
test('first value is default', () => {
|
|
18
|
+
const plugin = responsiveValuePlugin(mediaQueries);
|
|
19
|
+
const result = plugin({ padding: responsiveValue([8, 16]) });
|
|
20
|
+
expect(result.padding).toBe(8);
|
|
21
|
+
expect(result['@media (min-width: 480px)']).toEqual({ padding: 16 });
|
|
22
|
+
});
|
|
23
|
+
test('handles null/undefined values in array', () => {
|
|
24
|
+
const plugin = responsiveValuePlugin(mediaQueries);
|
|
25
|
+
const result = plugin({ margin: [8, undefined, 16] });
|
|
26
|
+
expect(result.margin).toBe(8);
|
|
27
|
+
expect(result['@media (min-width: 480px)']).toBeUndefined();
|
|
28
|
+
expect(result['@media (min-width: 768px)']).toEqual({ margin: 16 });
|
|
29
|
+
});
|
|
30
|
+
test('does not modify non-array values', () => {
|
|
31
|
+
const plugin = responsiveValuePlugin(mediaQueries);
|
|
32
|
+
const result = plugin({ color: 'red', padding: 8 });
|
|
33
|
+
expect(result.color).toBe('red');
|
|
34
|
+
expect(result.padding).toBe(8);
|
|
35
|
+
});
|
|
36
|
+
test('handles nested objects', () => {
|
|
37
|
+
const plugin = responsiveValuePlugin(mediaQueries);
|
|
38
|
+
const result = plugin({
|
|
39
|
+
':hover': { fontSize: [14, 16] },
|
|
40
|
+
});
|
|
41
|
+
expect(result[':hover']?.fontSize).toBe(14);
|
|
42
|
+
expect(result[':hover']?.['@media (min-width: 480px)']).toEqual({
|
|
43
|
+
fontSize: 16,
|
|
44
|
+
});
|
|
45
|
+
});
|
|
46
|
+
test('handles multiple responsive properties', () => {
|
|
47
|
+
const plugin = responsiveValuePlugin(mediaQueries);
|
|
48
|
+
const result = plugin({
|
|
49
|
+
fontSize: responsiveValue([16, 18]),
|
|
50
|
+
padding: responsiveValue([8, 12]),
|
|
51
|
+
});
|
|
52
|
+
expect(result.fontSize).toBe(16);
|
|
53
|
+
expect(result.padding).toBe(8);
|
|
54
|
+
expect(result['@media (min-width: 480px)']).toEqual({
|
|
55
|
+
fontSize: 18,
|
|
56
|
+
padding: 12,
|
|
57
|
+
});
|
|
58
|
+
});
|
|
59
|
+
test('limits to number of media queries', () => {
|
|
60
|
+
const plugin = responsiveValuePlugin(['@media (min-width: 480px)']);
|
|
61
|
+
const result = plugin({ fontSize: responsiveValue([16, 18, 20, 24]) });
|
|
62
|
+
// Only first media query value used
|
|
63
|
+
expect(result.fontSize).toBe(16);
|
|
64
|
+
expect(result['@media (min-width: 480px)']).toEqual({ fontSize: 18 });
|
|
65
|
+
expect(result['@media (min-width: 768px)']).toBeUndefined();
|
|
66
|
+
});
|
|
67
|
+
});
|
|
68
|
+
//# sourceMappingURL=responsiveValue.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"responsiveValue.test.js","sourceRoot":"","sources":["../../../src/plugins/__tests__/responsiveValue.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"rtl.test.d.ts","sourceRoot":"","sources":["../../../src/plugins/__tests__/rtl.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { describe, test, expect } from 'vitest';
|
|
2
|
+
import rtlPlugin from '../rtl';
|
|
3
|
+
describe('rtlPlugin', () => {
|
|
4
|
+
test('transforms left to right for RTL', () => {
|
|
5
|
+
const plugin = rtlPlugin('rtl');
|
|
6
|
+
const style = { marginLeft: 10 };
|
|
7
|
+
const result = plugin(style);
|
|
8
|
+
expect(result.marginRight).toBe(10);
|
|
9
|
+
expect(result.marginLeft).toBeUndefined();
|
|
10
|
+
});
|
|
11
|
+
test('transforms right to left for RTL', () => {
|
|
12
|
+
const plugin = rtlPlugin('rtl');
|
|
13
|
+
const style = { paddingRight: 20 };
|
|
14
|
+
const result = plugin(style);
|
|
15
|
+
expect(result.paddingLeft).toBe(20);
|
|
16
|
+
expect(result.paddingRight).toBeUndefined();
|
|
17
|
+
});
|
|
18
|
+
test('does not transform when direction is ltr', () => {
|
|
19
|
+
const plugin = rtlPlugin('ltr');
|
|
20
|
+
const style = { marginLeft: 10 };
|
|
21
|
+
const result = plugin(style);
|
|
22
|
+
expect(result.marginLeft).toBe(10);
|
|
23
|
+
});
|
|
24
|
+
test('transforms textAlign left to right', () => {
|
|
25
|
+
const plugin = rtlPlugin('rtl');
|
|
26
|
+
const style = { textAlign: 'left' };
|
|
27
|
+
const result = plugin(style);
|
|
28
|
+
expect(result.textAlign).toBe('right');
|
|
29
|
+
});
|
|
30
|
+
test('transforms float left to right', () => {
|
|
31
|
+
const plugin = rtlPlugin('rtl');
|
|
32
|
+
const style = { float: 'left' };
|
|
33
|
+
const result = plugin(style);
|
|
34
|
+
expect(result.float).toBe('right');
|
|
35
|
+
});
|
|
36
|
+
test('handles border properties', () => {
|
|
37
|
+
const plugin = rtlPlugin('rtl');
|
|
38
|
+
const style = { borderLeft: '1px solid red' };
|
|
39
|
+
const result = plugin(style);
|
|
40
|
+
expect(result.borderRight).toBe('1px solid red');
|
|
41
|
+
expect(result.borderLeft).toBeUndefined();
|
|
42
|
+
});
|
|
43
|
+
test('preserves non-directional properties', () => {
|
|
44
|
+
const plugin = rtlPlugin('rtl');
|
|
45
|
+
const style = { color: 'red', fontSize: 16 };
|
|
46
|
+
const result = plugin(style);
|
|
47
|
+
expect(result.color).toBe('red');
|
|
48
|
+
expect(result.fontSize).toBe(16);
|
|
49
|
+
});
|
|
50
|
+
test('defaults to rtl direction', () => {
|
|
51
|
+
const plugin = rtlPlugin();
|
|
52
|
+
const style = { marginLeft: 10 };
|
|
53
|
+
const result = plugin(style);
|
|
54
|
+
expect(result.marginRight).toBe(10);
|
|
55
|
+
});
|
|
56
|
+
});
|
|
57
|
+
//# sourceMappingURL=rtl.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"rtl.test.js","sourceRoot":"","sources":["../../../src/plugins/__tests__/rtl.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sortCondition.test.d.ts","sourceRoot":"","sources":["../../../src/plugins/__tests__/sortCondition.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { describe, test, expect } from 'vitest';
|
|
2
|
+
import sortConditionPlugin, { sortMobileFirst } from '../sortCondition';
|
|
3
|
+
describe('sortConditionPlugin', () => {
|
|
4
|
+
test('sorts conditions using provided sort function', () => {
|
|
5
|
+
const plugin = sortConditionPlugin((a, b) => a.localeCompare(b));
|
|
6
|
+
const style = {
|
|
7
|
+
color: 'red',
|
|
8
|
+
'@media (min-width: 800px)': { color: 'blue' },
|
|
9
|
+
'@media (min-width: 400px)': { color: 'green' },
|
|
10
|
+
};
|
|
11
|
+
const result = plugin(style);
|
|
12
|
+
const keys = Object.keys(result);
|
|
13
|
+
// Primitive properties should come first
|
|
14
|
+
expect(keys[0]).toBe('color');
|
|
15
|
+
});
|
|
16
|
+
test('primitive properties come before nested', () => {
|
|
17
|
+
const plugin = sortConditionPlugin(sortMobileFirst);
|
|
18
|
+
const style = {
|
|
19
|
+
'@media (min-width: 800px)': { color: 'blue' },
|
|
20
|
+
color: 'red',
|
|
21
|
+
fontSize: 16,
|
|
22
|
+
};
|
|
23
|
+
const result = plugin(style);
|
|
24
|
+
const keys = Object.keys(result);
|
|
25
|
+
expect(keys[0]).toBe('color');
|
|
26
|
+
expect(keys[1]).toBe('fontSize');
|
|
27
|
+
});
|
|
28
|
+
test('recursively sorts nested conditions', () => {
|
|
29
|
+
const plugin = sortConditionPlugin(sortMobileFirst);
|
|
30
|
+
const style = {
|
|
31
|
+
'@media (min-width: 800px)': {
|
|
32
|
+
'@media (min-width: 400px)': { color: 'green' },
|
|
33
|
+
color: 'blue',
|
|
34
|
+
},
|
|
35
|
+
};
|
|
36
|
+
const result = plugin(style);
|
|
37
|
+
const nestedKeys = Object.keys(result['@media (min-width: 800px)']);
|
|
38
|
+
expect(nestedKeys[0]).toBe('color');
|
|
39
|
+
});
|
|
40
|
+
});
|
|
41
|
+
describe('sortMobileFirst', () => {
|
|
42
|
+
test('other selectors come before pseudo selectors', () => {
|
|
43
|
+
const result = sortMobileFirst('[data-active]', ':hover');
|
|
44
|
+
expect(result).toBeLessThan(0);
|
|
45
|
+
});
|
|
46
|
+
test('pseudo selectors come before media queries', () => {
|
|
47
|
+
const result = sortMobileFirst(':hover', '@media (min-width: 800px)');
|
|
48
|
+
expect(result).toBeLessThan(0);
|
|
49
|
+
});
|
|
50
|
+
test('media queries come before supports queries', () => {
|
|
51
|
+
const result = sortMobileFirst('@media (min-width: 800px)', '@supports (display: grid)');
|
|
52
|
+
expect(result).toBeLessThan(0);
|
|
53
|
+
});
|
|
54
|
+
test('pseudo selectors follow LVFHA order', () => {
|
|
55
|
+
expect(sortMobileFirst(':link', ':visited')).toBeLessThan(0);
|
|
56
|
+
expect(sortMobileFirst(':visited', ':focus')).toBeLessThan(0);
|
|
57
|
+
expect(sortMobileFirst(':focus', ':hover')).toBeLessThan(0);
|
|
58
|
+
expect(sortMobileFirst(':hover', ':active')).toBeLessThan(0);
|
|
59
|
+
});
|
|
60
|
+
test('media queries are sorted by min-width', () => {
|
|
61
|
+
const result = sortMobileFirst('@media (min-width: 400px)', '@media (min-width: 800px)');
|
|
62
|
+
expect(result).toBeLessThan(0);
|
|
63
|
+
});
|
|
64
|
+
});
|
|
65
|
+
//# sourceMappingURL=sortCondition.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sortCondition.test.js","sourceRoot":"","sources":["../../../src/plugins/__tests__/sortCondition.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sortProperty.test.d.ts","sourceRoot":"","sources":["../../../src/plugins/__tests__/sortProperty.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { describe, test, expect } from 'vitest';
|
|
2
|
+
import sortPropertyPlugin from '../sortProperty';
|
|
3
|
+
describe('sortPropertyPlugin', () => {
|
|
4
|
+
test('sorts properties by priority', () => {
|
|
5
|
+
const plugin = sortPropertyPlugin({
|
|
6
|
+
background: 1,
|
|
7
|
+
backgroundColor: 2,
|
|
8
|
+
});
|
|
9
|
+
const style = { backgroundColor: 'red', background: 'blue' };
|
|
10
|
+
const result = plugin(style);
|
|
11
|
+
const keys = Object.keys(result);
|
|
12
|
+
expect(keys[0]).toBe('background');
|
|
13
|
+
expect(keys[1]).toBe('backgroundColor');
|
|
14
|
+
});
|
|
15
|
+
test('properties without priority come first', () => {
|
|
16
|
+
const plugin = sortPropertyPlugin({
|
|
17
|
+
marginLeft: 2,
|
|
18
|
+
});
|
|
19
|
+
const style = { marginLeft: 10, color: 'red' };
|
|
20
|
+
const result = plugin(style);
|
|
21
|
+
const keys = Object.keys(result);
|
|
22
|
+
expect(keys[0]).toBe('color');
|
|
23
|
+
expect(keys[1]).toBe('marginLeft');
|
|
24
|
+
});
|
|
25
|
+
test('handles nested style objects', () => {
|
|
26
|
+
const plugin = sortPropertyPlugin({
|
|
27
|
+
padding: 1,
|
|
28
|
+
paddingLeft: 2,
|
|
29
|
+
});
|
|
30
|
+
const style = {
|
|
31
|
+
paddingLeft: 10,
|
|
32
|
+
padding: 5,
|
|
33
|
+
':hover': {
|
|
34
|
+
paddingLeft: 15,
|
|
35
|
+
padding: 10,
|
|
36
|
+
},
|
|
37
|
+
};
|
|
38
|
+
const result = plugin(style);
|
|
39
|
+
const hoverKeys = Object.keys(result[':hover']);
|
|
40
|
+
expect(hoverKeys[0]).toBe('padding');
|
|
41
|
+
expect(hoverKeys[1]).toBe('paddingLeft');
|
|
42
|
+
});
|
|
43
|
+
test('preserves property values', () => {
|
|
44
|
+
const plugin = sortPropertyPlugin({
|
|
45
|
+
padding: 1,
|
|
46
|
+
paddingLeft: 2,
|
|
47
|
+
});
|
|
48
|
+
const style = { padding: 10, paddingLeft: 20 };
|
|
49
|
+
const result = plugin(style);
|
|
50
|
+
expect(Object.keys(result)).toEqual(['padding', 'paddingLeft']);
|
|
51
|
+
});
|
|
52
|
+
test('handles equal priorities', () => {
|
|
53
|
+
const plugin = sortPropertyPlugin({
|
|
54
|
+
margin: 1,
|
|
55
|
+
padding: 1,
|
|
56
|
+
});
|
|
57
|
+
// Both have same priority, order may vary but both should exist
|
|
58
|
+
expect(Object.keys(plugin({ padding: 10, margin: 5 }))).toEqual([
|
|
59
|
+
'padding',
|
|
60
|
+
'margin',
|
|
61
|
+
]);
|
|
62
|
+
expect(Object.keys(plugin({ margin: 5, padding: 10 }))).toEqual([
|
|
63
|
+
'margin',
|
|
64
|
+
'padding',
|
|
65
|
+
]);
|
|
66
|
+
});
|
|
67
|
+
});
|
|
68
|
+
//# sourceMappingURL=sortProperty.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sortProperty.test.js","sourceRoot":"","sources":["../../../src/plugins/__tests__/sortProperty.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"unit.test.d.ts","sourceRoot":"","sources":["../../../src/plugins/__tests__/unit.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { describe, test, expect } from 'vitest';
|
|
2
|
+
import unitPlugin from '../unit';
|
|
3
|
+
describe('unitPlugin', () => {
|
|
4
|
+
test('adds px units to numeric values', () => {
|
|
5
|
+
const plugin = unitPlugin();
|
|
6
|
+
const result = plugin({ fontSize: 16, padding: 8 });
|
|
7
|
+
expect(result.fontSize).toBe('16px');
|
|
8
|
+
expect(result.padding).toBe('8px');
|
|
9
|
+
});
|
|
10
|
+
test('uses custom default unit', () => {
|
|
11
|
+
const plugin = unitPlugin('rem');
|
|
12
|
+
const result = plugin({ fontSize: 1.5, margin: 2 });
|
|
13
|
+
expect(result.fontSize).toBe('1.5rem');
|
|
14
|
+
expect(result.margin).toBe('2rem');
|
|
15
|
+
});
|
|
16
|
+
test('uses property map for specific properties', () => {
|
|
17
|
+
const plugin = unitPlugin('px', { width: '%' });
|
|
18
|
+
const result = plugin({ fontSize: 16, width: 50 });
|
|
19
|
+
expect(result.fontSize).toBe('16px');
|
|
20
|
+
expect(result.width).toBe('50%');
|
|
21
|
+
});
|
|
22
|
+
test('does not add units to zero values', () => {
|
|
23
|
+
const plugin = unitPlugin();
|
|
24
|
+
const result = plugin({ margin: 0, padding: 0 });
|
|
25
|
+
expect(result.margin).toBe(0);
|
|
26
|
+
expect(result.padding).toBe(0);
|
|
27
|
+
});
|
|
28
|
+
test('does not add units to string values that are not numeric', () => {
|
|
29
|
+
const plugin = unitPlugin();
|
|
30
|
+
const result = plugin({ color: 'red', display: 'flex' });
|
|
31
|
+
expect(result.color).toBe('red');
|
|
32
|
+
expect(result.display).toBe('flex');
|
|
33
|
+
});
|
|
34
|
+
test('adds units to string values that are numeric', () => {
|
|
35
|
+
const plugin = unitPlugin();
|
|
36
|
+
const result = plugin({ fontSize: '16' });
|
|
37
|
+
expect(result.fontSize).toBe('16px');
|
|
38
|
+
});
|
|
39
|
+
test('does not add units to unitless properties', () => {
|
|
40
|
+
const plugin = unitPlugin();
|
|
41
|
+
const result = plugin({ zIndex: 10, opacity: 0.5 });
|
|
42
|
+
expect(result.zIndex).toBe(10);
|
|
43
|
+
expect(result.opacity).toBe(0.5);
|
|
44
|
+
});
|
|
45
|
+
test('handles nested objects', () => {
|
|
46
|
+
const plugin = unitPlugin();
|
|
47
|
+
const result = plugin({
|
|
48
|
+
fontSize: 16,
|
|
49
|
+
':hover': { padding: 8 },
|
|
50
|
+
});
|
|
51
|
+
expect(result.fontSize).toBe('16px');
|
|
52
|
+
expect(result[':hover']?.padding).toBe('8px');
|
|
53
|
+
});
|
|
54
|
+
test('handles array values', () => {
|
|
55
|
+
const plugin = unitPlugin();
|
|
56
|
+
const result = plugin({ padding: [8, 16, 8, 16] });
|
|
57
|
+
expect(result.padding).toEqual(['8px', '16px', '8px', '16px']);
|
|
58
|
+
});
|
|
59
|
+
test('uses custom isUnitlessProperty function', () => {
|
|
60
|
+
const plugin = unitPlugin('px', {}, (prop) => prop === 'padding');
|
|
61
|
+
const result = plugin({ padding: 10, margin: 20 });
|
|
62
|
+
expect(result.padding).toBe(10);
|
|
63
|
+
expect(result.margin).toBe('20px');
|
|
64
|
+
});
|
|
65
|
+
});
|
|
66
|
+
//# sourceMappingURL=unit.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"unit.test.js","sourceRoot":"","sources":["../../../src/plugins/__tests__/unit.test.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@weser/style",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.1",
|
|
4
4
|
"description": "Utils for using inline styles in React",
|
|
5
5
|
"author": "Robin Weser <robin@weser.io>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -37,9 +37,9 @@
|
|
|
37
37
|
},
|
|
38
38
|
"keywords": [],
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@weser/array": "1.0.
|
|
41
|
-
"@weser/keyframe": "1.0.
|
|
42
|
-
"@weser/object": "1.0.
|
|
40
|
+
"@weser/array": "1.0.1",
|
|
41
|
+
"@weser/keyframe": "1.0.1",
|
|
42
|
+
"@weser/object": "1.0.1",
|
|
43
43
|
"css-in-js-utils": "^3.1.0",
|
|
44
44
|
"isobject": "^4.0.0",
|
|
45
45
|
"rtl-css-js": "^1.16.1",
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"rimraf": "^3.0.2",
|
|
53
53
|
"styles-debugger": "^1.0.0",
|
|
54
54
|
"typescript": "^5.9.2",
|
|
55
|
-
"vitest": "^
|
|
55
|
+
"vitest": "^3.0.0"
|
|
56
56
|
},
|
|
57
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "07cd8acd29e916cf20fe509029328862df87b08d"
|
|
58
58
|
}
|