cypress-testing-library icon indicating copy to clipboard operation
cypress-testing-library copied to clipboard

My linter configuration throw errors because commands from cypress-testing-library seem to be not working properly.

Open NicoMoli opened this issue 3 years ago • 4 comments

  • cypress-testing-library version: 8.0.3
  • node version: 14.19.0
  • npm (or yarn) version: I am using pnpm version 7.2.1

Relevant code or config

Print screen of my cypress/support/command.js

Captura de Pantalla 2022-08-30 a la(s) 09 48 58


What you did:

I am trying to use Cypress with cypress-testing-library (the entire project is using typescript).

What happened:

When I am trying to use, for example findByRole query I obtain this linter error.

Captura de Pantalla 2022-08-30 a la(s) 09 50 37

Problem description:

The cypress components tests are able to run successfully but my linter config is no very happy about it.

NicoMoli avatar Aug 30 '22 12:08 NicoMoli

I'm having the same problem.

dimas-cyriaco avatar Aug 31 '22 19:08 dimas-cyriaco

Was having the same problem after following setup from cypress-testing-library docs, solved it by adding a reference comment like so:

/// <reference types="cypress" />
/// <reference types="@testing-library/cypress" />
/// add this at the top of your test files 👆

Hope it solves your problem!

mpaternostro avatar Sep 08 '22 22:09 mpaternostro

Thanks Marcelo. I am gonna to try your solution.

NicoMoli avatar Sep 09 '22 00:09 NicoMoli

If you're using TypeScript, just add @testing-library/cypress to your tsconfig.json under compilerOptions.types like this:

{
  "compilerOptions": {
    ...
    "types": [..., "@testing-library/cypress"]
  }
}

srflp avatar Nov 19 '22 21:11 srflp