axe-core/lib/core/utils/get-ancestry.js

Accessibility engine for automated Web UI testing

import getShadowSelector from './get-shadow-selector';

function generateAncestry(node) {
  const nodeName = node.nodeName.toLowerCase();
  const parent = node.parentElement;
  if (!parent) {
    return nodeName;
  }

  let nthChild = '';
  if (
    nodeName !== 'head' &&
    nodeName !== 'body' &&
    parent.children.length > 1
  ) {
    const index = Array.prototype.indexOf.call(parent.children, node) + 1;
    nthChild = `:nth-child(${index})`;
  }

  return generateAncestry(parent) + ' > ' + nodeName + nthChild;
}

/**
 * Gets a unique CSS selector
 * @param {HTMLElement} node The element to get the selector for
 * @param {Object} optional options
 * @returns {String|Array<String>} Unique CSS selector for the node
 */
export default function getAncestry(elm, options) {
  return getShadowSelector(generateAncestry, elm, options);
}