Not compatible with @cypress/code-coverage

[amitguptagwl]

When I add following in cypress/plugins/index.js

module.exports = (on, config) => {
  on('task', require('@cypress/code-coverage/task'))
}

It gives compilation error "ParseError: Unexpected token"

[jcundill]

I can't reproduce this, it works for me

Maybe you need to add to support as well as plugins see

[jcundill]

closing for now - please add more details, steps to reproduce, and reopen if appropriate

[ghost]

I'm running in to similar issues, a bit more context here:

Oops...we found an error preparing this test file:

  /home/rohdef/git/project/cypress/integration/acceptance-tests/my.feature

The error was:


/home/rohdef/git/project/cypress/integration/acceptance-tests/my.feature:1
#language: da
^
ParseError: Unexpected token

This occurred while Cypress was compiling and bundling your test code. This is usually caused by:

- A missing file or dependency
- A syntax error in the file or one of its dependencies

Fix the error in your code and re-run your tests.

  (Results)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Tests:        0                                                                                │
  │ Passing:      0                                                                                │
  │ Failing:      1                                                                                │
  │ Pending:      0                                                                                │
  │ Skipped:      0                                                                                │
  │ Screenshots:  0                                                                                │
  │ Video:        false                                                                            │
  │ Duration:     0 seconds                                                                        │
  │ Spec Ran:     acceptance-tests/my.feature                                    │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘

@jcundill seems that I cannot reopen :)

[ghost]

Seems that it also happens if I create a simple feature in English:

/home/rohdef/git/project/cypress/integration/acceptance-tests/my.feature:1
Feature: As somebody I can do stuff
            ^
ParseError: Unexpected token

This occurred while Cypress was compiling and bundling your test code. This is usually caused by:

- A missing file or dependency
- A syntax error in the file or one of its dependencies

Looks like it's somehow meddling with the parser

[ghost]

    "cypress-cucumber-preprocessor": {
        "nonGlobalStepDefinitions": true,
        "stepDefinitions": "cypress/integration",
        "cucumberJson": {
            "generate": true,
            "outputFolder": "dist/cypress/cucumber-json",
            "filePrefix": "",
            "fileSuffix": ".cucumber"
        }
    },
    "devDependencies": {
        "cypress": "^3.8.2",
        "cypress-cucumber-preprocessor": "^2.0.1",
    }

the cypress and cypress-cucumber parts of my config (btw. as a side note, is there a way to get the cypress-cucumber-preprocessor config out of package.json?)

[ghost]

Aaaaaand, I need to find something solid to bang my head against :p Read and followed these instructions without thinking: https://docs.cypress.io/guides/tooling/code-coverage.html#Install-the-plugin so I ended up with:

const cucumber = require('cypress-cucumber-preprocessor').default

module.exports = (on, config) => {
    on('file:preprocessor', cucumber())
}

module.exports = (on, config) => {
    on('task', require('@cypress/code-coverage/task'))
}

instead of something sensible like:

const cucumber = require('cypress-cucumber-preprocessor').default
const coverage = require('@cypress/code-coverage/task')

module.exports = (on, config) => {
    on('file:preprocessor', cucumber())
    on('task', coverage())
}

in my support/index.js. Sorry for the noise.

[liebsterkamerad]

Aaaaaand, I need to find something solid to bang my head against :p Read and followed these instructions without thinking: https://docs.cypress.io/guides/tooling/code-coverage.html#Install-the-plugin so I ended up with:

const cucumber = require('cypress-cucumber-preprocessor').default

module.exports = (on, config) => {
    on('file:preprocessor', cucumber())
}

module.exports = (on, config) => {
    on('task', require('@cypress/code-coverage/task'))
}

instead of something sensible like:

const cucumber = require('cypress-cucumber-preprocessor').default
const coverage = require('@cypress/code-coverage/task')

module.exports = (on, config) => {
    on('file:preprocessor', cucumber())
    on('task', coverage())
}

in my support/index.js. Sorry for the noise.

Nothing to sorry about, I've just run into the same problem and your answer was the only one on the whole internet that helped me to solve this damn problem. I've ended up with the following plugins/index.js and it finally worked:

const cucumber = require('cypress-cucumber-preprocessor').default

// todo check for cucumber problem
module.exports = (on, config) => {
  require('@cypress/code-coverage/task')(on, config)
  on('file:preprocessor', cucumber())
  // include any other plugin code...

  // It's IMPORTANT to return the config object
  // with any changed environment variables
  return config
}

I need to learn Javascript better :/

[edimitchel]

I've tried with require('cypress-react-unit-test/plugins/load-webpack')(on, config); and it's doesn't work with.
Yes this import is for Unit Testing but it do all the work for adding code coverage that we need.