Getting ERROR: Could not resolve "crypto" and ERROR: Could not resolve "fs" when running Test

[ayingyong]

Hi. i followed every steps mentioned in here https://github.com/elaichenkov/cy-verify-downloads. However, when running my test. It keep on throwing me these errors. Which part that i'm doing wrong here ?

Cypress version: 10.4.0
cy-verify-downloads version: 0.1.8

[elaichenkov]

Hey,
Thanks for filling the issue! What's the node version you use? Have you added all the needed code in the cypress/support/e2e.js and in the cypress.config.js? Can you please attach screenshots of these files and the test?

[ayingyong]

Hey! Sure. here are the information related:
Node version : 14.15.5
cypress/support/e2e.js

cypress.config.js

Test

[elaichenkov]

Would you mind sharing the repository that exhibits the issue?

[ayingyong]

@elaichenkov , hi,sorry for late reply. here's the repo for your reference https://github.com/ayingyong/sample-repo-verify-download

[elaichenkov]

@elaichenkov , hi,sorry for late reply. here's the repo for your reference https://github.com/ayingyong/sample-repo-verify-download

Thank you! I'll take a look at it today.

[elaichenkov]

Hey,
I had a chance to take a look at the repo. I've found the issue, the problem is in the esbuild. So, to solve the problem you have to install @esbuild-plugins/node-modules-polyfill package and then add it to your createBundler function.

Steps:

1. Install the package

npm i -D @esbuild-plugins/node-modules-polyfill

2. Update your support/e2e.js file by the following:

const { defineConfig } = require("cypress");
const createBundler = require("@bahmutov/cypress-esbuild-preprocessor");
const addCucumberPreprocessorPlugin =
  require("@badeball/cypress-cucumber-preprocessor").addCucumberPreprocessorPlugin;
const createEsbuildPlugin =
  require("@badeball/cypress-cucumber-preprocessor/esbuild").createEsbuildPlugin;

// import the polyfill
+ const { NodeModulesPolyfillPlugin } = require('@esbuild-plugins/node-modules-polyfill');

module.exports = defineConfig({
  e2e: {
    async setupNodeEvents(on, config) {
      const bundler = createBundler({
-        plugins: [createEsbuildPlugin(config)],
+        plugins: [NodeModulesPolyfillPlugin(), createEsbuildPlugin(config)],
      });

      on("file:preprocessor", bundler);
      await addCucumberPreprocessorPlugin(on, config);

      on('task', { isFileExist, findFiles });

      return config;
    },
    specPattern: "cypress/e2e/features/*.feature",
    baseUrl: "https://demoqa.com/upload-download",
    chromeWebSecurity: false,
  },
});

Hope it helps you. Don't forget to hit the star button for the project.

[ayingyong]

Hi @elaichenkov , its worked perfectly! thank you so much! 👍