define([
	'intern!tdd',
	'intern/chai!assert',
	'dgrid/Grid',
	'dgrid/ColumnSet',
	'dgrid/OnDemandGrid',
	'dgrid/Tree',
	'dgrid/extensions/CompoundColumns',
	'dgrid/extensions/SingleQuery',
	'dojo/_base/declare',
	'dojo/query',
	'dgrid/test/data/createHierarchicalStore',
	'dgrid/test/data/hierarchicalCountryData',
	'../addCss!'
], function (test, assert, Grid, ColumnSet, OnDemandGrid, Tree, CompoundColumns, SingleQuery, declare, query,
		createHierarchicalStore, data) {

	test.suite('tree indent', function () {
		var grid;
		var treeIndentWidth = 20;

		test.afterEach(function () {
			if (grid) {
				grid.destroy();
				grid = null;
			}
		});

		function testIndentWidth(id, level) {
			var row = grid.row(id);
			assert.ok(row.element, 'Expected child row exists for ID ' + id);
			query('.dgrid-expando-icon', row.element).forEach(function (element) {
				assert.strictEqual(element.style.marginLeft, treeIndentWidth * level + 'px',
					'Child row should have expected indent width corresponding with indentation level ' + level);
			});
		}

		function level1Test() {
			return grid.expand('AF').then(function () {
				testIndentWidth('EG', 1);
			});
		}

		function level2Test() {
			return grid.expand('AF').then(function () {
				return grid.expand('EG');
			}).then(function () {
				testIndentWidth('Cairo', 2);
			});
		}

		test.suite('OnDemandGrid + tree', function () {
			test.beforeEach(function () {
				grid = new (declare([ OnDemandGrid, Tree ]))({
					collection: createHierarchicalStore({ data: data }),
					treeIndentWidth: treeIndentWidth,
					enableTreeTransitions: false,
					columns: [
						{
							field: 'name',
							label: 'Name',
							renderExpando: true
						},
						{
							field: 'type',
							label: 'Type'
						}, {
							field: 'population',
							label: 'Population'
						}
					]
				});
				document.body.appendChild(grid.domNode);
				grid.startup();
			});

			test.test('level 1', level1Test);
			test.test('level 2', level2Test);

			test.test('refreshCell', function () {
				return grid.expand('AF').then(function () {
					return grid.expand('EG');
				}).then(function () {
					var cell = grid.cell('Cairo', '0');

					return grid.refreshCell(cell).then(level2Test);
				});
			});
		});

		test.suite('OnDemandGrid + tree + compound columns + column sets', function () {
			test.beforeEach(function () {
				grid = new (declare([ OnDemandGrid, Tree, CompoundColumns, ColumnSet ]))({
					collection: createHierarchicalStore({ data: data }),
					treeIndentWidth: treeIndentWidth,
					enableTreeTransitions: false,
					columnSets: [
						[
							[
								{
									field: 'name',
									label: 'Name',
									renderExpando: true
								}
							]
						],
						[
							[
								{
									label: 'Information',
									children: [
										{
											field: 'type',
											label: 'Type'
										}, {
											field: 'population',
											label: 'Population'
										}
									]
								}
							]
						]
					]
				});
				document.body.appendChild(grid.domNode);
				grid.startup();
			});

			test.test('level 1', level1Test);
			test.test('level 2', level2Test);
		});

		test.suite('SingleQuery + Tree', function () {
			var store;

			test.beforeEach(function () {
				store = createHierarchicalStore({ data: [ { id: 1 } ] });
				grid = new (declare([ Grid, SingleQuery, Tree ]))({
					collection: store,
					columns: {
						id: {
							renderExpando: true,
							label: 'ID'
						}
					},
					treeIndentWidth: treeIndentWidth
				});
				document.body.appendChild(grid.domNode);
				grid.startup();
			});

			test.test('Child indentation, both when parent is collapsed and expanded', function () {
				store.addSync({ id: 2, parent: 1 });
				return grid.expand(1).then(function () {
					testIndentWidth(2, 1);
					store.addSync({ id: 3, parent: 1 });
					testIndentWidth(3, 1);
				});
			});

			test.test('refreshCell on parent after a child is rendered', function () {
				store.addSync({ id: 2, parent: 1 });
				return grid.expand(1).then(function () {
					grid.refreshCell(grid.cell(1, 'id'));
					testIndentWidth(1, 0);
				});
			});
		});
	});
});