Oh I see. I was nesting the tests inside another

it()

. Maybe let me try to describe what I would like to do. The header of my website, which has several tests to be run, needs to be tested with different values for

visit

. In context of your image. I would like to run everything what is inside the

describe('my test scope: dashboard page' ...

with several different values inside

visit

.

Does anyone know how to get the verification code in email sent by app?

It's not an easy job..Can you say how much quality/time you want to spend on this test?

If you want a moderately fast but paid path, use mailosaur. Look here: https://mailosaur.com/docs/frameworks-and-tools/cypress/

for free you can use https://ethereal.email/. Just look for how to integrate it with js

Does anyone know how to fix this error?

fix
Error: Webpack Compilation Error
./cypress/e2e/twilioVoice.cy.ts
Module not found: Error: Can't resolve '@twilio/voice-sdk' in '/opt/atlassian/pipelines/agent/build/cypress/e2e'
resolve '@twilio/voice-sdk' in '/opt/atlassian/pipelines/agent/build/cypress/e2e'

But the best way is to use the gmail API integration. Look here: https://github.com/levz0r/gmail-tester

You need to do this as if you were working with multiple environments. You'll need to put changing values ​​into variables, and control what to use from environment variables. So you can say from the terminal "run cypress on x-website" and the variable values ​​will be used as the ones you set for this site.

Thank you for your answer! I want a free method. Our app is based on Node.js.

Thank you! I will learn it.

Reuse test suites

Hi Cypress lovers! 👋 In last days I'm struggling with login flow for E2E tests. I really wanted to use session and origin functionality, which was introduced in Cypress 9.6.0 for this use case. The problem looks like a standard one - login form is available in another domain and Cypress ofc can't make cross origin requests. I read in documentation (https://docs.cypress.io/api/commands/origin#SSO-login-custom-command) that this can be easily handled by

cy.origin()

but I tried to use that scheme and I couldn't managed it to work. 😦 The problem is that firstly I need to visit my application URL (baseURL) to be redirected to another domain. This step is necessary, as if the user has no valid session, it is directly redirected to the login form on another domain with additional information in a link, such as origin application and state for further token challenge (generated before redirecting and saved in session). After user submits the login form it is automatically redirected back to the page. So let's say we have something like this:

js
cy.visit('/');
cy.origin('https://amazinglogin.test', () => {
  // Filling up the form and clicking submit
})

This isn't working in that case, as page never return load event (because it is programmatically moved to another domain) and test fails stuck on loaded page with form. In all examples that I saw Cypress always was loading a page, and then clicking a

magic

"login" button, which redirected to another domain - this would work fine. Do you know if there is some workaround for that or maybe this is a Cypress limitation for this moment? In worst case I will try to change login flow to using

cy.request()

to get token for the tests, but I will really like to avoid that, as this will increase complexity of the whole flow. And if you read this far, I hope you have a great day/evening! 😊

if there is no click to redirect, you should write cy.visit("...") in the first line of the origin function.

Oh, forgot to mention that! 😄 Tried that, but the problem is that I cannot visit something from another origin inside that

cy.origin()

. So it would look like that:

js
cy.origin('https://amazinglogin.test', () => {
  cy.visit('/'); // This visits https://amazinglogin.test, which I don't want
  cy.visit('https://mysuperbapplication.me'); // This fails, as I'm trying to access another domain with visit, even if exactly that was set as baseUrl before
})

There is only one domain we can visit in origin. You have to add another cy.origin() to load the third one.https://mysuperbapplication.me'

There is only one domain we can visit in origin. You have to add another cy.origin() to load the third one.https://mysuperbapplication.me/' cy.origin('https://amazinglogin.test/', () => { cy.visit('/'); }); cy.origin('https://mysuperbapplication.me/%27,()=%3E.....

I don't think that would work, as it looks like this:

https://mysuperbapplication.me

- My main application, which redirects on startup to login page (also said as a baseUrl, which if I understand correctly sets it as origin for every test)

https://amazinglogin.test

- Login panel

And I cannot visit

https://amazinglogin.test

directly, as it will result in error code because of lacking additional arguments in URL

Sorry, I do not know your baseurl is 'https://mysuperbapplication.me'. how about cy.origin('https://amazinglogin.test/', () => { cy.visit('/'); });

How to itrate the presence of an element in each card of a page of the website, as there are multiple pages, like there are 10 cards in each page as there are total 50 pages and I need verify a text in each card , how to do that please help

How to send large XML data in post call request body??

Hello, I have a test:

js
it('Should open widget with loading state', () => {
    cy.get('[data-cy="twilio-widget"]').click({ force: true })
    cy.get('[data-cy="call-button"]').should('exist')
  })

I would like to when I press the button, pass in the prop state of Loading to be true, so I can see the loading modal instead of my default one.

js
  if (isLoading) {
    return (
      <Modal
        isOpen={isOpen}
        onClose={onClose}
        size="xl"
        cy-data="modal-loading"
      >
        <Flex direction="column" m={4}>
          <Skeleton height="30px" />
          <SkeletonText mt={4} />
          <Skeleton height="50px" mt={4} />
          <Flex justify="center" mt={4}>
            <Skeleton height="50px" width="120px" />
          </Flex>
        </Flex>
      </Modal>
    )
  }

Anyone know how to do that with cypress?

I want that for API automation not front end

Hi all, is anyone facing this issue ? "Unable to complete e2e test using paypal payment (on sanbox test website) #23647" See https://github.com/cypress-io/cypress/issues/23647

I tryed to add the "experimentalModifyObstructiveThirdPartyCode" parameter into the cypress.config.js file: experimentalModifyObstructiveThirdPartyCode: true but with this configuration ALL my test specs fail with the following error: as soos as the cy.visit("...") command is invoked I got an unexpected exception "(uncaught exception)SyntaxError: Invalid left-hand side in assignment", see attached screenshot.

attached error

Hi, I am facing a problem when trying to intercept api calls. I have already searched the internet, but I somehow don't understand. I am new to cypress and I am using cypress10 within a react app where a express server runs next to it. The e2e test works locally but on Github Actions CI, I have the following problem: The intercepted request

/rpc/dags/int

is not found. Here a log from my server docker container. I noticed that there is no statusCode for the request and in the video, the request never resolves and timeouts as "No request occured". I am not sure if this happens becase the express server has a middleware on this route or not. Other API calls on the server worked, like

/fire/auth/sign

(another request before, worked)
 request http: #######  Server API Request #######
 request http: OPTIONS /fire/auth/sign 204

 request http: #######  Server API Request #######
 request http: POST /fire/auth/sign 200

 (the failing request)
 request http: #######  Server API Request #######
 request http: POST /rpc/dags/int -

I am doing a: in before:

cy.intercept({
      method: "POST",
      path: "/rpc/dags/int",
    }).as("trigger")

in the body:

cy.wait("@trigger").then(({ response }) => {
        expect(response.statusCode).to.eq(200)
})

But somehow the intercepted call is not found. Maybe someone knows the issue. Locally the request resolves:

request http: ####### Server API Request #######
request http: POST /rpc/dags/int 200

I am not sure what's wrong, I have boot up the same environment as in github actions. Best, Minh

I have a clarification.. I added tags to the test cases and ran using grep command. But all the test cases in the suite were executed instead of only the test cases with tags Can you please let me know what am I missing here.

The following works for me. e2e.ts:

import cypressGrep from 'cypress-grep';

Tagged test:

it(`Most important test ever`, { tags: ['@smoke'] }, () => {

CLI command:

yarn cypress run --browser chrome --env grepTags="@smoke",grepOmitFiltered=true

Is it possible to use cypress to test a website that is live? Say the website is hosted on netlify and part of the content is dynamic. I would like to run cypress every hour to ensure that certain elements never disappear.