ReferenceError: context is not defined when using cypress with testing-library.com

Question

Here's my test in ./tests/homepage.test.js

context('Signup flow', () => {
    it('The happy path should work', () => {
        cy.visit('https://grazily.com/register');
        const random = Math.floor(Math.random() * 100000);
        cy.get('[data-testid=username]').type(`Tester${random}`);
        cy.get('[data-testid=email]').type(`user+${random}@realworld.io`);
        cy.get('[data-testid=password]').type('mysupersecretpassword');
        cy.get('[data-testid=signup-button]').click();
        cy.get('[data-testid=no-articles-here]', { timeout: 10000 }).should('be.visible');

Here's the file ./cypress/support/commands.js

import '@testing-library/cypress/add-commands';

tsconfig.json:

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

I didn't make any other changes...and get this error when running npm t

I think t uses jest ./src so I'm not sure how to invoke cypress in ./tests/*test.js folder

Update:

Your pluginsFile is invalid: /home/ettinger/src/oblivion/Catalyze-frontend/cypress/plugins/index.js

Getting this error now with cypress run test

Fody · Accepted Answer · 2022-04-16 00:59:44Z

1

You're correct, npm t runs a predefined command specified in the "test" property of a package's "scripts" object.

//package.json
{
  ...
  "scripts": {
    "test": "jest"
  }
}

so you can either change "jest" to "cypress run" or add extra scripts, for example

//package.json
{
  ...
  "scripts": {
    "test": "jest",
    "e2e": "cypress run",
    "cy:open": "cypress open",
  }
}

or just run "npx cypress open" instead of "npm t".

BTW context(...) is valid in a Cypress test.

answered Apr 16, 2022 at 0:59

Fody

21.2k4 gold badges39 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

chovy Over a year ago

Do you know what I should put in cypress.json? It fails saying file doesn't exist.

chovy Over a year ago

Your pluginsFile is invalid: /home/user/src/frontend/cypress/plugins/index.js -- i don't have this file.

Fody Over a year ago

If you install Cypress and run it (npx cypress open), it set's up both (empty) cypress.json and all requisite folders and files under /home/user/src/frontend/cypress.

chovy Over a year ago

how to i tell it to look in ./tests/**/*.test.js path? I got it working but it seems to be using TODO MVC code which is in ./cypress/ somewhere.

Fody Over a year ago

You're looking for How to make Cypress use test files located outside of default integration folder?

|

Visal · Accepted Answer · 2022-04-16 06:49:17Z

0

Getting this error now with cypress run test

If you are trying to run a specific test, add --spec

npm run cypress run --spec my-test.spec.js

answered Apr 16, 2022 at 6:49

Visal

5373 silver badges6 bronze badges

Collectives™ on Stack Overflow

ReferenceError: context is not defined when using cypress with testing-library.com

2 Answers 2

6 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related