Having an error when injecting Axe about cypress-axe HOT 6 CLOSED

This is an issue with webpack, I have switched to

https://github.com/cypress-io/cypress-browserify-preprocessor

which has resolved the issue

from cypress-axe.

@vytch's workaround did it for us, but we tweaked it a bit so we didn't have to hardcode the axe.min.js path:

Cypress.Commands.add('injectAxe', () => {
  cy.window({ log: false }).then(window => {
      const axe = require('axe-core/axe.js');
      const script = window.document.createElement('script');
      script.innerHTML = axe.source;
      window.document.head.appendChild(script);
  })
})

from cypress-axe.

I have tried @patheard's solution, and also rolling cypress-axe back to 0.9.1. Both result in the error:
exports is not defined

It appears that axe is located successfully, but that axe is throwing that error when it loads.

from cypress-axe.

Ok, I have tried to inject the content of axe.source directly on the page and I can reproduce that issue there too. So the issue seems to come from axe-core.

from cypress-axe.

I have managed to work out something.
Basically, the axe-core source is broken, so instead I am using the axe.min.js.

Here is how the code looks like:

Cypress.Commands.add('addAxeCode', () => {
    cy.window({ log: false }).then(window => {
        // window.eval(axeCore.source);

        var script = window.document.createElement('script');
        script.src = "/node_modules/axe-core/axe.min.js";

        window.document.head.appendChild(script);
    })
});
 

from cypress-axe.

This workaround didn't work for us. We hit a different ReferenceError. We're also using yarn workspaces, so that could be an issue. We're going to switch back to plain js and not use webpack for now.

from cypress-axe.