css - 当将 css 格式的字符串与正常构造的字符串进行比较时，Testcafe 深度相等失败

Question

尝试将两个句子（深度相等）与其中一个在某些 css 格式的帮助下创建的句子进行比较失败。我要比较的字符串确实添加了几个空格分隔符

  .space:after {
    content: " ";
  }

以下是声明：

stmt1 = 'this is the text'
stmt2 = 'this<span className="space"></span>is the<span className="space"></span>text'

在 UI 上两者看起来相同。但是当测试在 testcafe 中运行时stmt2显示为 'thisis thestring'

有人可以帮我解决这个问题吗？

Answer 1

此问题与 TestCafe 无关。CSS 伪元素类似于:before并且:after不是 DOM 的一部分，因此它们的内容不包含在textContent属性中。您可以尝试使用ClientFunction实现一些自定义解决方案。