axe-core 4.1.2-canary.ec00dc7 → 4.1.2

package/lib/commons/dom/is-in-text-block.js

@@ -3,32 +3,32 @@ import sanitize from '../text/sanitize';
 import { getNodeFromTree } from '../../core/utils';
 
 function walkDomNode(node, functor) {
-  if (functor(node.actualNode) !== false) {
-    node.children.forEach(child => walkDomNode(child, functor));
-  }
+	if (functor(node.actualNode) !== false) {
+		node.children.forEach(child => walkDomNode(child, functor));
+	}
 }
 
 const blockLike = [
-  'block',
-  'list-item',
-  'table',
-  'flex',
-  'grid',
-  'inline-block'
+	'block',
+	'list-item',
+	'table',
+	'flex',
+	'grid',
+	'inline-block'
 ];
 function isBlock(elm) {
-  var display = window.getComputedStyle(elm).getPropertyValue('display');
-  return blockLike.includes(display) || display.substr(0, 6) === 'table-';
+	var display = window.getComputedStyle(elm).getPropertyValue('display');
+	return blockLike.includes(display) || display.substr(0, 6) === 'table-';
 }
 
 function getBlockParent(node) {
-  // Find the closest parent
-  let parentBlock = getComposedParent(node);
-  while (parentBlock && !isBlock(parentBlock)) {
-    parentBlock = getComposedParent(parentBlock);
-  }
+	// Find the closest parent
+	let parentBlock = getComposedParent(node);
+	while (parentBlock && !isBlock(parentBlock)) {
+		parentBlock = getComposedParent(parentBlock);
+	}
 
-  return getNodeFromTree(parentBlock);
+	return getNodeFromTree(parentBlock);
 }
 
 /**
@@ -37,71 +37,71 @@ function getBlockParent(node) {
  * @return {Boolean}      [description]
  */
 function isInTextBlock(node) {
-  if (isBlock(node)) {
-    // Ignore if the link is a block
-    return false;
-  }
+	if (isBlock(node)) {
+		// Ignore if the link is a block
+		return false;
+	}
 
-  // Find all the text part of the parent block not in a link, and all the text in a link
-  const virtualParent = getBlockParent(node);
-  let parentText = '';
-  let linkText = '';
-  let inBrBlock = 0;
+	// Find all the text part of the parent block not in a link, and all the text in a link
+	const virtualParent = getBlockParent(node);
+	let parentText = '';
+	let linkText = '';
+	let inBrBlock = 0;
 
-  // We want to ignore hidden text, and if br / hr is used, only use the section of the parent
-  // that has the link we're looking at
-  walkDomNode(virtualParent, currNode => {
-    // We're already passed it, skip everything else
-    if (inBrBlock === 2) {
-      return false;
-    }
+	// We want to ignore hidden text, and if br / hr is used, only use the section of the parent
+	// that has the link we're looking at
+	walkDomNode(virtualParent, function(currNode) {
+		// We're already passed it, skip everything else
+		if (inBrBlock === 2) {
+			return false;
+		}
 
-    if (currNode.nodeType === 3) {
-      // Add the text to the parent
-      parentText += currNode.nodeValue;
-    }
-    // Ignore any node that's not an element (or text as above)
-    if (currNode.nodeType !== 1) {
-      return;
-    }
+		if (currNode.nodeType === 3) {
+			// Add the text to the parent
+			parentText += currNode.nodeValue;
+		}
+		// Ignore any node that's not an element (or text as above)
+		if (currNode.nodeType !== 1) {
+			return;
+		}
 
-    var nodeName = (currNode.nodeName || '').toUpperCase();
-    // BR and HR elements break the line
-    if (['BR', 'HR'].includes(nodeName)) {
-      if (inBrBlock === 0) {
-        parentText = '';
-        linkText = '';
-      } else {
-        inBrBlock = 2;
-      }
+		var nodeName = (currNode.nodeName || '').toUpperCase();
+		// BR and HR elements break the line
+		if (['BR', 'HR'].includes(nodeName)) {
+			if (inBrBlock === 0) {
+				parentText = '';
+				linkText = '';
+			} else {
+				inBrBlock = 2;
+			}
 
-      // Don't walk nodes with content not displayed on screen.
-    } else if (
-      currNode.style.display === 'none' ||
-      currNode.style.overflow === 'hidden' ||
-      !['', null, 'none'].includes(currNode.style.float) ||
-      !['', null, 'relative'].includes(currNode.style.position)
-    ) {
-      return false;
+			// Don't walk nodes with content not displayed on screen.
+		} else if (
+			currNode.style.display === 'none' ||
+			currNode.style.overflow === 'hidden' ||
+			!['', null, 'none'].includes(currNode.style.float) ||
+			!['', null, 'relative'].includes(currNode.style.position)
+		) {
+			return false;
 
-      // Don't walk links, we're only interested in what's not in them.
-    } else if (
-      (nodeName === 'A' && currNode.href) ||
-      (currNode.getAttribute('role') || '').toLowerCase() === 'link'
-    ) {
-      if (currNode === node) {
-        inBrBlock = 1;
-      }
-      // Grab all the text from this element, but don't walk down it's children
-      linkText += currNode.textContent;
-      return false;
-    }
-  });
+			// Don't walk links, we're only interested in what's not in them.
+		} else if (
+			(nodeName === 'A' && currNode.href) ||
+			(currNode.getAttribute('role') || '').toLowerCase() === 'link'
+		) {
+			if (currNode === node) {
+				inBrBlock = 1;
+			}
+			// Grab all the text from this element, but don't walk down it's children
+			linkText += currNode.textContent;
+			return false;
+		}
+	});
 
-  parentText = sanitize(parentText);
-  linkText = sanitize(linkText);
+	parentText = sanitize(parentText);
+	linkText = sanitize(linkText);
 
-  return parentText.length > linkText.length;
+	return parentText.length > linkText.length;
 }
 
 export default isInTextBlock;

package/lib/commons/dom/is-modal-open.js

@@ -11,94 +11,94 @@ import { querySelectorAllFilter } from '../../core/utils';
  * @return {Boolean|undefined} True if we know (or our best guess) that a modal is open, undefined if we can't tell (doesn't mean there isn't one open)
  */
 function isModalOpen(options) {
-  options = options || {};
-  const modalPercent = options.modalPercent || 0.75;
+	options = options || {};
+	let modalPercent = options.modalPercent || 0.75;
 
-  // there is no "definitive" way to code a modal so detecting when one is open
-  // is a bit of a guess. a modal won't always be accessible, so we can't rely
-  // on the `role` attribute, and relying on a class name as a convention is
-  // unreliable. we also cannot rely on the body/html not scrolling.
-  //
-  // because of this, we will look for two different types of modals:
-  // "definitely a modal" and "could be a modal."
-  //
-  // "definitely a modal" is any visible element that is coded to be a modal
-  // by using one of the following criteria:
-  //
-  // - has the attribute `role=dialog`
-  // - has the attribute `aria-modal=true`
-  // - is the dialog element
-  //
-  // "could be a modal" is a visible element that takes up more than 75% of
-  // the screen (though typically full width/height) and is the top-most element
-  // in the viewport. since we aren't sure if it is or is not a modal this is
-  // just our best guess of being one based on convention.
+	// there is no "definitive" way to code a modal so detecting when one is open
+	// is a bit of a guess. a modal won't always be accessible, so we can't rely
+	// on the `role` attribute, and relying on a class name as a convention is
+	// unreliable. we also cannot rely on the body/html not scrolling.
+	//
+	// because of this, we will look for two different types of modals:
+	// "definitely a modal" and "could be a modal."
+	//
+	// "definitely a modal" is any visible element that is coded to be a modal
+	// by using one of the following criteria:
+	//
+	// - has the attribute `role=dialog`
+	// - has the attribute `aria-modal=true`
+	// - is the dialog element
+	//
+	// "could be a modal" is a visible element that takes up more than 75% of
+	// the screen (though typically full width/height) and is the top-most element
+	// in the viewport. since we aren't sure if it is or is not a modal this is
+	// just our best guess of being one based on convention.
 
-  if (cache.get('isModalOpen')) {
-    return cache.get('isModalOpen');
-  }
+	if (cache.get('isModalOpen')) {
+		return cache.get('isModalOpen');
+	}
 
-  const definiteModals = querySelectorAllFilter(
-    // TODO: es-module-_tree
-    axe._tree[0],
-    'dialog, [role=dialog], [aria-modal=true]',
-    vNode => isVisible(vNode.actualNode)
-  );
+	const definiteModals = querySelectorAllFilter(
+		// TODO: es-module-_tree
+		axe._tree[0],
+		'dialog, [role=dialog], [aria-modal=true]',
+		vNode => isVisible(vNode.actualNode)
+	);
 
-  if (definiteModals.length) {
-    cache.set('isModalOpen', true);
-    return true;
-  }
+	if (definiteModals.length) {
+		cache.set('isModalOpen', true);
+		return true;
+	}
 
-  // to find a "could be a modal" we will take the element stack from each of
-  // four corners and one from the middle of the viewport (total of 5). if each
-  // stack contains an element whose width/height is >= 75% of the screen, we
-  // found a "could be a modal"
-  const viewport = getViewportSize(window);
-  const percentWidth = viewport.width * modalPercent;
-  const percentHeight = viewport.height * modalPercent;
-  const x = (viewport.width - percentWidth) / 2;
-  const y = (viewport.height - percentHeight) / 2;
+	// to find a "could be a modal" we will take the element stack from each of
+	// four corners and one from the middle of the viewport (total of 5). if each
+	// stack contains an element whose width/height is >= 75% of the screen, we
+	// found a "could be a modal"
+	const viewport = getViewportSize(window);
+	const percentWidth = viewport.width * modalPercent;
+	const percentHeight = viewport.height * modalPercent;
+	const x = (viewport.width - percentWidth) / 2;
+	const y = (viewport.height - percentHeight) / 2;
 
-  const points = [
-    // top-left corner
-    { x, y },
-    // top-right corner
-    { x: viewport.width - x, y },
-    // center
-    { x: viewport.width / 2, y: viewport.height / 2 },
-    // bottom-left corner
-    { x, y: viewport.height - y },
-    // bottom-right corner
-    { x: viewport.width - x, y: viewport.height - y }
-  ];
+	const points = [
+		// top-left corner
+		{ x, y },
+		// top-right corner
+		{ x: viewport.width - x, y },
+		// center
+		{ x: viewport.width / 2, y: viewport.height / 2 },
+		// bottom-left corner
+		{ x, y: viewport.height - y },
+		// bottom-right corner
+		{ x: viewport.width - x, y: viewport.height - y }
+	];
 
-  const stacks = points.map(point => {
-    return Array.from(document.elementsFromPoint(point.x, point.y));
-  });
+	const stacks = points.map(point => {
+		return Array.from(document.elementsFromPoint(point.x, point.y));
+	});
 
-  for (let i = 0; i < stacks.length; i++) {
-    // a modal isn't guaranteed to be the top most element so we'll have to
-    // find the first element in the stack that meets the modal criteria
-    // and make sure it's in the other stacks
-    const modalElement = stacks[i].find(elm => {
-      const style = window.getComputedStyle(elm);
-      return (
-        parseInt(style.width, 10) >= percentWidth &&
-        parseInt(style.height, 10) >= percentHeight &&
-        style.getPropertyValue('pointer-events') !== 'none' &&
-        (style.position === 'absolute' || style.position === 'fixed')
-      );
-    });
+	for (let i = 0; i < stacks.length; i++) {
+		// a modal isn't guaranteed to be the top most element so we'll have to
+		// find the first element in the stack that meets the modal criteria
+		// and make sure it's in the other stacks
+		const modalElement = stacks[i].find(elm => {
+			const style = window.getComputedStyle(elm);
+			return (
+				parseInt(style.width, 10) >= percentWidth &&
+				parseInt(style.height, 10) >= percentHeight &&
+				style.getPropertyValue('pointer-events') !== 'none' &&
+				(style.position === 'absolute' || style.position === 'fixed')
+			);
+		});
 
-    if (modalElement && stacks.every(stack => stack.includes(modalElement))) {
-      cache.set('isModalOpen', true);
-      return true;
-    }
-  }
+		if (modalElement && stacks.every(stack => stack.includes(modalElement))) {
+			cache.set('isModalOpen', true);
+			return true;
+		}
+	}
 
-  cache.set('isModalOpen', undefined);
-  return undefined;
+	cache.set('isModalOpen', undefined);
+	return undefined;
 }
 
 export default isModalOpen;

package/lib/commons/dom/is-natively-focusable.js

@@ -12,30 +12,30 @@ import focusDisabled from './focus-disabled';
  * if its tabindex were removed. Else, false.
  */
 function isNativelyFocusable(el) {
-  const vNode = el instanceof AbstractVirtualNode ? el : getNodeFromTree(el);
+	const vNode = el instanceof AbstractVirtualNode ? el : getNodeFromTree(el);
 
-  if (!vNode || focusDisabled(vNode)) {
-    return false;
-  }
+	if (!vNode || focusDisabled(vNode)) {
+		return false;
+	}
 
-  switch (vNode.props.nodeName) {
-    case 'a':
-    case 'area':
-      if (vNode.hasAttr('href')) {
-        return true;
-      }
-      break;
-    case 'input':
-      return vNode.props.type !== 'hidden';
-    case 'textarea':
-    case 'select':
-    case 'summary':
-    case 'button':
-      return true;
-    case 'details':
-      return !querySelectorAll(vNode, 'summary').length;
-  }
-  return false;
+	switch (vNode.props.nodeName) {
+		case 'a':
+		case 'area':
+			if (vNode.hasAttr('href')) {
+				return true;
+			}
+			break;
+		case 'input':
+			return vNode.props.type !== 'hidden';
+		case 'textarea':
+		case 'select':
+		case 'summary':
+		case 'button':
+			return true;
+		case 'details':
+			return !querySelectorAll(vNode, 'summary').length;
+	}
+	return false;
 }
 
 export default isNativelyFocusable;

package/lib/commons/dom/is-node.js

@@ -8,7 +8,7 @@
  * @return {Boolean}
  */
 function isNode(element) {
-  return element instanceof window.Node;
+	return element instanceof window.Node;
 }
 
 export default isNode;

package/lib/commons/dom/is-offscreen.js

@@ -3,17 +3,17 @@ import getElementCoordinates from './get-element-coordinates';
 import getViewportSize from './get-viewport-size';
 
 function noParentScrolled(element, offset) {
-  element = getComposedParent(element);
-  while (element && element.nodeName.toLowerCase() !== 'html') {
-    if (element.scrollTop) {
-      offset += element.scrollTop;
-      if (offset >= 0) {
-        return false;
-      }
-    }
-    element = getComposedParent(element);
-  }
-  return true;
+	element = getComposedParent(element);
+	while (element && element.nodeName.toLowerCase() !== 'html') {
+		if (element.scrollTop) {
+			offset += element.scrollTop;
+			if (offset >= 0) {
+				return false;
+			}
+		}
+		element = getComposedParent(element);
+	}
+	return true;
 }
 
 /**
@@ -25,42 +25,42 @@ function noParentScrolled(element, offset) {
  * @return {Boolean}
  */
 function isOffscreen(element) {
-  let leftBoundary;
-  const docElement = document.documentElement;
-  const styl = window.getComputedStyle(element);
-  const dir = window
-    .getComputedStyle(document.body || docElement)
-    .getPropertyValue('direction');
-  const coords = getElementCoordinates(element);
+	let leftBoundary;
+	const docElement = document.documentElement;
+	const styl = window.getComputedStyle(element);
+	const dir = window
+		.getComputedStyle(document.body || docElement)
+		.getPropertyValue('direction');
+	const coords = getElementCoordinates(element);
 
-  // bottom edge beyond
-  if (
-    coords.bottom < 0 &&
-    (noParentScrolled(element, coords.bottom) || styl.position === 'absolute')
-  ) {
-    return true;
-  }
+	// bottom edge beyond
+	if (
+		coords.bottom < 0 &&
+		(noParentScrolled(element, coords.bottom) || styl.position === 'absolute')
+	) {
+		return true;
+	}
 
-  if (coords.left === 0 && coords.right === 0) {
-    //This is an edge case, an empty (zero-width) element that isn't positioned 'off screen'.
-    return false;
-  }
+	if (coords.left === 0 && coords.right === 0) {
+		//This is an edge case, an empty (zero-width) element that isn't positioned 'off screen'.
+		return false;
+	}
 
-  if (dir === 'ltr') {
-    if (coords.right <= 0) {
-      return true;
-    }
-  } else {
-    leftBoundary = Math.max(
-      docElement.scrollWidth,
-      getViewportSize(window).width
-    );
-    if (coords.left >= leftBoundary) {
-      return true;
-    }
-  }
+	if (dir === 'ltr') {
+		if (coords.right <= 0) {
+			return true;
+		}
+	} else {
+		leftBoundary = Math.max(
+			docElement.scrollWidth,
+			getViewportSize(window).width
+		);
+		if (coords.left >= leftBoundary) {
+			return true;
+		}
+	}
 
-  return false;
+	return false;
 }
 
 export default isOffscreen;

package/lib/commons/dom/is-opaque.js

@@ -7,10 +7,10 @@ import getOwnBackgroundColor from '../color/get-own-background-color';
  * @return {Boolean} false if the background is transparent, true otherwise
  */
 function isOpaque(node) {
-  const style = window.getComputedStyle(node);
-  return (
-    elementHasImage(node, style) || getOwnBackgroundColor(style).alpha === 1
-  );
+	const style = window.getComputedStyle(node);
+	return (
+		elementHasImage(node, style) || getOwnBackgroundColor(style).alpha === 1
+	);
 }
 
 export default isOpaque;

package/lib/commons/dom/is-skip-link.js

@@ -13,37 +13,37 @@ const isInternalLinkRegex = /^\/?#[^/!]/;
  * @return {Boolean}
  */
 function isSkipLink(element) {
-  if (!isInternalLinkRegex.test(element.getAttribute('href'))) {
-    return false;
-  }
+	if (!isInternalLinkRegex.test(element.getAttribute('href'))) {
+		return false;
+	}
 
-  let firstPageLink;
-  if (typeof cache.get('firstPageLink') !== 'undefined') {
-    firstPageLink = cache.get('firstPageLink');
-  } else {
-    // define a skip link as any anchor element whose href starts with `#...`
-    // and which precedes the first anchor element whose href doesn't start
-    // with  `#...` (that is, a link to a page)
-    firstPageLink = querySelectorAll(
-      // TODO: es-module-_tree
-      axe._tree,
-      'a:not([href^="#"]):not([href^="/#"]):not([href^="javascript"])'
-    )[0];
+	let firstPageLink;
+	if (typeof cache.get('firstPageLink') !== 'undefined') {
+		firstPageLink = cache.get('firstPageLink');
+	} else {
+		// define a skip link as any anchor element whose href starts with `#...`
+		// and which precedes the first anchor element whose href doesn't start
+		// with  `#...` (that is, a link to a page)
+		firstPageLink = querySelectorAll(
+			// TODO: es-module-_tree
+			axe._tree,
+			'a:not([href^="#"]):not([href^="/#"]):not([href^="javascript"])'
+		)[0];
 
-    // null will signify no first page link
-    cache.set('firstPageLink', firstPageLink || null);
-  }
+		// null will signify no first page link
+		cache.set('firstPageLink', firstPageLink || null);
+	}
 
-  // if there are no page links then all all links will need to be
-  // considered as skip links
-  if (!firstPageLink) {
-    return true;
-  }
+	// if there are no page links then all all links will need to be
+	// considered as skip links
+	if (!firstPageLink) {
+		return true;
+	}
 
-  return (
-    element.compareDocumentPosition(firstPageLink.actualNode) ===
-    element.DOCUMENT_POSITION_FOLLOWING
-  );
+	return (
+		element.compareDocumentPosition(firstPageLink.actualNode) ===
+		element.DOCUMENT_POSITION_FOLLOWING
+	);
 }
 
 export default isSkipLink;