import createSettingsDialogRenderer from '../../../src/ui/settingsDialogRenderer';

QUnit.module( 'ext.popups/settingsDialogRenderer', {
	beforeEach: function () {
		function render() { return $( '<div>' ); }
		function getTemplate() { return { render: render }; }

		mediaWiki.html = { escape: str => str };
		mediaWiki.template = { get: getTemplate };
		mediaWiki.config = { get: function () {} };
		mediaWiki.msg = function () {};
	},
	afterEach: function () {
		mediaWiki.msg = null;
		mediaWiki.config = null;
		mediaWiki.template = null;
		mediaWiki.html = null;
	}
} );

QUnit.test( '#render', function ( assert ) {
	var boundActions = {
			saveSettings: function () {},
			hideSettings: function () {}
		},
		expected = {
			appendTo: function () {},
			show: function () {},
			hide: function () {},
			toggleHelp: function () {},
			setEnabled: function () {}
		},
		result = createSettingsDialogRenderer()( boundActions );

	// Specifically NOT a deep equal. Only structure.
	assert.propEqual(
		result,
		expected,
		'Interface exposed has the expected methods'
	);
} );

// FIXME: Add Qunit integration tests about the rendering and the behavior of
// the settings dialog.