如何讓Cucumber在檢查內容之前呈現CSS？

Question

因此，頁面的HTML有Hi There，我正在使用CSS將它轉換爲HI THERE。

我跑黃瓜檢查，如果頁面上有HI THERE（因爲它應該，因爲這是最終的結果。

然而，當我運行黃瓜，我得到一個錯誤。HI THERE是不是在頁面上...我編輯的測試，而不是尋找Hi there，並將其傳遞

關鍵問題：？我告訴黃瓜，我需要它給我一個確定的答案之前呈現CSS如何

編輯：那麼，當我得到時，黃瓜確實加載了CSS好老的Firefox彈出併爲我運行。因此，我覺得現在我的問題變成了：有沒有辦法告訴黃瓜如何在不加載瀏覽器的情況下呈現CSS 而不是？

def hi_there(options = {}) 
    click_button('hi there') 
    expect(page).to have_content("HI THERE") 

    # some other code for more testing 
end 

Answer 1

I'm using CSS to convert it to HI THERE.

這意味着，你正在使用text-transform:uppercase;屬性，它會在內部調用JavaScript給定的文本轉換在頁面上。 所以你需要安裝（如果你還沒有）javascript_driver並將其用於你的場景。

參考Using Capybara with Cucumber在這裏。