Protractor中全局变量取值显示为[Object object]的问题求助

嘿，这个问题我太熟了！你遇到的[object Object]错误，根源在于对Protractor异步操作的理解有点小偏差——咱们一步步来捋清楚：

错误原因 #

Protractor里的getText()方法返回的不是直接的文本字符串，而是一个Promise对象。当你直接把它赋值给global.store时，这个变量其实存的是Promise，不是解析后的文本。之后拼接XPath的时候，JavaScript会把Promise对象转换成默认的字符串表示[object Object]，这就导致你的定位器完全找不到对应的元素啦。

解决方案 #

这里给你两种靠谱的处理方式，优先推荐第一种，因为它更符合现代异步代码的写法，也能避免全局变量带来的坑：

方式1：用async/await替代全局变量（推荐） #

把你的函数改成async函数，用await等待Promise解析完成，拿到实际的文本值，然后直接在需要的地方使用，完全不需要全局变量：

// 封装获取文本的函数
async function getTargetText() {
  // await等待getText()的Promise解析，拿到真实文本
  const targetText = await element(by.xpath("(//table/tbody/tr/td[@class='ng-scope'][2])[1]")).getText();
  return targetText;
}

// 在点击元素的函数里调用上面的函数
async function clickTargetElement() {
  // 先拿到文本
  const text = await getTargetText();
  // 用模板字符串拼接XPath，然后点击元素
  await element(by.xpath(`//div[contains(text(),'${text}')]`)).click();
}

方式2：如果一定要用全局变量，需处理Promise的解析 #

如果你因为某些原因必须用全局变量，那一定要在getText()的.then()回调里把解析后的文本赋值给全局变量，同时要确保使用全局变量的时候，它已经被正确赋值：

// 函数1中处理Promise，把真实文本赋值给全局变量
element(by.xpath("(//table/tbody/tr/td[@class='ng-scope'][2])[1]")).getText().then(text => {
  global.store = text; // 这里的text才是实际的字符串
});

// 在另一个函数中使用时，要等待全局变量被正确赋值
async function clickElement() {
  // 等待最多5秒，直到global.store变成字符串（确保已经拿到文本）
  await browser.wait(() => typeof global.store === 'string', 5000);
  // 再进行元素定位和点击
  await element(by.xpath(`//div[contains(text(),'${global.store}')]`)).click();
}

小提醒 #

尽量避免使用全局变量哦，异步场景下很容易出现“变量还没赋值就被使用”的问题，用函数返回值+async/await的方式，代码会更清晰、更可靠。

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