cypress-localstorage import about cypress-localstorage-commands

[javierbrea]

Hi @jspaeter,
I will add it to the documentation,
Thank you! 😃

[javierbrea]

Hi again @jspaeter,

Just a question, were you importing the support/commands.ts file from the index.ts one? I have just noticed in your code example that the first import you have in the index.ts file is the cypress-localstorage-commands one, and that you have commented out the import './commands' line.

[jspaeter]

When you first add the Cypress package, it comes with the comments you can see in my screenshot. The support/commands.ts is empty by default.
You have to uncomment the import './commands only if you have created custom commands in the support/commands.ts file.
For example, here's what I did in my project :

// commands.ts
export const login = (username = '[email protected]', password = 'mypassword') => {
  cy.get('#loginButton').click();

  cy.get('#email').type(username);
  cy.get('#password').type(password);

  cy.get('#loginButton').click();
};

// index.ts
import { login } from './commands';

Cypress.Commands.add('login', login);

[javierbrea]

Well, you have to uncomment import './commands whenever you have created custom commands, or if you are importing any other commands library in that file. Where do you import your external commands libraries or plugins is more related to a convention of each project, in my humble opinion.
Do you still receive the same error if you import this plugin in the commands.ts file, even when you have uncommented the import './commands statement in the index.ts file?

[jspaeter]

You're right I don't have any problem anymore. Maybe I forgot to uncomment the import command 🤪. Sorry to have bothered you for such a stupid mistake !

[javierbrea]

Don't worry, no problem 😃