Protractor中代码间歇性不执行问题排查（Promise相关）

你的问题核心是普通Node.js回调没有融入Protractor的ControlFlow异步管理机制。

Protractor基于WebDriverJS的ControlFlow，它会自动编排所有WebDriver相关的异步操作（比如element().click()、sendKeys()），确保它们按顺序执行。但你用的request库是传统回调式的，它的回调函数会脱离ControlFlow的管理——当回调触发时，Protractor可能已经开始执行expect语句了，导致回调里的UI操作被跳过，这就是为什么会出现间歇性不执行的情况（取决于回调触发的时机是否赶在ControlFlow结束前）。

要解决这个问题，你需要把request的回调逻辑包装成Promise，让它能被ControlFlow识别并等待。有两种常用方式：

方式1：使用request-promise库（推荐） #

request-promise是request库的Promise化版本，直接返回Promise，完美适配Protractor的异步机制：

首先安装依赖：

npm install request-promise --save-dev

然后修改你的getValuefromAPI函数：

const rp = require('request-promise');

getValuefromAPI(){
  const options = {
    method: 'POST',
    url: 'your-api-url',
    headers: {'Content-Type': 'application/json'},
    body: { /* your json body */ },
    json: true // 自动解析响应为JSON，不用手动JSON.parse
  };

  return rp(options).then(body => {
    console.log("**********responseData inside function*****************");
    console.log(JSON.stringify(body));
    const targetId = body.content[0].data.section.class.repository[0].period.points[0].id;
    console.log("*******************Id*****************");
    console.log(targetId);
    return targetId;
  });
}

然后你的测试用例可以改用更简洁的async/await写法，确保所有操作按顺序执行：

it('Test1', async function () {
  // 先点击元素1
  await element(by.xpath("xpath of the element1")).click();
  
  // 等待API返回值
  const value = await homepo.getValuefromAPI();
  console.log("**********value inside Main*****************");
  console.log(value);
  
  // 执行UI操作
  await element(by.xpath("xpath of the element2")).sendKeys(value);
  await browser.sleep(3000); // 尽量用ExpectedConditions代替sleep，更可靠
  await element(by.xpath("xpath of button")).click();
  
  // 断言
  expect(value).toBe("expected value");
});

方式2：手动封装Promise（不依赖额外库） #

如果不想安装新库，也可以自己把request的回调包装成Promise：

getValuefromAPI(){
  return new Promise((resolve, reject) => {
    const options = {
      method: 'POST',
      url: 'your-api-url',
      headers: {'Content-Type': 'application/json'},
      body: { /* your json body */ },
    };

    request(options, function (error, response, body) {
      if (error) {
        reject(error);
        return;
      }
      const parsedBody = JSON.parse(body);
      console.log("**********responseData inside function*****************");
      console.log(body);
      const targetId = parsedBody.content[0].data.section.class.repository[0].period.points[0].id;
      console.log("*******************Id*****************");
      console.log(targetId);
      resolve(targetId);
    });
  });
}

测试用例同样可以用async/await或者then链来处理，确保所有异步操作都被ControlFlow等待。

你把API调用直接放到it块里，但还是用了request的回调函数——这个回调依然不在Protractor的ControlFlow中，所以里面的element().click()、sendKeys()等操作不会被ControlFlow等待，Protractor会继续执行后续逻辑（即使没有后续代码，回调触发时测试可能已经进入断言阶段）。

• 尽量避免使用browser.sleep()，改用ExpectedConditions来等待元素可见/可点击，比如：

  const EC = protractor.ExpectedConditions;
  const element2 = element(by.xpath("xpath of the element2"));
  await browser.wait(EC.visibilityOf(element2), 5000);
  await element2.sendKeys(value);
  

  这样比固定时间的sleep更可靠，能适应不同的页面加载速度。

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