Protractor：如何存储组件文本值并在测试用例中复用？

你的代码核心问题在于Protractor的异步执行机制：getText()是异步操作，它的回调函数会在浏览器返回结果后才执行，但后面的browser.wait和断言代码会先于回调运行，这时候storedValue还没被赋值，自然会导致超时或者断言失败。

下面是两种可靠的解决方案：

方案1：使用async/await（推荐，代码更简洁易维护） #

Protractor完全支持ES6的async/await语法，用它可以把异步代码写成同步风格，彻底避免回调地狱和变量同步问题：

it('should store element text and validate it later', async () => {
  // 等待元素文本返回并直接存储到变量
  const storedValue = await element(by.id('myElement')).getText();
  console.log('stored value: ' + storedValue);

  // 这里可以添加你的无关代码，比如等待其他元素、执行操作等
  await element(by.id('someOtherElement')).click();

  // 直接用存储的变量做校验，无需额外等待
  expect(storedValue).toBe('你预期的文本内容');
  // 也可以用它校验其他元素的文本
  expect(await element(by.id('targetElement')).getText()).toBe(storedValue);
});

方案2：使用Promise链式调用（兼容旧环境） #

如果你的项目还不能用async/await，可以把所有依赖storedValue的操作放到Promise链中，确保执行顺序：

it('should store element text and validate it later', () => {
  let storedValue: string;

  element(by.id('myElement')).getText()
    .then((elementValue: string) => {
      storedValue = elementValue;
      console.log('stored value: ' + storedValue);
      // 在这里执行你的无关代码，比如点击操作
      return element(by.id('someOtherElement')).click();
    })
    .then(() => {
      // 现在可以安全地使用storedValue做校验
      expect(storedValue).toBe('你预期的文本内容');
      return element(by.id('targetElement')).getText();
    })
    .then((targetText) => {
      expect(targetText).toBe(storedValue);
    });
});

为什么原来的browser.wait不生效？ #

你原来的browser.wait(() => storedValue !== null, 5000)逻辑有问题：storedValue初始是undefined，不是null，所以这个条件一开始就为true，wait会立刻结束，但此时getText()的回调还没执行，storedValue仍然是undefined，后续断言还是会失败。就算改成检查storedValue !== undefined，也只是治标不治本——异步操作的执行顺序没得到保证，用async/await或Promise链才是正确的解决思路。

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