Protractor中getText()的Promise异常问题求助

嘿，我一眼就看出你代码里的几个关键问题，这都是刚捡回Protractor容易踩的坑，我帮你一一拆解并修复～

核心问题分析 #

你的代码出现三个明显问题，导致测试错误通过、日志无输出：

1. 没有让测试框架等待异步操作完成
   Protractor的API都是基于Promise的，如果你在测试中手动处理Promise但没有返回它，Jasmine（Protractor默认测试框架）会直接结束测试，不会等待then回调执行——这就是为什么你看不到out2输出，测试还错误通过的根本原因，因为断言逻辑根本没跑起来。

2. 断言对象错误
   你在then回调里断言的是外层的actualText（这是一个Promise对象），而不是then回调参数里的actualText2（这才是实际获取到的标签文本）。用Promise和字符串做比较，逻辑本身就不成立。

3. 同步日志时机错误
   getText()返回的是Promise，你在Promise还未resolved的时候就打印actualText，自然会输出处于pending状态的Promise对象，而不是实际文本。

修复方案（三种可选） #

方案1：利用Protractor自动处理Promise（推荐） #

这是Protractor的最佳实践，框架会自动等待Promise完成，不需要手动写then：

it('should verify label text matches expected value', function() {
  // 定位元素
  const labelElement = element(by.css('label.control-label.field-required'));
  
  // 直接断言，Protractor会自动等待getText()返回结果
  expect(labelElement.getText()).toEqual("The text I want");
  
  // 如果需要打印文本，在then回调里执行
  labelElement.getText().then(function(text) {
    console.log("Label text: " + text);
  });
});

方案2：手动处理Promise（正确写法） #

如果一定要手动用then，必须返回整个Promise链，让Jasmine等待异步操作完成：

it('should verify label text matches expected value', function() {
  // 返回Promise链，确保测试框架等待执行完成
  return element(by.css('label.control-label.field-required')).getText().then(function(actualText) {
    console.log("out2 : " + actualText);
    // 断言实际获取到的文本值
    expect(actualText).toEqual("The text I want");
  });
});

方案3：使用async/await（更简洁） #

如果你的环境支持ES7语法，用async/await可以让异步代码看起来像同步代码，更易读：

it('should verify label text matches expected value', async function() {
  // 等待Promise resolved，获取实际文本
  const actualText = await element(by.css('label.control-label.field-required')).getText();
  
  console.log("out2 : " + actualText);
  // 直接断言
  expect(actualText).toEqual("The text I want");
});

验证效果 #

修复后，测试会正确等待元素文本加载完成，断言失败时会抛出错误，控制台也能正常输出标签的实际文本。

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