我如何将 TestCafé 测试组织成多个步骤?

How can I organize TestCafé tests into multiple steps?

我正在测试一个具有较长场景的大型项目(有些与网页的交互超过 100 次)。我想将它们分解成更短的步骤 运行 按顺序(如在摩卡中)但我不知道该怎么做。

示例:在单个测试中,我想 运行

fixture('test1')

test('test1', async (t) => {
  ...login
  ...createSubAccount
  ...modifySubAccount
  ...activateSubAccount
})

每个步骤将显示在控制台和报告中的位置。现在,我唯一知道该怎么做的就是将每个步骤放入其自己的 test() 上下文中,但这意味着如果例如createSubAccount 失败,modifySubAccountactivateSubAccount 仍将 运行(即使工作流已经失败)。此外,每个 test() 都会清除浏览器(但我可以处理)。

简而言之:如果 fixture 的单个子步骤失败,整个 fixture 立即失败,我如何拆分测试?或类似的东西,但 test()?

此外,我不希望整个管道在第一次测试失败时结束,就像 --stopOnFirstFail 标志一样 - 我想 运行 所有测试,以找到哪些是失败。

test()是最小单位。这个想法是它是一段独立的测试代码,e.i。一堆测试步骤。无论您使用什么工具(TestCafe、Playwright、Puppeteer、Cypress、mocha、Jest 等),这都不会改变。

等等:

Right now, the only thing I know how to do is to put each step into its own test() context, but that means that if e.g. createSubAccount fails, modifySubAccount and activateSubAccount will still run (even though the workflow already failed).

似乎打破了测试的主要原则之一,即它们是独立的。 不要在不同的测试之间拆分属于一起的测试步骤。

如果现在唯一的缺点是测试的长度,为什么不像示例中暗示的那样进行呢:

test('test1', async (t) => {
    login();
    createSubAccount();
    modifySubAccount();
    activateSubAccount();
});

您可以为登录、createAccount 等创建函数,然后在您的测试中仅使用此类函数,这将使它们尽可能短,如此处所示。您还可以轻松创建各种场景:

test('activate account without modification', async (t) => {
    login();
    createSubAccount();    
    activateSubAccount();
});

test('create account', async (t) => {
    login();
    createSubAccount();   
});

test('create account without login', async (t) => {    
    createSubAccount();   
});

// and so on

看起来也没那么长

TestCafe 目前不支持您需要的功能。我能想到的唯一解决方案是,正如你所建议的那样,将你的测试实现为一个夹具,并将步骤作为测试,使用 disablePageReloads feature (注意:它是实验性的),手动跟踪通过的测试的数量,并检查它在每次测试开始时。这有点乏味,但它应该可以满足您的需要。

另一个尚未实现的解决方案,也是将长测试拆分为步骤的最简单方法是将其简单地划分为函数。唯一可能出现的问题与报告有关。即使您实施自定义记者,也无法将有关步骤的信息传递给它(您可以投票给 corresponding feature request)。

此外,我想提请您注意 Page Model 模式。这可以缩小您的测试并使它们更具可读性。

如果您对如何完成此操作有更好的了解,请打开一个包含全面说明的 new feature request