Protractor+BrowserStack端到端测试Auth0授权跳转问题求助

我来帮你拆解下你遇到的问题，核心是Protractor对Angular和非Angular页面的同步逻辑没搞清楚，加上重定向后的断言时机不对，才导致了browser.ignoreSynchronization时灵时不灵，以及URL断言失败的情况。

先搞懂browser.ignoreSynchronization的生效逻辑 #

这个属性的作用很明确：当页面是Angular应用时设为false（默认值），Protractor会自动等待Angular的$timeout、$http请求完成后再执行下一步；当页面是非Angular应用（比如Auth0的登录页）时必须设为true，否则Protractor会一直等待Angular加载，最终超时失败。

你之前在beforeAll里全局设为true，但测试流程是：Angular的/#login页 → Auth0非Angular登录页 → 回到Angular客户端。全程保持ignoreSynchronization=true会导致回到Angular后，Protractor不再等待Angular的异步操作，这就是你觉得“时灵时不灵”的原因——网络快的时候可能刚好赶上，慢的时候就会出现各种不同步的问题。

修复URL断言失败的问题 #

你的beforeEach里直接调用browser.get('#/login')后立刻断言URL包含domain.auth0.com，这完全忽略了重定向的耗时。浏览器从localhost:8001/app/#/login跳转到Auth0域名需要时间，Protractor不会自动等待这个重定向完成，所以大概率会断言失败。

具体代码修改方案 #

下面是调整后的代码，我标注了关键修改点：

describe('[domain.reports]', function () {
  // 保存原始的ignoreSynchronization值，测试结束后恢复
  let originalIgnoreSync;

  beforeAll(function() {
    originalIgnoreSync = browser.ignoreSynchronization;
  });

  afterAll(function() {
    // 测试结束后恢复默认值，避免影响其他测试
    browser.ignoreSynchronization = originalIgnoreSync;
  });

  beforeEach(function () {
    // 访问登录页前，先设置为true，因为接下来会跳转到非Angular的Auth0页面
    browser.ignoreSynchronization = true;
    // 访问登录页
    browser.get('#/login');
    
    // 用ExpectedConditions等待URL跳转到Auth0域名，最多等10秒
    const EC = protractor.ExpectedConditions;
    browser.wait(EC.urlContains('domain.auth0.com'), 10000, 'Timeout waiting for redirect to Auth0');
    
    // 断言确认已经跳转到Auth0
    expect(browser.getCurrentUrl()).toContain('domain.auth0.com');
  });

  it('should automatically redirect to /samples after login', function () {
    const EC = protractor.ExpectedConditions;
    const submitBtn = element(by.css('.auth0-lock-submit'));
    
    // 等待登录按钮可见
    browser.wait(EC.visibilityOf(submitBtn), 10000, 'Login button not visible');
    
    // 执行登录操作
    protractor.loginHelpers.loginToPage('test_customer@gmail.com', 'Qazxsw123456');
    
    // 等待跳回Angular的/samples页面
    browser.wait(EC.urlContains('/samples'), 10000, 'Timeout waiting for redirect to /samples');
    
    // 回到Angular应用后，立即把ignoreSynchronization改回false
    browser.ignoreSynchronization = false;
    
    // 现在可以正常断言Angular页面的URL
    expect(browser.getCurrentUrl()).toMatch("/samples");
    
    // 访问/api，测试路由守卫（假设/api需要授权，未授权会跳转）
    browser.get('#/api');
    // 等待URL变化，再断言
    browser.wait(EC.urlNotContains("/api"), 5000);
    expect(browser.getCurrentUrl()).not.toContain("/api");
  });
});

关键修改说明： #

• 动态切换ignoreSynchronization：在跳转到非Angular页面（Auth0）前设为true，回到Angular页面后立刻改回false，保证Protractor在Angular页面能正常同步。
• 用ExpectedConditions等待重定向完成：不管是跳转到Auth0还是跳回Angular客户端，都用urlContains等待URL变化，避免因网络延迟导致的断言失败。
• 测试前后恢复默认值：在beforeAll保存原始值，afterAll恢复，防止影响其他测试用例。

额外注意事项 #

• 如果BrowserStack上的测试比本地更慢，可以适当延长等待时间（比如把10秒改成15秒）。
• 检查你的loginHelpers.loginToPage方法内部是否有等待逻辑，如果只是直接输入账号密码点击按钮，最好在点击后等待页面开始跳转，再执行后续断言。

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