wmde / FundraisingFrontend

var test = require( 'tape' ),

	sinon = require( 'sinon' ),

	objectAssign = require( 'object-assign' ),

	SectionInfo = require( '../../lib/view_handler/section_info' ),

	// your typical jQuery extended DOM node

	createElement = function () {

		return {

			find: sinon.stub(),

			text: sinon.stub(),

			html: sinon.stub(),

			removeClass: sinon.stub(),

			addClass: sinon.stub(),

			data: sinon.stub()

		};

	},

	formattedAmount = '23,00 EUR',

	currencyFormatter = {

		format: sinon.stub().returns( formattedAmount )

	}

;

test( 'The amount is passed to the currency formatter', function ( t ) {

	var container = createElement(),

		icon = createElement(),

		text = createElement(),

		longText = createElement(),

		handler = objectAssign( Object.create( SectionInfo.AmountFrequencySectionInfo ), {

			container: container,

			icon: icon,

			text: text,

			longText: longText,

			valueIconMap: { '0': 'icon-0', '1': 'icon-1' },

			valueTextMap: { '0': 'lorem', '1': 'ipsum' },

			valueLongTextMap: { '0': 'lorem lorem', '1': 'ipsum ipsum' },

			currencyFormatter: currencyFormatter

		} );

	handler.update( 23.00, '0', true );

	t.ok( currencyFormatter.format.calledOnce, 'format is called' );

	t.equals( currencyFormatter.format.firstCall.args[ 0 ], 23.00, 'Amount is passed to formatter' );

	t.end();

} );

test( 'Formatted amount is set in amount element', function ( t ) {

	var container = createElement(),

		icon = createElement(),

		text = createElement(),

		longText = createElement(),

		handler = objectAssign( Object.create( SectionInfo.AmountFrequencySectionInfo ), {

			container: container,

			icon: icon,

			text: text,

			longText: longText,

			valueIconMap: { '0': 'icon-0', '1': 'icon-1' },

			valueTextMap: { '0': 'lorem', '1': 'ipsum' },

			valueLongTextMap: { '0': 'lorem lorem', '1': 'ipsum ipsum' },

			currencyFormatter: currencyFormatter

		} );

	handler.update( 23.00, '0', true );

	t.ok( text.text.calledOnce, 'Amount is set' );

	t.equals( text.text.firstCall.args[ 0 ], formattedAmount, 'amount is set' );

	t.end();

} );

test( 'Icon is set according to value', function ( t ) {

	var container = createElement(),

		icon = createElement(),

		text = createElement(),

		longText = createElement(),

		handler = objectAssign( Object.create( SectionInfo.AmountFrequencySectionInfo ), {

			container: container,

			icon: icon,

			text: text,

			longText: longText,

			valueIconMap: { '0': 'icon-0', '1': 'icon-1' },

			valueTextMap: { '0': 'lorem', '1': 'ipsum' },

			valueLongTextMap: { '0': 'lorem lorem', '1': 'ipsum ipsum' },

			currencyFormatter: currencyFormatter

		} );

	handler.update( 34.00, '1', true );

	t.ok( icon.removeClass.withArgs( 'icon-error' ).calledOnce );

	t.ok( icon.removeClass.withArgs( 'icon-0 icon-1' ).calledOnce );

	t.ok( icon.addClass.withArgs( 'icon-1' ).calledOnce );

	t.end();

} );

test( 'Icon is set to error if value out of bounds and error desired', function ( t ) {

	var container = createElement(),

		icon = createElement(),

		handler = objectAssign( Object.create( SectionInfo.AmountFrequencySectionInfo ), {

			container: container,

			icon: icon,

			valueIconMap: { '0': 'icon-0', '1': 'icon-1' },

			currencyFormatter: currencyFormatter

		} );

	icon.data.withArgs( 'display-error' ).returns( true );

	handler.update( 101, 'outOfBounds', true );

	t.ok( icon.removeClass.withArgs( 'icon-error' ).calledOnce );

	t.ok( icon.removeClass.withArgs( 'icon-0 icon-1' ).calledOnce );

	t.ok( icon.addClass.withArgs( 'icon-error' ).calledOnce );

	t.end();

} );

test( 'Icon is reset if value out of bounds and error not desired', function ( t ) {

	var container = createElement(),

		icon = createElement(),

		handler = objectAssign( Object.create( SectionInfo.AmountFrequencySectionInfo ), {

			container: container,

			icon: icon,

			valueIconMap: { '0': 'icon-0', '1': 'icon-1' },

			currencyFormatter: currencyFormatter

		} );

	icon.data.withArgs( 'display-error' ).returns( false );

	handler.update( 101, 'outOfBounds', true );

	t.ok( icon.removeClass.withArgs( 'icon-error' ).calledOnce );

	t.ok( icon.removeClass.withArgs( 'icon-0 icon-1' ).calledOnce );

	t.ok( icon.addClass.notCalled );

	t.end();

} );

test( 'Payment type is set in respective elements', function ( t ) {

	var container = createElement(),

		icon = createElement(),

		text = createElement(),

		longText = createElement(),

		handler = objectAssign( Object.create( SectionInfo.PaymentTypeSectionInfo ), {

			container: container,

			icon: icon,

			text: text,

			longText: longText,

			valueIconMap: { 'BEZ': 'icon-BEZ', 'PPL': 'icon-PPL' },

			valueTextMap: { 'BEZ': 'Lastschrift', 'PPL': 'Paypal' },

			valueLongTextMap: { 'BEZ': 'Will be deducted', 'PPL': 'Forward to PPL' }

		} );

	handler.update( 'PPL', '', '', true );

	t.ok( container.addClass.withArgs( 'completed' ).calledOnce );

	t.ok( icon.addClass.withArgs( 'icon-PPL' ).calledOnce );

	t.ok( text.text.withArgs( 'Paypal' ).calledOnce, 'Payment type is set' );

	t.ok( longText.text.withArgs( 'Forward to PPL' ).calledOnce, 'Long text is set' );

	t.end();

} );

test( 'Missing features are gently skipped', function ( t ) {

	var container = createElement(),

		handler = objectAssign( Object.create( SectionInfo.PaymentTypeSectionInfo ), {

			container: container,

			icon: null,

			text: null,

			longText: null,

			valueIconMap: { 'BEZ': 'icon-BEZ', 'PPL': 'icon-PPL' },

			valueTextMap: { 'BEZ': 'Lastschrift', 'PPL': 'Paypal' },

			valueLongTextMap: { 'BEZ': 'Will be deducted', 'PPL': 'Forward to PPL' }

		} );

	handler.update( 'BEZ', '', '', false );

	t.ok( container, 'elements injected as null have no methods called upon, cause no errors' );

	t.end();

} );

test( 'Instance is created with properties applied', function ( t ) {

	var container = createElement(),

		iconMap = { 'a': 1 },

		textMap = { 'a': 2 },

		longTextMap = { 'a': 3 },

		additionalProperties = { 'alpha': 'gamma' }

	;

	var handler = SectionInfo.createInstance( {}, container, iconMap, textMap, longTextMap, additionalProperties );

	t.deepEquals( handler.valueIconMap, iconMap );

	t.deepEquals( handler.valueTextMap, textMap );

	t.deepEquals( handler.valueLongTextMap, longTextMap );

	t.deepEquals( handler.alpha, 'gamma' );

	t.end();

} );

test( 'Proxy forwards calls and arguments', function ( t ) {

	var widgetOneDom = createElement(),

		widgetTwoDom = createElement(),

		fakeType = {

			update: sinon.stub()

		},

		// IRL a jQuery object that matched multiple DOM nodes

		containers = {

			get: sinon.stub().returns( [ widgetOneDom, widgetTwoDom ] )

		}

	;

	global.$ = sinon.stub();

	global.$.returnsArg( 0 ); // pretend to extend the DOM element given to jQuery. We don't but have all methods stubbed

	var proxy = SectionInfo.createProxy( fakeType, containers, {}, {}, {}, {} );

	proxy.update(  'a', 'b', 'c' );

	t.ok( proxy.widgets instanceof Array );

	t.equals( proxy.widgets.length, 2 );

	t.deepEquals( proxy.widgets[ 0 ].update.firstCall.args, [ 'a', 'b', 'c' ] );

	t.deepEquals( proxy.widgets[ 1 ].update.firstCall.args, [ 'a', 'b', 'c' ] );

	delete global.$;

	t.end();

} );