medium

CypressError: cy.origin() — Visiting a cross-origin URL

Cypress cannot visit a different domain within the same test by default. Cross-origin navigation requires the cy.origin() command.

Common Causes

  1. 1Test navigates to a third-party login page (e.g., OAuth)
  2. 2Application redirects to a different domain
  3. 3iframes load content from a different origin

How to Fix

Use cy.origin() for cross-domain flows

cy.visit('/login');
cy.get('#oauth-button').click();

cy.origin('https://accounts.google.com', () => {
  cy.get('#email').type('[email protected]');
  cy.get('#next').click();
});

cy.origin() allows executing commands on a different domain within the same test.

How ObserveOne Helps

ObserveOne supports cross-origin test flows and monitors OAuth/SSO integrations for failures.

Start Monitoring Free

Related Errors

CypressError: cy.visit() failed

cy.visit() failed to load the target URL. The server may be unreachable, or the response status code indicates an error.

CypressError: Timed out retrying after 4000ms

A Cypress command timed out while retrying. Cypress automatically retries assertions until the timeout, then fails. The default is 4 seconds.

CypressError: Expected to find element but never found it

Cypress could not find any element matching the selector within the timeout period. The element may not exist, may have a different selector, or may not have been rendered yet.

CypressError: element has been detached from the DOM

The element that Cypress was interacting with was removed from the DOM and re-rendered. This is common in React/Vue/Angular apps where components re-render.

CypressError: cy.request() failed

cy.request() failed because the server returned an error, the connection was refused, or the request timed out.