control-freak-ide/server/nodejs/tests/functional/Selector.js

define([
	'intern!tdd',
	'intern/chai!assert',
	'./util',
	'intern/dojo/node!leadfoot/helpers/pollUntil',
	'intern/dojo/node!leadfoot/keys',
	'require'
], function (test, assert, util, pollUntil, keys, require) {
	// The number of visible rows in each grid (clickable without scrolling)
	// Look at the test page to determine this value
	var NUM_VISIBLE_ROWS = 6;

	// The expected select state of each of the first NUM_VISIBLE_ROWS in each
	// table after the first click loop.
	// This could be calculated with a conditional statement, but the logic to so
	// gets a bit tortuous so just lay it out explicitly:
	var expectedSelectState = {
		gridExtended: [1, 0, 1, 0, 1, 0],
		gridSingle: [0, 0, 0, 0, 1, 0]
	};
	expectedSelectState.gridMultiple = expectedSelectState.gridExtended;
	expectedSelectState.gridToggle = expectedSelectState.gridExtended;
	expectedSelectState.gridNone = expectedSelectState.gridExtended;

	test.suite('dgrid/selector functional tests', function () {

		var isShiftClickSupported;

		// Click the checkbox/radio in the first NUM_VISIBLE_ROWS of a grid.
		// After each click the row will be tested for the "dgrid-selected" class.
		function clickAndTestEachRow(remote, gridId) {
			var rowSelector = '#' + gridId + '-row-',
				rowIndex;

			function each(rowIndex) {
				// Click the dgrid/selector checkbox/radio
				return remote.findByCssSelector(rowSelector + rowIndex + ' .field-select input')
						.click()
						.end()
					// Check the row for the "dgrid-selected" class
					.findByCssSelector(rowSelector + rowIndex)
						.getAttribute('class')
						.then(function (classString) {
							var classNames,
								isSelected;

							if (rowIndex % 2) {
								classNames = classString.split(' ');
								isSelected = classNames.indexOf('dgrid-selected') !== -1;
								assert.isFalse(isSelected,
									gridId + ': Row ' + rowIndex + ' should NOT be selected');
							}
							else {
								assert.include(classString, 'dgrid-selected',
									gridId + ': Row ' + rowIndex + ' should be selected after click');
							}
						})
						.end();
			}

			for (rowIndex = 0; rowIndex < NUM_VISIBLE_ROWS; rowIndex++) {
				// The code in this loop is async and might run after the loop has updated
				// rowIndex, so run the code in a function with its own value
				remote = each(rowIndex);
			}

			return remote;
		}

		// Click the checkbox/radio in the first row, then shift+click in the 5th.
		function shiftClickAndTestRows(remote, gridId) {
			var rowSelector = '#' + gridId + '-row-';

			return remote.findByCssSelector(rowSelector + '0' + ' .field-select input')
					.click()
					.end()
				.pressKeys(keys.SHIFT)
				.findByCssSelector(rowSelector + '4' + ' .field-select input')
					.click()
					.pressKeys(keys.NULL)
					.end();
		}

		// Click the "Select All" checkbox in the grid header
		function selectAll(remote, gridId) {
			var selector = '#' + gridId + ' .dgrid-header .field-select input';

			return remote.findByCssSelector(selector)
				.click()
				.end();
		}

		function createRowSelectionTest(gridId, allowMultiple, selectTestFunction) {
			return function () {
				if (selectTestFunction === shiftClickAndTestRows && !isShiftClickSupported) {
					return;
				}

				var selector = '#' + gridId + '-row-',
					remote = this.remote,
					rowIndex;

				function each(rowIndex) {
					return remote.findByCssSelector(selector + rowIndex)
						.getAttribute('class').then(function (classString) {
							var classNames,
								isSelected;

							if (expectedSelectState[gridId][rowIndex]) {
								assert.include(classString, 'dgrid-selected',
									gridId + ': Row ' + rowIndex + ' should still be selected');
							}
							else {
								classNames = classString.split(' ');
								isSelected = classNames.indexOf('dgrid-selected') !== -1;
								assert.isFalse(isSelected,
									gridId + ': Row ' + rowIndex + ' should NOT be selected');
							}
						})
						.end();
				}

				remote = selectTestFunction(remote, gridId);

				// Loop through all rows to verify selection state
				for (rowIndex = 0; rowIndex < NUM_VISIBLE_ROWS; rowIndex++) {
					// The code in this loop is async and might run after the loop has updated
					// rowIndex, so run the code in a function with its own value
					remote = each(rowIndex);
				}

				return remote;
			};
		}

		test.before(function () {
			var remote = this.remote;
			return remote.get(require.toUrl('./Selector.html'))
				.then(pollUntil(function () {
					return window.ready;
				}, null, 5000))
				.then(function () {
					return util.isShiftClickSupported(remote).then(function (isSupported) {
						isShiftClickSupported = isSupported;
						if (!isSupported) {
							console.warn('shift+click tests will be no-ops because ' +
								'this browser/WebDriver combination does not support shift+click.');
						}
					});
				});
		});

		test.beforeEach(function () {
			// Clear selections from previous tests
			return this.remote.execute(function () {
				/* global gridExtended, gridMultiple, gridSingle, gridToggle, gridNone */
				gridExtended.clearSelection();
				gridMultiple.clearSelection();
				gridSingle.clearSelection();
				gridToggle.clearSelection();
				gridNone.clearSelection();
			});
		});

		test.test('selectionMode: extended',
			createRowSelectionTest('gridExtended', true, clickAndTestEachRow));
		test.test('selectionMode: multiple',
			createRowSelectionTest('gridMultiple', true, clickAndTestEachRow));
		test.test('selectionMode: single',
			createRowSelectionTest('gridSingle', false, clickAndTestEachRow));
		test.test('selectionMode: toggle',
			createRowSelectionTest('gridToggle', true, clickAndTestEachRow));
		test.test('selectionMode: none',
			createRowSelectionTest('gridNone', true, clickAndTestEachRow));

		test.test('multiple selection with shift+click; selectionMode: extended',
			createRowSelectionTest('gridExtended', true, shiftClickAndTestRows));
		test.test('multiple selection with shift+click; selectionMode: multiple',
			createRowSelectionTest('gridMultiple', true, shiftClickAndTestRows));
		test.test('multiple selection with shift+click; selectionMode: single',
			createRowSelectionTest('gridSingle', false, shiftClickAndTestRows));
		test.test('multiple selection with shift+click; selectionMode: toggle',
				createRowSelectionTest('gridToggle', true, shiftClickAndTestRows));
		test.test('multiple selection with shift+click; selectionMode: none',
				createRowSelectionTest('gridNone', true, shiftClickAndTestRows));

		test.test('select all; selectionMode: extended',
			createRowSelectionTest('gridExtended', true, selectAll));
		test.test('select all; selectionMode: multiple',
			createRowSelectionTest('gridMultiple', true, selectAll));
		test.test('select all; selectionMode: toggle',
			createRowSelectionTest('gridToggle', true, selectAll));
		test.test('select all; selectionMode: none',
			createRowSelectionTest('gridNone', true, selectAll));
	});
});