Help: Use with Cypress?

[vincerubinetti]

I have a Vue project set up with Vue CLI, with axios, axios-mock-adapter, and cypress:

{
  "dependencies": {
    ...
    "axios": "^0.23.0",
    "vue": "^3.0.0",
    ....
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.5.15",
    "@vue/cli-plugin-e2e-cypress": "^5.0.0-rc.1",
    "@vue/cli-plugin-eslint": "~4.5.15",
    "@vue/cli-plugin-router": "~4.5.15",
    "@vue/cli-plugin-typescript": "~4.5.15",
    "@vue/cli-plugin-unit-jest": "~4.5.15",
    "@vue/cli-plugin-vuex": "~4.5.15",
    "@vue/cli-service": "~4.5.15",
    "@vue/compiler-sfc": "^3.0.0",
    "@vue/eslint-config-prettier": "^6.0.0",
    "@vue/eslint-config-typescript": "^7.0.0",
    "@vue/test-utils": "^2.0.0-0",
    "axios-mock-adapter": "^1.20.0",
    "cypress": "^9.0.0",
    ...
  }
}

I'm able to get axios-mock-adapter to work with the Jest unit tests, but not with the Cypress e2e tests. In Cypress, the calls are not intercepted.

I'm setting my tests up in a normal way like

import axios from "axios";
import MockAdapter from "axios-mock-adapter";

new MockAdapter(axios).onPost(someUrl).reply(200, someResponse);

And in my normal api-calling code, I'm doing normal requests like

import axios from "axios";

export const getSomeData = async () => {
  const response = await axios.post(someUrl, null, someParams);
  // blah blah
}

My best guess is that there's some separation between the main app code and the Cypress test code, where they're not referring to the same global instance of Axios.

#166 may be related. Any insight or help is appreciated.

[dimitur2204]

Did you find a solution to that?

[vincerubinetti]

Unfortunately not.

Fwiw I migrated away from this library to MSW and haven't looked back. Seems to be a more robust and "correct" way to do mocking.