CapybaraとRSpecを使用しているときにページ上のどの要素が表示されているかを確認

Question

RSpecとCapybaraを使ってテストしています。私はいくつかのコード行をテストするためにbinding.pryを使用しています。しかし、カピバラは私が必要とする要素を見つけることができません。セレクタとして使用できるhtml要素をリストするコマンドがありますか？

FYI、あなたはあなたのてこのセッションでpage.bodyをプリントアウトしてみてください...

Answer 1

これを行う組み込みの方法はありませんが、使用しているドライバによっては、求めているものが得られる場合があります。サポートしている実際のブラウザドライバのいずれかを使用している場合：あなたがいる場合のxpath

find("form.***").all(:xpath, './/child::*').map {|el| el['outerHTML']} 

を使用することができ、実際のブラウザでスコープのサポート：スコープ疑似クラスを使用するには無い場合

find("form.***").all(':scope > *').map {|el| el['outerHTML']} 

ような何かを行うことができますあなたはそれらがあなたの最初の発見の子であるHTML要素の配列を与え、あなたは何CLAを見るようになる

find("form.***").all('> *').map {|el| el.native.to_s } 

ような何かを行うことができ、デフォルトのラックテストドライバーを使用してsses/attributes/etcを持ち、使いやすくするためのメソッドに変えることは明らかです。これは可能ですが、Capybaraを使用する際にセレクタ内のすべての祖先を指定すると、脆弱なテストにつながる可能性があることに注意してください。ページを変更した場合、通常はカピバラ提供のセレクタを使用して特定のセレクタ可能な限り相互に作用する要素。

Answer 2

これが私の最初の質問であり、私は尋ねる前に、可能な限り調査してみました。現在のドキュメントのDOMのスナップショットを出力します。

カピバラのドキュメントは、読むのが少し難しいかもしれません。あなたが知る必要があるのは、pageis equivalent to Capybara.current_sessionです。 Capybara::Sessionインスタンスhas the method bodyは、DOMのスナップショットを保持します。