Testcafe：.includes() 在 if/else 语句中使用时不是函数

Question

我正在尝试在我的一个 Testcafe 案例中使用 if/else 语句，但条件是查看字符串是否包含单词（子字符串），如果不运行则转到 else

这是一个示例代码：

const textData = Selector('.css-f3fafa').innerText;

        if (textData.includes("Administrator") ) {
            await t
            .hover(button1)
            .expect(button).eql('Submit')
            .click(buttonUp)
            .setNativeDialogHandler(() => true)
            .click(modalSub)
            .wait(5000)
            .expect(thank).eql('Thank you for your submission.')

        } else {
            await t
            // .hover(button1)
            // .expect(button).eql('Sign Up')
            .expect(textData).contains('Administrator')
            .click(button1)
            .expect(getStarted).ok('Get Started')
        }

我不断收到类型错误：textData.includes... is not a function，但如果我这样做了.expect(textData).includes...，它工作得很好并且它通过了。我还尝试了indexOf，将a === true 添加到条件中，我尝试将String() 添加到变量中，这有点工作，但它直接跳到了else（即使条件为真也不通过If）

是否有另一种方法可以使这种情况与 Testcafe 一起使用？

Answer 1

DOM 节点属性和方法被实现为异步 getter。

Using Selectors | TestCafe -> Obtain Element State：

“选择器返回的选择器和承诺公开 API 以获取匹配元素的状态（大小、位置、类等）。参见DOM Node State。请注意，这些方法和属性获取器是异步，所以使用 await 来获取元素的属性。”

文档中的示例：

const headerText = await Selector('#header').textContent;

import { Selector } from 'testcafe';

fixture `My fixture`
    .page('http://devexpress.github.io/testcafe/example/');

const windowsInput = Selector('#windows');

test('Obtain Element State', async t => {
    await t.click(windowsInput);

    const windowsInputChecked = await windowsInput.checked; // returns true
});