Protractor测试CSV文件上传触发Jasmine超时问题求助

我来帮你梳理下可能导致这个问题的原因，以及对应的解决思路：

1. Angular异步上下文阻塞了操作 #

Protractor默认会自动等待Angular应用稳定，但文件上传的sendKeys操作触发的change事件可能会引发Angular内部的异步处理，导致Protractor一直等待Angular稳定，最终超时。

解决办法：临时关闭Angular等待，执行文件上传后再开启：

// 先禁用Angular等待
browser.waitForAngularEnabled(false);
fileInput.sendKeys(absolutePath);
// 操作完成后重新启用
browser.waitForAngularEnabled(true);

2. 浏览器驱动与浏览器版本不匹配 #

ChromeDriver和Chrome版本不兼容是常见的自动化操作卡住的原因，尤其是文件上传这类涉及浏览器原生API的操作。

解决办法：

• 检查本地Chrome版本，下载对应版本的ChromeDriver（版本号需完全匹配，比如Chrome 114对应ChromeDriver 114.x.x）
• 启动浏览器时可以尝试添加安全相关的参数，放宽文件上传限制：

  capabilities: {
    'browserName': 'chrome',
    'chromeOptions': {
      args: ['--allow-file-access-from-files']
    }
  }
  

3. 文件输入框不可交互（隐藏/被覆盖） #

虽然你能定位到元素，但如果元素被CSS设置为display: none、visibility: hidden，或者被其他UI元素覆盖，sendKeys操作可能无法正常触发，导致超时。

解决办法：

• 先验证元素的可交互状态：

  fileInput.isDisplayed().then(displayed => {
    console.log('元素是否可见:', displayed);
  });
  fileInput.isEnabled().then(enabled => {
    console.log('元素是否可用:', enabled);
  });
  

• 如果元素隐藏，通过JS执行器修改样式后再上传：

  browser.executeScript("arguments[0].style.display = 'block';", fileInput);
  fileInput.sendKeys(absolutePath);
  

• 或者直接通过JS注入文件路径（绕过原生sendKeys的限制）：

  browser.executeScript("arguments[0].value = arguments[1];", fileInput, absolutePath);
  

4. Jasmine默认超时时间过短 #

文件上传涉及文件读取、Angular处理等操作，默认的Jasmine超时（一般是5秒）可能不够用。

解决办法：在测试用例中调整超时时间：

beforeEach(function() {
  jasmine.DEFAULT_TIMEOUT_INTERVAL = 10000; // 调整为10秒，根据实际情况修改
});

5. 文件权限或大小问题 #

虽然你试过PNG文件，但还是要确认测试文件的权限是否允许当前用户读取，或者文件过大导致上传处理超时。

解决办法：

• 检查文件的读写权限，确保测试进程能访问该文件
• 使用一个极小的测试文件（比如只有1行数据的CSV）进行测试，排除文件大小的影响

建议你先从关闭Angular等待和匹配ChromeDriver版本这两个方向入手排查，这是最常见的触发超时的原因。

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