如何解决textToBePresentInElement等待器的跨浏览器换行兼容问题？

下面是几个实用的规避方法：

• 归一化文本后再比较
  不管浏览器返回的是\n还是实际换行，统一将所有空白字符（包括换行、制表符、连续空格）替换为单个空格，再对文本首尾做trim处理，之后和同样处理过的预期字符串比较。示例代码：

  // 获取元素文本
  const elementText = await driver.findElement(By.css('你的选择器')).getText();
  // 归一化处理
  const normalizedText = elementText.replace(/\s+/g, ' ').trim();
  // 预期字符串也做相同处理
  const expectedNormalized = 'Beginning - Ending'.replace(/\s+/g, ' ').trim();
  // 执行断言
  assert.equal(normalizedText, expectedNormalized);
  

• 自定义等待条件替代内置方法
  因为内置的textToBePresentInElement不会做文本归一化，你可以自己封装一个等待器，内部先处理文本再判断是否包含预期内容：

  const waitForNormalizedTextPresent = async (driver, locator, expectedText) => {
    await driver.wait(until.elementLocated(locator), 10000);
    return driver.wait(async () => {
      const rawText = await driver.findElement(locator).getText();
      const normalizedRaw = rawText.replace(/\s+/g, ' ').trim();
      const normalizedExpected = expectedText.replace(/\s+/g, ' ').trim();
      return normalizedRaw.includes(normalizedExpected);
    }, 10000);
  };
  
  // 调用自定义等待器
  await waitForNormalizedTextPresent(driver, By.css('你的选择器'), 'Beginning - Ending');
  

• 使用正则表达式匹配
  用正则表达式允许换行或任意空白字符出现在预期文本的对应位置，不用纠结具体的换行格式：

  // 允许Beginning和-之间有任意空白（包括换行、空格）
  const expectedRegex = /Beginning\s*- Ending/;
  const elementText = await driver.findElement(By.css('你的选择器')).getText();
  // 断言文本匹配正则
  assert.ok(expectedRegex.test(elementText));
  

• 考虑使用textContent（需场景适配）
  如果你的测试场景不需要区分可见/隐藏文本，可以尝试用textContent替代innerText——它在不同浏览器上的换行表现更一致（统一返回\n），之后再做归一化处理即可。不过要注意，textContent会返回元素内所有文本，包括隐藏元素的内容，需确认符合你的测试需求。

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