The color-contrast check doesn't work in JSDOM

Hi there, thanks for building this fantastic library!

I’ve never gotten bad color contrast to create violations when testing React components with JSDOM. It seems to always return a false passing result (well, when it’s not timing out, but that’s a known JSDOM issue). I’ve created an example based off of this project’s jest+react example here.

I’m guessing it doesn’t work because JSDOM has not implemented ranges as part of its DOM implementation, and the code that checks for color contrast depends on that (document.createRange()). But the false passing result is a bit concerning.

[paschalidi]

Seeing the same here. Is there any known fix for this?

[straker]

@mohanraj-r I tested out jsdom 18.0.1. Looks like something about the range API is still not fully working as I get this error when running a test:

"message": "`TypeError: range.getClientRects is not a function` - feature unsupported in your environment. Skipping color-contrast rule.",
        "ruleId": "color-contrast",
        "stack": "Error\n    at new SupportError (axe-core/doc/examples/jsdom/node_modules/axe-core/axe.js:52:18)\n    at Rule.run2 [as run] (axe-core/doc/examples/jsdom/node_modules/axe-core/axe.js:19961:16)\n    at axe-core/doc/examples/jsdom/node_modules/axe-core/axe.js:20719:15\n    at pop (axe-core/doc/examples/jsdom/node_modules/axe-core/axe.js:6649:18)\n    at Object.defer (axe-core/doc/examples/jsdom/node_modules/axe-core/axe.js:6671:11)\n