@wordpress/components/src/utils/test/math.js

UI components for WordPress.

/**
 * Internal dependencies
 */
import { add, clamp, subtract, roundClamp } from '../math';

describe( 'add', () => {
	it( 'should add string and number values', () => {
		expect( add( '105', '30' ) ).toBe( 135 );
		expect( add( 105, 30 ) ).toBe( 135 );
		expect( add( '105', 30 ) ).toBe( 135 );
		expect( add( 105, '30' ) ).toBe( 135 );

		// Negative values.
		expect( add( 100, '-30' ) ).toBe( 70 );
		expect( add( -100, '-30' ) ).toBe( -130 );
	} );

	it( 'should add multiple arguments', () => {
		expect( add( '105', '30', 10, 5 ) ).toBe( 150 );
	} );
} );

describe( 'subtract', () => {
	it( 'should subtract string and number values', () => {
		expect( subtract( '105', '30' ) ).toBe( 75 );
		expect( subtract( 105, 30 ) ).toBe( 75 );
		expect( subtract( '105', 30 ) ).toBe( 75 );
		expect( subtract( 105, '30' ) ).toBe( 75 );

		// Negative values.
		expect( subtract( 100, '-30' ) ).toBe( 130 );
		expect( subtract( -100, '-30' ) ).toBe( -70 );
	} );

	it( 'should subtract multiple arguments', () => {
		expect( subtract( '105', '30', 10, 5 ) ).toBe( 60 );
	} );
} );

describe( 'clamp', () => {
	it( 'should clamp a value between min and max', () => {
		expect( clamp( 10, 1, 10 ) ).toBe( 10 );
		expect( clamp( 1, 1, 10 ) ).toBe( 1 );
		expect( clamp( 0, 1, 10 ) ).toBe( 1 );

		expect( clamp( 50, 1, 10 ) ).toBe( 10 );
		expect( clamp( 50, -10, 10 ) ).toBe( 10 );
		expect( clamp( -50, -10, 10 ) ).toBe( -10 );

		expect( clamp( Infinity, -10, 10 ) ).toBe( 10 );
		expect( clamp( -Infinity, -10, 10 ) ).toBe( -10 );
	} );

	it( 'should clamp number or string values', () => {
		expect( clamp( '50', 1, 10 ) ).toBe( 10 );
		expect( clamp( '50', -10, 10 ) ).toBe( 10 );
		expect( clamp( -50, -10, '10' ) ).toBe( -10 );
	} );
} );

describe( 'roundClamp', () => {
	it( 'should clamp a value between min and max', () => {
		expect( roundClamp( 10, 1, 10 ) ).toBe( 10 );
		expect( roundClamp( 1, 1, 10 ) ).toBe( 1 );
		expect( roundClamp( 0, 1, 10 ) ).toBe( 1 );

		expect( roundClamp( 50, 1, 10 ) ).toBe( 10 );
		expect( roundClamp( 50, -10, 10 ) ).toBe( 10 );
		expect( roundClamp( -50, -10, 10 ) ).toBe( -10 );

		expect( roundClamp( '50', 1, 10 ) ).toBe( 10 );
		expect( roundClamp( '50', -10, 10 ) ).toBe( 10 );
		expect( roundClamp( -50, -10, '10' ) ).toBe( -10 );
	} );

	it( 'should clamp number or string values', () => {
		expect( roundClamp( '50', 1, 10 ) ).toBe( 10 );
		expect( roundClamp( '50', -10, 10 ) ).toBe( 10 );
		expect( roundClamp( -50, -10, '10' ) ).toBe( -10 );
	} );

	it( 'should clamp with step', () => {
		expect( roundClamp( 40, 1, 100, 10 ) ).toBe( 40 );
		expect( roundClamp( 42, 1, 100, 10 ) ).toBe( 40 );
		expect( roundClamp( 45, 1, 100, 10 ) ).toBe( 50 );
		expect( roundClamp( 49, 1, 100, 10 ) ).toBe( 50 );
		expect( roundClamp( 50, 1, 100, 10 ) ).toBe( 50 );

		expect( roundClamp( 50, 1, 100, 15 ) ).toBe( 45 );
		expect( roundClamp( 50, 1, 100, '15' ) ).toBe( 45 );
		expect( roundClamp( 50, 1, 100, 11 ) ).toBe( 55 );
	} );

	it( 'should clamp with float in step', () => {
		expect( roundClamp( 40, 1, 100, 1 ) ).toBe( 40 );
		expect( roundClamp( 40.5, 1, 100, 0.1 ) ).toBe( 40.5 );
		expect( roundClamp( 40.05, 1, 100, 0.01 ) ).toBe( 40.05 );
		expect( roundClamp( 40.06, 1, 100, 0.1 ) ).toBe( 40.1 );
		expect( roundClamp( 40.123005, 1, 100, 0.001 ) ).toBe( 40.123 );
	} );
} );