用黃瓜和水豚進行測試排序

Question

有沒有一種方法來測試黃瓜和水豚列表的排序。排序是用JavaScript完成客戶端。

我想沿着線的東西：

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

不幸的是我不知道如何處理建設的步驟。

感謝您的幫助！

Answer 1

將你正在測試的故事（你想要接近純英文）和測試的實際實現（它隱藏在step_definitions中）分開是一個好主意。

有幾種方法可以解決這個問題，這取決於你想測試什麼。在第一種情況下，黃瓜測試是非常具有可讀性，並把它歸結爲正確實施步驟定義：

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

在這種情況下，你必須定義意味着什麼，有一個列表（可以指定如果你願意的話，它可以在步驟def中列出），然後意味着按照排序順序查看列表（在這裏你可以傳遞一個正則表達式，以確保在項目2之前看到項目1等）。

或者如果你喜歡被在黃瓜測試更詳細的，你可以這樣做，如：

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

假定列表已填充。

根據列表的位置，您可能必須使用within範圍參數。

請記住，黃瓜是偉大的功能和集成測試，但可能不是正確的工具進行單元測試（查看所有邊緣案例）。要在單元測試級別測試排序，我強烈建議使用QUnit。由於QUnit測試是靜態頁面，試試這招用於運行測試，水豚的一部分：

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']"