如何解决 - 赛普拉斯检测到跨源错误？答案

【问题标题】：How to resolve - Cypress detected a cross origin error?如何解决 - 赛普拉斯检测到跨源错误？
【发布时间】：2022-01-16 00:23:09
【问题描述】：

所以我使用 cypress 登录谷歌并创建一个谷歌表单。我已经通过登录，但现在我想选择创建新表单，我看到了似乎阻止此类操作的跨源错误。有谁可以帮我离开这里吗？这是我的代码。它对#1f 的点击不起作用

'''

 describe('Test', function () {
  it('logs into google', function () {
    Cypress.on('uncaught:exception', (err, runnable) => {
        return false
        })
    cy.visit('http://docs.google.com/forms/u/0')

    cy.xpath("//input[@type='email']").type("userAlktest@gmail.com");
    cy.xpath("//span[contains(text(),'Siguiente')]").click();
    cy.wait(5000);
    cy.xpath("//input[@type='password']").type("1Testagain");
    cy.xpath("//span[contains(text(),'Siguiente')]").click();
    cy.wait(5000);
    ///cy.xpath("//span[contains(text(),'Probar otra manera')]").click();
  ///  cy.wait(5000) 
  ///     cy.xpath("//span[contains(text(),'Confirmar')]").click();
   /// cy.wait(5000)

   //cy.xpath("//span[contains(text(),'Untitled form')]").click();
   //cy.wait(5000)

   cy.get('#:1f').click();
   cy.wait(5000);

'''

【问题讨论】：

Google 登录无法避免跨源错误，因为它会自动重定向。一种尝试方法是使用cypress-social-logins

标签： javascript selenium automation cross-domain cypress

【解决方案1】：

这是一个柏树权衡，您可以从cypress docs 中了解它。简而言之，如果你想在一个测试中访问两个不同的 URL，你就做不到。对于这种情况，您必须编写两个测试来访问每个 URL。例如

不行❌

it('navigates', () => {
  cy.visit('https://apple.com')
  cy.visit('https://google.com') // this will error
})

好的✅

it('navigates', () => {
  cy.visit('https://apple.com')
})

// split visiting different origin in another test
it('navigates to new origin', () => {
  cy.visit('https://google.com') // yup all good
})

【讨论】：

谢谢 - 即使有多个，我仍然看到跨源错误。如果您能在这里帮助我，非常感谢，请参阅代码：ibb.co/Z6WGjwL 请参阅错误：ibb.co/fDRPQd1
在你的cypress.json 添加chromeWebSecurity: false

【解决方案2】：

如果能更清楚地说明创建 Google 表单的原因，或许会有所帮助。

回到问题，您的测试有界的原始域是https://google.com。我想删除describe() 块并有两个it() 没有describe() 可以帮助你。

【讨论】：