Cypress cy.origin()结合Google登录失败，多浏览器表现异常求助

你的测试代码存在几个关键问题，导致不同浏览器出现异常，下面逐一说明并给出修正方案：

1. 未对Auth0域名的操作使用cy.origin() #

点击原网站的Google登录按钮后，页面跳转到Auth0的独立域名，此时Cypress无法直接用cy.get()操作该域名下的元素，必须用cy.origin()包裹这部分操作——Firefox的超时问题就源于此。

2. Google登录页面的选择器过于脆弱 #

你使用的按钮class是动态生成的长字符串，Google页面更新后会直接失效，导致元素定位失败，这也是Chrome超时的潜在原因之一。应该改用更稳定的选择器，比如元素的语义化属性或文本选择器。

3. 自动化浏览器被Google安全机制拦截 #

Electron和Edge的问题是Google检测到自动化工具，触发了安全限制。需要在Cypress配置中添加浏览器启动参数，模拟真实浏览器环境。

修正后的测试代码 #

import { loginPage } from '../../page-objects/login-page'

describe('Login Tests', () => {
  beforeEach(() => {
    loginPage.visit()
  })

  it('GoogleLogin', () => {
    // 原网站点击Google登录按钮
    cy.get("a[data-testid='googleSignInButton']").click()

    // 处理Auth0域名下的操作（替换为你的实际Auth0域名）
    cy.origin('https://your-auth0-domain.com', () => {
      cy.get("a.auth0-lock-social-button.auth0-lock-social-big-button").click()
    })

    // 处理Google账号域名下的操作
    cy.origin('https://accounts.google.com', () => {
      // 输入邮箱（用稳定的属性选择器）
      cy.get("input[type='email']").type('myemail@gmail.com')
      // 点击下一步（用文本选择器，不受class变化影响）
      cy.get("button:contains('Next')").click()
      // 若需输入密码，在此继续添加操作
    })
  })
})

浏览器配置调整（解决Google安全拦截） #

在cypress.config.js中添加浏览器启动参数，规避自动化检测：

const { defineConfig } = require("cypress");

module.exports = defineConfig({
  e2e: {
    setupNodeEvents(on, config) {
      on('before:browser:launch', (browser = {}, launchOptions) => {
        if (browser.family === 'chromium' && browser.name !== 'electron') {
          // 禁用自动化特征检测
          launchOptions.args.push('--disable-blink-features=AutomationControlled')
          launchOptions.args.push('--start-maximized')
        }
        if (browser.name === 'electron') {
          // 关闭Electron的安全限制
          launchOptions.preferences.webSecurity = false
        }
        return launchOptions
      })
    },
  },
});

额外注意事项 #

• 务必将代码中的https://your-auth0-domain.com替换为你实际使用的Auth0域名（例如https://your-app.auth0.com）。
• 不要用个人Google账号做自动化测试，建议创建专门的测试账号，并关闭该账号的两步验证。
• 若仍出现403错误，检查Auth0的应用配置：确认Google作为身份提供者已正确设置，且回调URL与测试环境匹配。

内容的提问来源于stack exchange，提问作者Doctor Who