feat: add ancestry path support (#158)

Author: Abhi3685

lib/core/utils/dq-element.js

@@ -246,6 +246,9 @@ DqElement.prototype = {
    * @return {String}
    */
   get selector() {
+    if (axe._cache.get('targetFormat') === 'ancestry') {
+      return this.spec.selector || [getAncestry(this.element)];
+    }
     if (axe._cache.get('runTypeAOpt')) {
       return this.spec.selector || [generateSelectorWithShadow(this.element)];
     }

lib/core/utils/get-ancestry.js

@@ -13,8 +13,28 @@ function generateAncestry(node) {
     nodeName !== 'body' &&
     parent.children.length > 1
   ) {
-    const index = Array.prototype.indexOf.call(parent.children, node) + 1;
-    nthChild = `:nth-child(${index})`;
+    let index = 0;
+    if (parent.nodeName === 'BODY') {
+      let count = 0;
+      // Single pass over siblings: count valid children & locate node position.
+      for (
+        let sib = parent.firstElementChild;
+        sib;
+        sib = sib.nextElementSibling
+      ) {
+        if (sib.hasAttribute('data-percy-injected')) {
+          continue;
+        }
+        count++;
+        if (sib === node) {
+          index = count;
+        }
+      }
+      nthChild = count > 1 ? `:nth-child(${index})` : '';
+    } else {
+      index = Array.prototype.indexOf.call(parent.children, node) + 1;
+      nthChild = `:nth-child(${index})`;
+    }
   }
 
   return generateAncestry(parent) + ' > ' + nodeName + nthChild;