Does this work with TypeScript?

[MichaelRobsonSliide]

I have this reporter working with Cypress 10 in JS but I'm trying to switch to TS and the reporter is generating the json files but not the HTML, does anybody know if this works with TypeScipt? Is there an example repo I can take a look at?

[LironEr]

The reporter generally doesn't work well with typescript (#51), but you should see the HTML file.

You can create a repo with the problem so I could have a look

[arashid-asp]

My error using cypress with TS is in the cypress.config.ts file. I have mine defined like so:

/* eslint-disable no-param-reassign */
import { defineConfig } from 'cypress';
import { setupQAWeb } from '@AspirationPartners/qa-web';
import * as dotenv from 'dotenv';

dotenv.config();

export default defineConfig({
  requestTimeout: 30000,
  defaultCommandTimeout: 20000,
  e2e: {
    viewportWidth: 1536,
    viewportHeight: 960,
    scrollBehavior: false,
    specPattern: 'cypress/e2e/**/*.{feature,ts,js}',
    reporter: 'cypress-multi-reporters',
    reporterOptions: {
      configFile: 'reporter-config.json',
    },
    async setupNodeEvents(on, config) {
      await setupQAWeb(on, config);
      require('cypress-mochawesome-reporter/plugin')(on);
      config.env.PROD_CMA_PASSWORD = process.env.PROD_CMA_PASSWORD;
      config.env.PROD_CREDIT_PASSWORD = process.env.PROD_CREDIT_PASSWORD;
      return config;
    },
  },
});

and I get the following error when running my tests

yarn run v1.22.19
$ TEST_ENV=prod cypress run --spec cypress/e2e/cma/prod-smoke-cma.spec.ts
(node:11956) ExperimentalWarning: --experimental-loader is an experimental feature. This feature could change at any time
(Use `node --trace-warnings ...` to show where the warning was created)
(node:11956) ExperimentalWarning: The Node.js specifier resolution flag is experimental. It could change or be removed at any time.
Sorry, connection details could NOT be generated.
Sorry, connection details could NOT be generated.
Your configFile threw an error from: /Users/arashid/Dev/e2e/qa-fcx-test/cypress.config.ts

The error was thrown while executing your e2e.setupNodeEvents() function:

ReferenceError: require is not defined
    at setupNodeEvents (file:///Users/arashid/Dev/e2e/qa-fcx-test/cypress.config.ts:22:7)
    at processTicksAndRejections (node:internal/process/task_queues:96:5)
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
➜  qa-fcx-test git:(Implement-mochawesome-merge-and-cypress-logs) ✗ 

[sebb-m0]

I had a similar problem. To setup the reporter with typescript you have to using the import statement instead of require. Afterwards call the function in setupNodeEvents directly.

@LironEr maybe this should be updated in the docs/readme as well.

const { defineConfig } = require('cypress');
import reportingPlugin from 'cypress-mochawesome-reporter/plugin'

module.exports = defineConfig({
  reporter: 'cypress-mochawesome-reporter',
  e2e: {
    setupNodeEvents(on, config) {
      reportingPlugin(on)
      return config
    },
  },
});