import 'cypress-localstorage-commands' makes problems in Angular project with jasmine about cypress-localstorage-commands

[Grilly]

Hmm, unfortunately I just fixed the typing issue with that change.
The local storage commands do not work anymore if I do not import cypress-localstorage-commands into the commands.ts file.
Is there an other way to import that without conflicting with the jasmine typings?

[Grilly]

For reproduction install @angular/cli
Create a new Angular project with ng new testProject
Add Cypress to the Angular project ng add @briebug/cypress-schematic --addCypressTestScripts
Add your cypress-localstorage-commands lib.

Open app.component.spec.ts (e.g. in VS Code) and you will see that the typing of Jasmine gets confused with the Chai typings.

[Grilly]

I found out more:
When I remove the /// <reference types="cypress" /> from the index.d.ts of the lib cypress-localstorage-commands then the IntelliSense works again.
(I also removed this reference to the cypress types from my own index.ts in the cypress folder of my project)

With that change I have IntelliSense in my jasmine files and the cypress tests run including using the cypress-localstorage-commands lib.

@javierbrea Is there a way to remove that reference from the index.d.ts of your lib?

[javierbrea]

Hi @Grilly,
I'm glad the library is useful for you, it's nice to hear it 😃
Before removing the reference, I should investigate why is this happening, and if the definitions that this plugin adds to Cypress would continue working.

[javierbrea]

Hi again @Grilly,

I have reproduced the issue, but it seems to be a Cypress problem. It is not a problem of this plugin.

I fixed it adding a jsconfig.json file to the src folder:

{
  "typeAcquisition": { "include": ["jest"] }
}

For further information or other fixes you can check this question in Stack Overflow.

Thanks for the information anyway, it might be useful to other users! 😃