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

如何解决如何将 TestCafé 测试组织成多个步骤？

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

示例：在单个测试中，我想运行

fixture('test1')

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

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

简而言之：如果 fixture 的单个子步骤失败，整个 fixture 会立即失败，我该如何拆分测试？或者类似的东西，但对于test()？

此外，我不希望整个管道在第一次测试失败时结束，就像 --stopOnFirstFail 标志会发生的那样 - 我想运行所有测试，以找出哪些测试失败。

解决方法

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

所以：

现在，我唯一知道如何做的就是将每个步骤放入自己的 test() 上下文中，但这意味着如果例如createSubAccount 失败， modifySubAccount 和 activateSubAccount 仍会运行（即使工作流已经失败）。

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

如果现在唯一的缺点是测试的长度，为什么不按照示例中的提示进行操作：

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

您可以为 login、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。