testcafé：尝试计算自定义 Selector 属性时出错

如何解决testcafé：尝试计算自定义 Selector 属性时出错

我正在使用 testcafe 并且我有非常简单的选择器：

const tile = Selector('[data-component="tile"]');

该选择器用于创建此：

const titleFieldTile = tile.nth(0);
const titleFieldName = titleFieldTile.find(
  '[data-testid="tile-content"] [data-testid="ps-field-form-name"]'
);

这是在测试之外定义的，在测试中这一行会导致测试失败：

await t
 .expect(titleFieldType.textContent)
 .eql('text')

出现此错误：

1) An error occurred when trying to calculate a custom Selector property "header":

      ReferenceError: _ref is not defined

      browser: Chrome 90.0.4430.93 / macOS 10.15.7
...
  58 |    await t
  59 |      // .expect(titleFieldType.textContent)
  60 |      // .eql('text')
  61 |      .expect(titleFieldName.textContent)

> 62 |      .eql('TITLE')

如果我 console.log titleFieldName 有效，则是阵营造成了问题，但我不知道为什么。 我没有向选择器添加自定义 DOM 或方法，所以我不确定错误来自哪里。

澄清一下，我已经创建了很多这些类型的选择器，而且从来没有出现过问题。

我已经缩小了范围。 .textContent 导致了问题。

解决方法

我设法解决了这个问题：

await t
  .expect(titleFieldType.withText('text').exists)
  .ok()
  .expect(titleFieldName.withText('TITLE').exists)
  .ok()

基本上过滤文本（可以是正则表达式），然后检查是否有任何实际匹配。 它满足我的需求。