import { getRootNode, isFocusable } from '../commons/dom';
import { isAccessibleRef } from '../commons/aria';
import { escapeSelector } from '../core/utils';

function duplicateIdMiscMatches(node) {
  const id = node.getAttribute('id').trim();
  const idSelector = `*[id="${escapeSelector(id)}"]`;
  const idMatchingElms = Array.from(
    getRootNode(node).querySelectorAll(idSelector)
  );

  return (
    !isAccessibleRef(node) && idMatchingElms.every(elm => !isFocusable(elm))
  );
}

export default duplicateIdMiscMatches;