Windows/Electron应用自动化时Microsoft API登录弹窗加载失败问题

问题现象 #

• 应用启动后，登录按钮显示正常
• 手动点击「Login with Microsoft account」按钮，能正常弹出微软账号登录页面
• 自动化操作点击该按钮时，弹窗无法加载对应API资源

排查与解决方法 #

原因1：登录弹窗的资源来源与自动化上下文不兼容

• 检查Electron应用的弹窗创建逻辑，确认是否用BrowserWindow加载微软登录页面，同时验证自动化工具（如Playwright、Selenium）是否配置了弹出窗口追踪策略。比如用Playwright时，需监听弹窗事件：

const { _electron: electron } = require('playwright');
const app = await electron.launch({ args: ['你的应用路径'] });
const mainWindow = await app.firstWindow();

// 监听弹窗加载
mainWindow.on('popup', async (popupWin) => {
  await popupWin.waitForLoadState();
  // 打印弹窗URL，确认是否指向微软登录页
  console.log('弹窗地址:', await popupWin.url());
});

• 查看自动化环境下的网络请求日志，确认微软API资源的请求是否被CORS策略拦截，或是资源地址在自动化上下文下无法访问。

原因2：自动化启动时未加载包含Microsoft API信息的.env文件

• 先确认手动启动应用时，.env文件是否通过dotenv等工具正常加载，检查应用启动脚本里的环境变量加载逻辑。
• 自动化启动时，手动注入必要的环境变量：
  • Windows cmd命令行启动：

  set MICROSOFT_CLIENT_ID=你的客户端ID&& 你的应用.exe
  

  • PowerShell启动：

  $env:MICROSOFT_CLIENT_ID="你的客户端ID"; .\你的应用.exe
  

  • 用Playwright启动Electron应用时，在配置中传入环境变量：

  const app = await electron.launch({
    args: ['你的应用路径'],
    env: {
      ...process.env,
      MICROSOFT_CLIENT_ID: '你的客户端ID',
      MICROSOFT_REDIRECT_URI: '你的重定向地址'
    }
  });
  

• 检查应用代码中是否有根据NODE_ENV等变量跳过环境变量加载的逻辑，确保自动化模式下不会禁用API配置。

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