Twitter Bootstrap とポルターガイストを使用しています。モバイル解像度のいくつかの要素を非表示にしようとしています。次に例を示します。
見る:
<th class="hidden-phone">Email</th> ....
CSS:
.hidden-phone {
display: none !important;
}
仕様:
context 'Phone', js: true do
it 'should hide some elements' do
page.driver.resize 320, 480
visit my_path
within '#members_list thead tr' do
expect(page).not_to have_content 'Email'
end
end
end
しかし、テストはパスしません:
Failure/Error: expect(page).not_to have_content 'Email'
expected content "Email" not to return anything
何が間違っている可能性がありますか? page.driver.render 要素でスクリーン ダンプを作成すると、要素が非表示になります。