describe( '.a-pull', () => {
	const pullSize = getCustomPropertyValue( '.a-pull-3', '--a-pull-size' );
	const pullItem = $( '.a-pull-up-item' ).getBoundingClientRect();
	const pullItemDirectParent = $( '.a-pull-up-item' ).parentElement.getBoundingClientRect();
	const itemAbovePullItem = $( '.a-pull-up-above-item' ).getBoundingClientRect();
	
	it( 'pulls a box up, above its direct parent', () => {
		return assertGreaterThan( pullItem.top.toFixed(), pullItemDirectParent.top.toFixed() );
	});
	
	it( 'the above-item increases in height by the pull-size value', () => {
		return assertEquals( pullItem.top.toFixed(), itemAbovePullItem.bottom.toFixed() );
	});

});











function describe( testString, tests ) {
	console.group( testString );
	tests();
	console.groupEnd();
}

function it( testString, test ) {
	let testResult = test();
	let color = ( false === testResult.result ) ? 'red' : 'green';

	console.log( `%c ${testString} ${testResult.message}`, `color:${color}` );
}

function assertEquals( value1, value2 ) {
	let message = '';
	let expression = value1 % value2 < 1;

	if ( false === expression ) {
		message = '\n \t Fail: ' + (value1 % value2).toFixed(1);
	}

	return {
		result: expression,
		message: message
	};
}

function assertGreaterThan( value1, value2 ) {
	let message = '';
	let expression = value1 > value2;

	if ( false === expression ) {
		message = '\n \t Fail: ' + (value1 % value2).toFixed(1);
	}

	return {
		result: expression,
		message: message
	};
}

function $( selector ) {
	return document.querySelector( selector );
}

function getCustomPropertyValue( selector, propertyName ) {
	return window.getComputedStyle( $( selector ) ).getPropertyValue( propertyName );
}