javascript - 用 Cucumber 和 Capybara 测试排序

Question

有没有办法用 Cucumber 和 Capybara 测试列表的排序。排序是在客户端使用 javascript 完成的。

我在想一些事情:

Then I should see "first element" and then I should see "second element"

不幸的是，我不知道如何构建这些步骤。

感谢您的帮助!

Answer 1

将您正在测试的故事(您希望接近简单的英语)和测试的实际实现(隐藏在 step_definitions 中)分开是个好主意。

有几种方法可以解决这个问题，具体取决于您要测试的内容。在第一种情况下，cuke 测试的可读性很强，归结为正确实现步骤定义:

Given that I am on page xyz
And I have a list
Then I should see the list in sorted order

在这种情况下，您必须定义拥有列表的含义(如果需要，可以在步骤定义中将其分配给@list)，然后定义按排序顺序查看列表的含义(此处您可以传递一个正则表达式，确保您在第 2 项之前看到第 1 项，等等)

或者，如果你喜欢在 cuke 测试中更加冗长，你可以这样做:

Given that I am on page xyz
Then I should see /item1.*item2.*item3/

假定列表已经填充。

根据列表的位置，您可能必须使用 within 范围参数。

请记住，cucumber 非常适合功能和集成测试，但可能不是进行单元测试的正确工具(查看所有边缘情况)。要在单元测试级别测试排序，我强烈建议使用 QUnit。由于 QUnit 测试是静态页面，请尝试使用此技巧将测试作为 capybara 的一部分运行:

Given I am on "/test/path/to/qunit/tests"
Then I should see "Whatever Title You have Assigned"
And I should see "0" within "//p[@id='qunit-testresult']/span/[@class='failed']"