如何实现两个Flutter Web应用OAuth2流程的跨应用集成测试？

方案一：利用ChromeDriver窗口句柄切换实现跨应用操作 #

这是最直接的落地方案，核心是在测试流程中主动管理浏览器的窗口/标签页句柄，完成A与B页面的切换操作：

1. 记录初始窗口句柄：在A应用测试启动时，先获取当前ChromeDriver对应的窗口句柄（即A页面的句柄）：

   final initialHandle = await driver.windowHandle;
   

2. 触发跳转并等待页面切换：点击A中跳转到B的按钮后，等待浏览器URL变化或新窗口加载完成，再获取所有可用的窗口句柄：

   // 推荐用显式等待判断URL变化，替代固定延迟
   await WebDriverWait(driver, Duration(seconds: 5)).until(
     (d) => d.currentUrl.contains('b-domain.com')
   );
   final allHandles = await driver.windowHandles;
   // 筛选出对应B应用的句柄
   final bHandle = allHandles.firstWhere((h) => h != initialHandle);
   

3. 切换到B应用执行操作：切换到B的句柄后，即可像操作A一样与B应用交互（比如输入账号、点击授权按钮）：

   await driver.switchTo.window(bHandle);
   // 执行B应用的授权操作，示例为点击授权按钮
   await driver.tap(find.byValueKey('authorize-btn'));
   

4. 切回A应用继续测试：当B完成授权跳转回A后，切换回初始的A句柄，继续后续的状态验证等逻辑：

   await driver.switchTo.window(initialHandle);
   // 验证A应用的授权状态，比如检查用户信息是否加载
   await driver.waitFor(find.byValueKey('user-info-card'));
   

注意：测试代码中的driver需为WebDriver实例，可通过IntegrationTestWidgetsFlutterBinding初始化后获取，或直接使用webdriver包的API。

方案二：自研应用测试模式下的桥接逻辑 #

由于两个应用均为自研，可在测试环境中添加专属测试通道，简化跨应用操作流程：

1. 给B应用添加测试接口：在B应用代码中，判断当前是否为测试环境（比如通过kDebugMode或自定义环境变量），暴露全局测试方法，可通过window.postMessage或Flutter测试通道实现：

   if (kDebugMode) {
     // 暴露测试用的授权完成方法
     js.context['completeOAuthTest'] = () {
       // 模拟用户完成授权并跳转回A
       Navigator.of(context).pushReplacementNamed('/redirect', arguments: {'code': 'test-auth-code'});
     };
   }
   

2. 在A的测试中调用B的测试接口：跳转到B页面后，通过WebDriver执行JavaScript调用该测试方法，无需模拟用户手动操作：

   await driver.executeScript('completeOAuthTest()');
   

3. 等待跳转回A并继续测试：调用接口后B会自动跳转回A，此时切回A的句柄即可继续后续测试验证。

这种方案能减少模拟用户操作的繁琐，大幅提升测试稳定性。

方案三：统一测试会话与上下文 #

将两个应用的测试逻辑整合到同一个测试套件中，复用同一个ChromeDriver会话：

1. 保持ChromeDriver会话持续：沿用你当前的chromedriver --port=4444启动命令，确保会话不中断。
2. 在测试中依次加载双应用：先通过driver.get('http://a-domain.com')加载A应用，执行跳转前操作；跳转到B后直接操作B页面；完成授权后等待跳转回A，继续后续测试。
3. 适配Flutter测试绑定：确保IntegrationTestWidgetsFlutterBinding在测试中正确初始化，结合WebDriver原生操作实现跨页面的Widget查找与交互。

关键配置注意事项 #

你现有配置中的--disable-web-security是跨域测试的必要项，请务必保留。另外：

• 可添加--start-maximized浏览器Flag，避免窗口大小变化导致的元素查找失败。
• 优先使用显式等待（如WebDriverWait）替代固定时长的Future.delayed，提升测试稳定性。

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