RSpec和水豚：內容的測試位置頁

Question

在RSpec和水豚的Rails測試中，是否可以測試頁面上某個內容的位置？

我有一個頁面列出了不同部分'Pending'和'Received'中的訂單，我想測試一個特定的訂單可以從頁面上的'Pending'移動到'Received'部分。

如果我能測試內容是否在特定的div內，這將有所幫助。

Answer 1

我想說最簡單的方法是將這個權利建立到您的選擇器中，並在正確的部分聲明元素的存在，並在舊部分中缺少它。以下示例假設您將訂單ID保留在數據屬性中：

page.should have_selector '#received-orders .order[data-order-id="12345"]' 
page.should_not have_selector '#pending-orders .order[data-order-id="12345"]'