@elementor/editor-canvas 4.0.0-683 → 4.0.0-beta5

package/src/transformers/styles/__tests__/size-transformer.test.ts

@@ -0,0 +1,24 @@
+import { sizeTransformer } from '../size-transformer';
+
+function run( val: { size?: number; unit?: string } ) {
+	return sizeTransformer( val, { key: 'width', signal: undefined } );
+}
+
+describe( 'sizeTransformer', () => {
+	it( 'returns "auto" when unit is auto and size is null', () => {
+		expect( run( { size: undefined, unit: 'auto' } ) ).toBe( 'auto' );
+	} );
+
+	it( 'returns "auto" when unit is auto and size is undefined', () => {
+		expect( run( { unit: 'auto' } ) ).toBe( 'auto' );
+	} );
+
+	it( 'concatenates size and unit for normal units', () => {
+		expect( run( { size: 100, unit: 'px' } ) ).toBe( '100px' );
+		expect( run( { size: 50, unit: '%' } ) ).toBe( '50%' );
+	} );
+
+	it( 'returns only size for custom unit', () => {
+		expect( run( { size: 100, unit: 'custom' } ) ).toBe( 100 );
+	} );
+} );

package/src/transformers/styles/size-transformer.ts

@@ -6,5 +6,8 @@ type Size = {
 };
 
 export const sizeTransformer = createTransformer( ( value: Size ) => {
+	if ( value.unit === 'auto' ) {
+		return 'auto';
+	}
 	return value.unit === 'custom' ? value.size : `${ value.size }${ value.unit }`;
 } );