testing - 在页面模型中将参数传递给 TestCafe Selector

Question

我想将一个字符串传递给页面模型中的一个对象，以供 .withText 选择使用。我可以使用该页面上的函数来执行此操作并且它可以工作，但我必须以不同于页面上定义的对象的方式调用它。

我试过为 .filter(和 .find)使用 FilterFn，但没有成功。也许这正是我所需要的，但需要帮助，或者我只是想多了。

示例页面模型摘录

export class AreaPage {
    public pageTitle = Selector("#container h1").withText("My Area Title");

    public async pageSubtitle(areaName: string) {
        return await Selector("#container h2").withText(areaName);
    }
}

示例测试摘录

test("test some code", async (t) => {
    await t
    .click(areaPage.pageTitle)
    .click(await areaPage.PageSubtitle("my subtitle"));
}

当然，我可能不想“单击”这些标题，但它演示了必须如何调用这些页面组件的不同之处。我也知道我可以捕获对象并在测试中进行验证，但这会破坏我正在尝试做的部分工作。

如上编写，它有效，但我希望我们的 QA 人员能够以相同的方式使用它们(即没有在测试的最后一行嵌入“await”)。如果我删除 await，我会得到错误:

Argument of type 'Promise<Selector>' is not assignable to parameter of type 'string | Selector | NodeSnapshot | SelectorPromise | ((...args: any[]) => Node | Node[] | NodeList | HTMLCollection)'.
  Type 'Promise<Selector>' is missing the following properties from type 'SelectorPromise': childElementCount, childNodeCount, hasChildElements, hasChildNodes, and 51 more.ts(2345)

(...这只会让我的大脑痉挛)

我如何编写页面对象 pageSubtitle 以接受参数但在其他方面像 pageTitle 对象一样运行？

Answer 1

您正在等待 Selector promise 两次 - 这会导致错误。 尝试按如下方式修改您的测试和页面模型:

页面模型:

export class AreaPage {
    public pageTitle = Selector("#container h1").withText("My Area Title");

    public pageSubtitle(areaName: string) {
        return Selector("#container h2").withText(areaName);
    }
}

测试:

test("test some code", async (t) => {
    await t
        .click(areaPage.pageTitle)
        .click(pageModel.pageSubtitle("my subtitle"));
}