在 testcafe 中断言空文本框

Posted 2023-02-18

【中文标题】在 testcafe 中断言空文本框

【英文标题】：Assert empty textbox in testcafe

【发布时间】：2020-07-21 12:38:13

【问题描述】：

我正在验证文本框是否为空。我不确定我在这里做错了什么。

Page Object method
async getTextVal()
  await this.t.selectText(this.editor) //selecting the text box
  return this.editor.innerText; //fetching the value in the textbox      

TestCase
await t.expect(element.getTextVal()).eql(''); //assert statement

如果存在值，则 getTextVal 可以正常工作。但是检查空值它失败了

【问题讨论】：

你好。你遇到了什么错误？ (***.com/help/minimal-reproducible-example)

1) 尝试在 Promise 对象上运行断言。你忘了等待吗？如果不是，则将“allowUnawaitedPromise: true ”传递给断言选项。这就是我所看到的。我试过“allowUnawaitedPromise: true ”但没有运气

【参考方案1】：

试试

Page Object method
async getTextVal()
  await this.t.selectText(this.editor) //selecting the text box
  return await this.editor.innerText; //fetching the value in the textbox      

TestCase
await t.expect(await element.getTextVal()).eql(''); //assert statement

【参考方案2】：

此外，如果没有方法，只有选择器，可以这样做：

await t.expect(selector.innerText).eql('');

您还可以在页面对象文件中设置选择器：

import  Selector, t  from "testcafe";

class PageObjectFile 
    constructor() 
        // input field, this could be many different styles of selectors / frameworks
        this.inputField = Selector('.class-input-element');
        this.inputFieldTwo = Selector('#id-input-element');
    


export default PageObjectFile;

你的测试文件是这样的：

import PageObjectFile from "/PageObjectFile";

let pageObjectFile = new PageObjectFile();

fixture `Tests input field is empty`
    .page(`https://examplepage.com`)


test(`User see's an empty input field`, async t => 
     await t.expect(pageObjectFile.inputField.innerText).eql('');
);