javascript - Can Cypress Recognize Default Export Functions?

Question

It seems that Cypress may not correctly recognize functions that are default exports. Example:

export default function (array) {
  const randomValue = array[Math.floor(Math.random() * array.length)];
  return randomValue;
}

import randomValueFromArray from '../../../../../support/index';

randomValueFromArray([1, 2]).then((value) => {
    cy.log('VALUE', value);
  });

Cypress runner error: (0 , _index.default) is not a function

question from:https://stackoverflow.com/questions/65838133/can-cypress-recognize-default-export-functions

Answer 1

In cypress you can add this function as custom commands in support/commands.js file:

Cypress.Commands.add("randomValueFromArray", (array) => { return array[Math.floor(Math.random() * array.length)]; })

& Use it the spec make sure to add import './commands' in support/index.js

   cy.randomValueFromArray([1,2,5,6,3,8,9,2,5,7]).then((value) => {
        cy.log('VALUE', value);
      })