Weird error after initial setup

[craig-dae]

cy.readFile() must be passed a non-empty string as its 1st argument. You passed: 146.Learn more

This happens after finishing setup and trying to run a sample test.

This is in my command that I use to login:

    .then((url) => {
      cy.intercept('api/users/user/profile/').as('login');
      cy.visit(url);
      cy.wait('@login');
      cy.injectAxe();
    }),

Error happens on the cy.injectAxe() line.

Thanks!

[craig-dae]

This is what the relevant section of code is transpiling to. Note that, this time around, it's 144 instead of 146.

exports.configureAxe = exports.injectAxe = void 0;
exports.injectAxe = function () {
    cy.readFile(/*require.resolve*/(144)).then(function (source) {
        return cy.window({ log: false }).then(function (window) {
            window.eval(source);
        });
    });
};

[craig-dae]

Tried rolling back to version 0.9.1, which seemed to be the last version people used before they started getting errors, and I get exports is not defined. Also note that this is the same error I get if I keep 0.12.1, and use the workaround located here: #6 (comment)

I'm going to leave this branch open and move away from axe. If you guys can help, that'd be great. If not, we will not be able to use axe. Thanks

[Sadorus]

@craig-dae Did you fix the issue? I have the same problem and any workarounds don't work for me.

[sshaar08]

@Sadorus and @craig-dae i had the same issue my solve was to pin "axe-core": "4.0.2", and "cypress-axe": "0.9.1",

then I was able to get the violations

[bstruthers]

I was able to work around this by creating my own injectAxe method in my tests.

const injectAxe = () => {
  //cy.injectAxe();
  // cy.injectAxe is currently broken. https://github.com/component-driven/cypress-axe/issues/82

  // Creating our own injection logic
  cy.readFile('../../node_modules/axe-core/axe.min.js').then((source) => {
    return cy.window({ log: false }).then((window) => {
        window.eval(source);
    });
  });
};

Then instead of calling cy.injectAxe(), I call my own method to inject the script.

[sshaar08]

i submitted a pr here: #86 this should fix it similarly to other plugins with the same issue. seems to be a typescript issue

[github-actions]

🎉 This issue has been resolved in version 0.12.2 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[JessicaSachs]

There's an issue with this. It crashes if require is undefined... Which happens if the webpack config doesn't transpile node_modules. This is particularly an issue inside of Cypress component testing

[James-Vanguard]

I am still getting this error on version 0.12.2

[sshaar08]

can you edit to this commit to see if it solves your issue: 3dac12c I changed the second check, but may solve your issue

[guilhermenasszup]

I'm calling injectAxe inside beforeEach hook, but I'm still getting this error:

cy.readFile() must be passed a non-empty string as its 1st argument. You passed: 190.

Because this error occurred during a before each hook we are skipping the remaining tests in the current suite: Home integration tests

Inside node_modules folder, I checked the index.js and the error occurs here:

[DannyvanHolten]

This issue is not resolved when using cypress-axe 0.13.0 and axe-core 4.3.5

When I'm seeing this I'm even wondering if this is still being maintained?

[soniajains]

Yes, this issue still exists with the latest version, we tried calling our own method to inject the script.

const injectAxe = () => {

cy.readFile('../../node_modules/axe-core/axe.min.js').then((source) => {
return cy.window({ log: false }).then((window) => {
window.eval(source);
});
});
};

[moizang]

Similar issue encountered today using cypress-axe 0.13.0, this issue should probably be re-opened

[mhulse]

Seeing this with "cypress-axe": "^0.14.0", and "axe-core": "^4.4.2",

UPDATE: After upgrading to @cypress/webpack-preprocessor to the latest version, the problem I was having went away. Not sure if that will help anyone else, but thought I'd share anyway.

[leads]

I was able to work around this by creating my own injectAxe method in my tests.

const injectAxe = () => {
  //cy.injectAxe();
  // cy.injectAxe is currently broken. https://github.com/component-driven/cypress-axe/issues/82

  // Creating our own injection logic
  cy.readFile('../../node_modules/axe-core/axe.min.js').then((source) => {
    return cy.window({ log: false }).then((window) => {
        window.eval(source);
    });
  });
};

Then instead of calling cy.injectAxe(), I call my own method to inject the script.

Two years later and I've just implemented this and it's fixed the issue. Using cypress ina nx setup, versions are:

"axe-core": "^4.6.3", "cypress-axe": "^1.3.0",

[B34v0n]

I just had the same issue, but i was able to fix it with defining the axe-core in injectAxe, like it was told in the README:
https://www.npmjs.com/package/cypress-axe#cyinjectaxe

cy.injectAxe({ axeCorePath: 'node_modules/axe-core/axe.min.js' }); instead if cy.injectAxe().
Hope that helps someone. :)