Failed to execute querySelectorAll

[patrickhulce]

Hey folks first sayin' a big thank you for your great work :)

We discovered this over in Lighthouse on https://www.walgreens.com/store/c/contact-lenses/ID=359432-tier2clense?vredirID=1

Trying in the extension does nothing after clicking "Analyze" and throwing axe into the page running manually yields the error below which is the same as what you get with Lighthouse. Seems like you might need to escape the colon in the custom tag name?

Anecdotally, I also saw this happen to another Lighthouse user at Chrome Dev Summit so it isn't isolated to just this page.

DOMException: Failed to execute 'querySelectorAll' on 'Document': 'wag:view-product-details' is not a valid selector.
    at HTMLDocument.querySelectorAll (https://www.walgreens.com/i10c@p1/client/nv-8.0.6/auto/instart.js?i10c.opts=monitor.html_streaming:73:185)
    at createUniqueSelector (https://cdnjs.cloudflare.com/ajax/libs/axe-core/2.4.2/axe.js:2058:47)
    at createUniqueSelector (https://cdnjs.cloudflare.com/ajax/libs/axe-core/2.4.2/axe.js:2066:14)
    at createUniqueSelector (https://cdnjs.cloudflare.com/ajax/libs/axe-core/2.4.2/axe.js:2066:14)
    at createUniqueSelector (https://cdnjs.cloudflare.com/ajax/libs/axe-core/2.4.2/axe.js:2066:14)
    at createUniqueSelector (https://cdnjs.cloudflare.com/ajax/libs/axe-core/2.4.2/axe.js:2066:14)
    at createUniqueSelector (https://cdnjs.cloudflare.com/ajax/libs/axe-core/2.4.2/axe.js:2066:14)
    at createUniqueSelector (https://cdnjs.cloudflare.com/ajax/libs/axe-core/2.4.2/axe.js:2066:14)
    at createUniqueSelector (https://cdnjs.cloudflare.com/ajax/libs/axe-core/2.4.2/axe.js:2066:14)
    at Object.createUniqueSelector [as getSelector] (https://cdnjs.cloudflare.com/ajax/libs/axe-core/2.4.2/axe.js:2066:14)

[dylanb]

Looks like whenever we generate a selector that has a special character like :, we should escape it \\:. This code worked in the console:

document.querySelectorAll('wag\\:view-product-details')

[marcysutton]

I think this should already be covered by #566, possibly. It's choking on the invalid tag name.

[patrickhulce]

Ah yeah looks like a dupe of #563!

[marcysutton]

Ok, I'll close this as a duplicate. Thanks for your report!