Function selectorNeedsScope

build-system/eslint-rules/query-selector.js:207–218

* Checks if the selector is using grandchild selector semantics * `node.querySelector('child grandchild')` or `'child>grandchild'` But, * specifically allow multi-selectors `'div, span'`. * @param {string} selector * @return {boolean}

(selector)

   * @return {boolean}
   */
  function selectorNeedsScope(selector) {
    // strip out things that can't affect children selection
    selector = selector.replace(/\(.*\)|\[.*\]/, function (match) {
      return match[0] + match[match.length - 1];
    });

    // This regex actually verifies there is no whitespace (implicit child
    // semantics) or `>` chars (direct child semantics). The one exception is
    // for `,` multi-selectors, which can have whitespace.
    const noChildSemantics = /^(\s*,\s*|(?!\s|>).)*$/.test(selector);
    return !noChildSemantics;
  }

  return {
    CallExpression(node) {