Runtime issue: TypeError: Cannot read property 'cells' of undefined

Expectation: Color contrast checker step goes smoothly and reports the errors

Actual: Color contrast checker throws error instead

Motivation: Lighthouse accessibility audit is not ran properly because of this issue

axe-core version: 4.0.2
axe-webdriver, extension or other integration version: 4.6.1

Browser and Assistive Technology versions

For Tooling issues:
- Node version: XX  
- Platform:  MacOS

<< Please describe how you encountered this issue >>

This was first reported to Lighthouse issues (https://github.com/GoogleChrome/lighthouse/issues/11721), but apparently it’s related to axe tool instead.

This error happens when running axe on https://www.kayak.com/Cheap-New-York-Car-Rentals.15830.cars.ksp mobile version.

TypeError: Cannot read property 'cells' of undefined
    at g (chrome-extension://lhdoppojpmngadmnindnejefpokejbdd/vendor.bundle.js:33:117574)
    at g (chrome-extension://lhdoppojpmngadmnindnejefpokejbdd/vendor.bundle.js:33:117746)
    at t.default (chrome-extension://lhdoppojpmngadmnindnejefpokejbdd/vendor.bundle.js:33:112534)
    at t.default (chrome-extension://lhdoppojpmngadmnindnejefpokejbdd/vendor.bundle.js:33:105919)
    at t.default (chrome-extension://lhdoppojpmngadmnindnejefpokejbdd/vendor.bundle.js:33:101530)
    at t.default (chrome-extension://lhdoppojpmngadmnindnejefpokejbdd/vendor.bundle.js:33:103754)
    at t.default (chrome-extension://lhdoppojpmngadmnindnejefpokejbdd/vendor.bundle.js:33:102856)
    at Object.t.default (chrome-extension://lhdoppojpmngadmnindnejefpokejbdd/vendor.bundle.js:33:15179)
    at c.run (chrome-extension://lhdoppojpmngadmnindnejefpokejbdd/vendor.bundle.js:33:187710)
    at chrome-extension://lhdoppojpmngadmnindnejefpokejbdd/vendor.bundle.js:33:205329

[straker]

Confirmed that https://github.com/dequelabs/axe-core/pull/3172 does not error for https://allfront-marketing-site-qa.web.app/fintech

[paulirish]

Here’s my repro:

1. build axe 4.2.3
2. open a tab in chrome stable (m94)
3. take the unminified axe.js and pop it into chrome devtools snippets
4. open https://allfront-marketing-site-qa.web.app/fintech
5. flip on the devtools’ Device Toolbar and set it to Responsive. (wait for the page to refresh)
6. evaluate the snippet
7. run this in the console:

axe.run(document, {
    elementRef: true,
    runOnly: {
      type: 'tag',
      values: ['wcag2a','wcag2aa',],
    },
    resultTypes: ['violations', 'inapplicable']
}).then(ret => {
  console.log(ret);
  window.axeret = ret;
})

hopefully you see this:

axeret.incomplete[0].error

and here’s more of the results object: