axe-core 4.1.2-canary.ec00dc7 → 4.1.2

package/lib/commons/table/is-data-cell.js

@@ -9,16 +9,16 @@ import isValidRole from '../aria/is-valid-role';
  * @return {Boolean}
  */
 function isDataCell(cell) {
-  // @see http://www.whatwg.org/specs/web-apps/current-work/multipage/tables.html#empty-cell
-  if (!cell.children.length && !cell.textContent.trim()) {
-    return false;
-  }
-  const role = cell.getAttribute('role');
-  if (isValidRole(role)) {
-    return ['cell', 'gridcell'].includes(role);
-  } else {
-    return cell.nodeName.toUpperCase() === 'TD';
-  }
+	// @see http://www.whatwg.org/specs/web-apps/current-work/multipage/tables.html#empty-cell
+	if (!cell.children.length && !cell.textContent.trim()) {
+		return false;
+	}
+	const role = cell.getAttribute('role');
+	if (isValidRole(role)) {
+		return ['cell', 'gridcell'].includes(role);
+	} else {
+		return cell.nodeName.toUpperCase() === 'TD';
+	}
 }
 
 export default isDataCell;

package/lib/commons/table/is-data-table.js

@@ -14,182 +14,182 @@ import getViewportSize from '../dom/get-viewport-size';
  * @see http://asurkov.blogspot.co.uk/2011/10/data-vs-layout-table.html
  */
 function isDataTable(node) {
-  var role = (node.getAttribute('role') || '').toLowerCase();
-
-  // The element is not focusable and has role=presentation
-  if ((role === 'presentation' || role === 'none') && !isFocusable(node)) {
-    return false;
-  }
-
-  // Table inside editable area is data table always since the table structure is crucial for table editing
-  if (
-    node.getAttribute('contenteditable') === 'true' ||
-    findUp(node, '[contenteditable="true"]')
-  ) {
-    return true;
-  }
-
-  // Table having ARIA table related role is data table
-  if (role === 'grid' || role === 'treegrid' || role === 'table') {
-    return true;
-  }
-
-  // Table having ARIA landmark role is data table
-  if (getRoleType(role) === 'landmark') {
-    return true;
-  }
-
-  // Table having datatable="0" attribute is layout table
-  if (node.getAttribute('datatable') === '0') {
-    return false;
-  }
-
-  // Table having summary attribute is data table
-  if (node.getAttribute('summary')) {
-    return true;
-  }
-
-  // Table having legitimate data table structures is data table
-  if (node.tHead || node.tFoot || node.caption) {
-    return true;
-  }
-  // colgroup / col - colgroup is magically generated
-  for (
-    var childIndex = 0, childLength = node.children.length;
-    childIndex < childLength;
-    childIndex++
-  ) {
-    if (node.children[childIndex].nodeName.toUpperCase() === 'COLGROUP') {
-      return true;
-    }
-  }
-
-  var cells = 0;
-  var rowLength = node.rows.length;
-  var row, cell;
-  var hasBorder = false;
-  for (var rowIndex = 0; rowIndex < rowLength; rowIndex++) {
-    row = node.rows[rowIndex];
-    for (
-      var cellIndex = 0, cellLength = row.cells.length;
-      cellIndex < cellLength;
-      cellIndex++
-    ) {
-      cell = row.cells[cellIndex];
-      if (cell.nodeName.toUpperCase() === 'TH') {
-        return true;
-      }
-      if (
-        !hasBorder &&
-        (cell.offsetWidth !== cell.clientWidth ||
-          cell.offsetHeight !== cell.clientHeight)
-      ) {
-        hasBorder = true;
-      }
-      if (
-        cell.getAttribute('scope') ||
-        cell.getAttribute('headers') ||
-        cell.getAttribute('abbr')
-      ) {
-        return true;
-      }
-      if (
-        ['columnheader', 'rowheader'].includes(
-          (cell.getAttribute('role') || '').toLowerCase()
-        )
-      ) {
-        return true;
-      }
-      // abbr element as a single child element of table cell
-      if (
-        cell.children.length === 1 &&
-        cell.children[0].nodeName.toUpperCase() === 'ABBR'
-      ) {
-        return true;
-      }
-      cells++;
-    }
-  }
-
-  // Table having nested table is layout table
-  if (node.getElementsByTagName('table').length) {
-    return false;
-  }
-
-  // Table having only one row or column is layout table (row)
-  if (rowLength < 2) {
-    return false;
-  }
-
-  // Table having only one row or column is layout table (column)
-  var sampleRow = node.rows[Math.ceil(rowLength / 2)];
-  if (sampleRow.cells.length === 1 && sampleRow.cells[0].colSpan === 1) {
-    return false;
-  }
-
-  // Table having many columns (>= 5) is data table
-  if (sampleRow.cells.length >= 5) {
-    return true;
-  }
-
-  // Table having borders around cells is data table
-  if (hasBorder) {
-    return true;
-  }
-
-  // Table having differently colored rows is data table
-  var bgColor, bgImage;
-  for (rowIndex = 0; rowIndex < rowLength; rowIndex++) {
-    row = node.rows[rowIndex];
-    if (
-      bgColor &&
-      bgColor !==
-        window.getComputedStyle(row).getPropertyValue('background-color')
-    ) {
-      return true;
-    } else {
-      bgColor = window
-        .getComputedStyle(row)
-        .getPropertyValue('background-color');
-    }
-    if (
-      bgImage &&
-      bgImage !==
-        window.getComputedStyle(row).getPropertyValue('background-image')
-    ) {
-      return true;
-    } else {
-      bgImage = window
-        .getComputedStyle(row)
-        .getPropertyValue('background-image');
-    }
-  }
-
-  // Table having many rows (>= 20) is data table
-  if (rowLength >= 20) {
-    return true;
-  }
-
-  // Wide table (more than 95% of the document width) is layout table
-  if (
-    getElementCoordinates(node).width >
-    getViewportSize(window).width * 0.95
-  ) {
-    return false;
-  }
-
-  // Table having small amount of cells (<= 10) is layout table
-  if (cells < 10) {
-    return false;
-  }
-
-  // Table containing embed, object, applet of iframe elements (typical advertisements elements) is layout table
-  if (node.querySelector('object, embed, iframe, applet')) {
-    return false;
-  }
-
-  // Otherwise it's data table
-  return true;
+	var role = (node.getAttribute('role') || '').toLowerCase();
+
+	// The element is not focusable and has role=presentation
+	if ((role === 'presentation' || role === 'none') && !isFocusable(node)) {
+		return false;
+	}
+
+	// Table inside editable area is data table always since the table structure is crucial for table editing
+	if (
+		node.getAttribute('contenteditable') === 'true' ||
+		findUp(node, '[contenteditable="true"]')
+	) {
+		return true;
+	}
+
+	// Table having ARIA table related role is data table
+	if (role === 'grid' || role === 'treegrid' || role === 'table') {
+		return true;
+	}
+
+	// Table having ARIA landmark role is data table
+	if (getRoleType(role) === 'landmark') {
+		return true;
+	}
+
+	// Table having datatable="0" attribute is layout table
+	if (node.getAttribute('datatable') === '0') {
+		return false;
+	}
+
+	// Table having summary attribute is data table
+	if (node.getAttribute('summary')) {
+		return true;
+	}
+
+	// Table having legitimate data table structures is data table
+	if (node.tHead || node.tFoot || node.caption) {
+		return true;
+	}
+	// colgroup / col - colgroup is magically generated
+	for (
+		var childIndex = 0, childLength = node.children.length;
+		childIndex < childLength;
+		childIndex++
+	) {
+		if (node.children[childIndex].nodeName.toUpperCase() === 'COLGROUP') {
+			return true;
+		}
+	}
+
+	var cells = 0;
+	var rowLength = node.rows.length;
+	var row, cell;
+	var hasBorder = false;
+	for (var rowIndex = 0; rowIndex < rowLength; rowIndex++) {
+		row = node.rows[rowIndex];
+		for (
+			var cellIndex = 0, cellLength = row.cells.length;
+			cellIndex < cellLength;
+			cellIndex++
+		) {
+			cell = row.cells[cellIndex];
+			if (cell.nodeName.toUpperCase() === 'TH') {
+				return true;
+			}
+			if (
+				!hasBorder &&
+				(cell.offsetWidth !== cell.clientWidth ||
+					cell.offsetHeight !== cell.clientHeight)
+			) {
+				hasBorder = true;
+			}
+			if (
+				cell.getAttribute('scope') ||
+				cell.getAttribute('headers') ||
+				cell.getAttribute('abbr')
+			) {
+				return true;
+			}
+			if (
+				['columnheader', 'rowheader'].includes(
+					(cell.getAttribute('role') || '').toLowerCase()
+				)
+			) {
+				return true;
+			}
+			// abbr element as a single child element of table cell
+			if (
+				cell.children.length === 1 &&
+				cell.children[0].nodeName.toUpperCase() === 'ABBR'
+			) {
+				return true;
+			}
+			cells++;
+		}
+	}
+
+	// Table having nested table is layout table
+	if (node.getElementsByTagName('table').length) {
+		return false;
+	}
+
+	// Table having only one row or column is layout table (row)
+	if (rowLength < 2) {
+		return false;
+	}
+
+	// Table having only one row or column is layout table (column)
+	var sampleRow = node.rows[Math.ceil(rowLength / 2)];
+	if (sampleRow.cells.length === 1 && sampleRow.cells[0].colSpan === 1) {
+		return false;
+	}
+
+	// Table having many columns (>= 5) is data table
+	if (sampleRow.cells.length >= 5) {
+		return true;
+	}
+
+	// Table having borders around cells is data table
+	if (hasBorder) {
+		return true;
+	}
+
+	// Table having differently colored rows is data table
+	var bgColor, bgImage;
+	for (rowIndex = 0; rowIndex < rowLength; rowIndex++) {
+		row = node.rows[rowIndex];
+		if (
+			bgColor &&
+			bgColor !==
+				window.getComputedStyle(row).getPropertyValue('background-color')
+		) {
+			return true;
+		} else {
+			bgColor = window
+				.getComputedStyle(row)
+				.getPropertyValue('background-color');
+		}
+		if (
+			bgImage &&
+			bgImage !==
+				window.getComputedStyle(row).getPropertyValue('background-image')
+		) {
+			return true;
+		} else {
+			bgImage = window
+				.getComputedStyle(row)
+				.getPropertyValue('background-image');
+		}
+	}
+
+	// Table having many rows (>= 20) is data table
+	if (rowLength >= 20) {
+		return true;
+	}
+
+	// Wide table (more than 95% of the document width) is layout table
+	if (
+		getElementCoordinates(node).width >
+		getViewportSize(window).width * 0.95
+	) {
+		return false;
+	}
+
+	// Table having small amount of cells (<= 10) is layout table
+	if (cells < 10) {
+		return false;
+	}
+
+	// Table containing embed, object, applet of iframe elements (typical advertisements elements) is layout table
+	if (node.querySelector('object, embed, iframe, applet')) {
+		return false;
+	}
+
+	// Otherwise it's data table
+	return true;
 }
 
 export default isDataTable;

package/lib/commons/table/is-header.js

@@ -11,16 +11,16 @@ import { escapeSelector } from '../../core/utils';
  * @return {Boolean}
  */
 function isHeader(cell) {
-  if (isColumnHeader(cell) || isRowHeader(cell)) {
-    return true;
-  }
+	if (isColumnHeader(cell) || isRowHeader(cell)) {
+		return true;
+	}
 
-  if (cell.getAttribute('id')) {
-    const id = escapeSelector(cell.getAttribute('id'));
-    return !!document.querySelector(`[headers~="${id}"]`);
-  }
+	if (cell.getAttribute('id')) {
+		const id = escapeSelector(cell.getAttribute('id'));
+		return !!document.querySelector(`[headers~="${id}"]`);
+	}
 
-  return false;
+	return false;
 }
 
 export default isHeader;

package/lib/commons/table/is-row-header.js

@@ -9,7 +9,7 @@ import getScope from './get-scope';
  * @return {Boolean}
  */
 function isRowHeader(cell) {
-  return ['row', 'auto'].includes(getScope(cell));
+	return ['row', 'auto'].includes(getScope(cell));
 }
 
 export default isRowHeader;

package/lib/commons/table/to-grid.js

@@ -9,40 +9,29 @@ import { memoize } from '../../core/utils';
  * @return {Array<HTMLTableCellElement>} Array of HTMLTableCellElements
  */
 function toGrid(node) {
-  var table = [];
-  var rows = node.rows;
-  for (var i = 0, rowLength = rows.length; i < rowLength; i++) {
-    var cells = rows[i].cells;
-    table[i] = table[i] || [];
+	var table = [];
+	var rows = node.rows;
+	for (var i = 0, rowLength = rows.length; i < rowLength; i++) {
+		var cells = rows[i].cells;
+		table[i] = table[i] || [];
 
-    var columnIndex = 0;
+		var columnIndex = 0;
 
-    for (var j = 0, cellLength = cells.length; j < cellLength; j++) {
-      for (var colSpan = 0; colSpan < cells[j].colSpan; colSpan++) {
-        // if [the rowSpan] value is set to 0, it extends until the
-        // end of the table section
-        // @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td#attr-rowspan
+		for (var j = 0, cellLength = cells.length; j < cellLength; j++) {
+			for (var colSpan = 0; colSpan < cells[j].colSpan; colSpan++) {
+				for (var rowSpan = 0; rowSpan < cells[j].rowSpan; rowSpan++) {
+					table[i + rowSpan] = table[i + rowSpan] || [];
+					while (table[i + rowSpan][columnIndex]) {
+						columnIndex++;
+					}
+					table[i + rowSpan][columnIndex] = cells[j];
+				}
+				columnIndex++;
+			}
+		}
+	}
 
-        // ie11 returns 1 as the rowspan value even if it's set to 0
-        const rowspanAttr = cells[j].getAttribute('rowspan');
-        const rowspanValue =
-          parseInt(rowspanAttr) === 0 || cells[j].rowspan === 0
-            ? rows.length
-            : cells[j].rowSpan;
-
-        for (var rowSpan = 0; rowSpan < rowspanValue; rowSpan++) {
-          table[i + rowSpan] = table[i + rowSpan] || [];
-          while (table[i + rowSpan][columnIndex]) {
-            columnIndex++;
-          }
-          table[i + rowSpan][columnIndex] = cells[j];
-        }
-        columnIndex++;
-      }
-    }
-  }
-
-  return table;
+	return table;
 }
 
 export default memoize(toGrid);

package/lib/commons/table/traverse.js

@@ -1,30 +1,30 @@
 function traverseTable(dir, position, tableGrid, callback) {
-  let result;
-  const cell = tableGrid[position.y]
-    ? tableGrid[position.y][position.x]
-    : undefined;
-  if (!cell) {
-    return [];
-  }
-  if (typeof callback === 'function') {
-    result = callback(cell, position, tableGrid);
-    if (result === true) {
-      // abort
-      return [cell];
-    }
-  }
+	let result;
+	const cell = tableGrid[position.y]
+		? tableGrid[position.y][position.x]
+		: undefined;
+	if (!cell) {
+		return [];
+	}
+	if (typeof callback === 'function') {
+		result = callback(cell, position, tableGrid);
+		if (result === true) {
+			// abort
+			return [cell];
+		}
+	}
 
-  result = traverseTable(
-    dir,
-    {
-      x: position.x + dir.x,
-      y: position.y + dir.y
-    },
-    tableGrid,
-    callback
-  );
-  result.unshift(cell);
-  return result;
+	result = traverseTable(
+		dir,
+		{
+			x: position.x + dir.x,
+			y: position.y + dir.y
+		},
+		tableGrid,
+		callback
+	);
+	result.unshift(cell);
+	return result;
 }
 
 /**
@@ -39,38 +39,38 @@ function traverseTable(dir, position, tableGrid, callback) {
  * @return {NodeElement}       If the callback returns true, the traversal will end and the cell will be returned
  */
 function traverse(dir, startPos, tableGrid, callback) {
-  if (Array.isArray(startPos)) {
-    callback = tableGrid;
-    tableGrid = startPos;
-    startPos = { x: 0, y: 0 };
-  }
+	if (Array.isArray(startPos)) {
+		callback = tableGrid;
+		tableGrid = startPos;
+		startPos = { x: 0, y: 0 };
+	}
 
-  if (typeof dir === 'string') {
-    switch (dir) {
-      case 'left':
-        dir = { x: -1, y: 0 };
-        break;
-      case 'up':
-        dir = { x: 0, y: -1 };
-        break;
-      case 'right':
-        dir = { x: 1, y: 0 };
-        break;
-      case 'down':
-        dir = { x: 0, y: 1 };
-        break;
-    }
-  }
+	if (typeof dir === 'string') {
+		switch (dir) {
+			case 'left':
+				dir = { x: -1, y: 0 };
+				break;
+			case 'up':
+				dir = { x: 0, y: -1 };
+				break;
+			case 'right':
+				dir = { x: 1, y: 0 };
+				break;
+			case 'down':
+				dir = { x: 0, y: 1 };
+				break;
+		}
+	}
 
-  return traverseTable(
-    dir,
-    {
-      x: startPos.x + dir.x,
-      y: startPos.y + dir.y
-    },
-    tableGrid,
-    callback
-  );
+	return traverseTable(
+		dir,
+		{
+			x: startPos.x + dir.x,
+			y: startPos.y + dir.y
+		},
+		tableGrid,
+		callback
+	);
 }
 
 export default traverse;