Defining tasks out of cypress config file

[palcarazm]

What would you like?

In cypress config file add a list of filepaths containing task definition.

Why is this needed?

When using cucumber preprocesor all steps that hace todo use no de platform are broken except if you use cy.task().

When the test projet grow a large number of tasks can be defined in a single file. This is quite dificult to maintain.

Spliting task definition in some files will solve the issue.

Other

No response

[emilyrohrbough]

@palcarazm This can already be accomplished in Cypress. You would be responding for defining. One way to do this is:

// cypress/support/tasks.js
const addTasks = (on) => {
  on('task', {
    task1(message) {
      console.log('task1', message)

      return null
    },

    task2(message) {
      console.log('task2', message)

      return null
    },
  })
}

module.exports = addTasks

// cypress.config.js
const addTasks = require('./cypress/support/tasks')

module.exports = {
    setupNodeEvents(on, config) {
      addTasks(on)
    },
}

[palcarazm]

Hi @emilyrohrbough

Even if task are defined in multiple files?

I didn't find it in the doc.

// cypress/support/tasksA.js
const addTasksA = (on) => {
  on('task', {
    task1(message) {
      console.log('task1', message)
      return null
    },
    task2(message) {
      console.log('task2', message)
      return null
    },
  })
}
module.exports = addTasksA

// cypress/support/tasksB.js
const addTasksB = (on) => {
  on('task', {
    task3(message) {
      console.log('task3', message)
      return null
    },
    task4(message) {
      console.log('task4', message)
      return null
    },
  })
}
module.exports = addTasksB

[emilyrohrbough]

If you have tasks across files, I'd suggest something like:

const addTaskA = {
    task1(message) {
      console.log('task1', message)
      return null
    },
    task2(message) {
      console.log('task2', message)
      return null
    },
}

const addTaskB = {
    task3(message) {
      console.log('task3', message)
      return null
    },
    task4(message) {
      console.log('task4', message)
      return null
    },
}
```js

```js
// cypress.config.js
const addTasksA = require('./cypress/support/tasksA')
const addTasksB = require('./cypress/support/tasksB')

module.exports = {
    setupNodeEvents(on, config) {
      on('task', {
          ...addTasksA,
          ...addTasksB,
    },
}

[emilyrohrbough]

You cannot define multiple on('task') hooks. See #22428

[palcarazm]

Okay thanks 😊