サイトプリズムのセクションに特定の種類のクラスがあるかチェックしてください

Question

ルビーでカピバラを使用し、サイトプリズムでページオブジェクトを作成しています。 のHttp要素は次のようになります。私は、このセクションのためのクラスを作成している

<section class='service-widget' id='service_id> 
    <div class='title'> ... </div> 
    <div class='content> ... </div> 
</section> 

：

class ServicesSection < SitePrism::Section 
end 

し、ページオブジェクトにセクションを追加しました：

class ServicesPage < SitePrism::Page 
    sections :services, ServicesSection, 'section[id^="service_"]' 
end 

が

この要素は折りたたむことができますその状態を示すもの（折りたたまれているかどうか）は、

から 01に変更されたクラス名です

<section class='service-widget is-closed' id='service_id> 

から

<section class='service-widget' id='service_id> 

はどのようにこの要素が崩壊（閉じた状態）、またはされていないことを見つけるには？

Answer 1

自己回答root_element[:class].include? 'is-closed'はおそらくあなたのケースでうまくいくが、クラスがis-closed-tomorrowの要素と一致するため、堅牢ではない。より堅牢なソリューションは次のようになります：

root_element.matches_css?('.is-closed', wait: false) 

Answer 2

あなたは、この要素を見つけるためのCSSセレクタを使用することができます。この「.service-widget.isクローズ」のようなものを。この要素が存在する場合、要素は閉じられます。

def closed? 
    root_element[:class].include? 'is-closed' 
end 

これは、「クローズドは」クラスの一部である場合はtrueを返します。

Answer 3

インサイドServiceSectionは、私は方法を定義しました。