レスポンシブWebページの行に単一のWeb要素を使用する方法

enter image description here最新のバージョンのSelenium Webドライバを使用しています。レスポンシブなWebページには、リストWeb要素として単一のweb要素を使用して行にアクセスする方法がありますデータ。例えばレスポンシブWebページの行に単一のWeb要素を使用する方法

：私は場合

li > .csd-aabc-item > .terraVM-ResponsiveModel-container .terraVM-CompactCard

：

li > .csd-aabc-item > .terraVM-ResponsiveModel-container .terraVM-TableCard--truncated

iPhoneの解像度（HTMLにおける第二のdiv）：ブラウザ

iPadの解像度（HTMLにおける第一のdiv）でCSSを以下の@FindAllを使用して、両方のロケータのリストサイズを取得しますが、1つのみが必要です。

出典

2017-06-18 Javed Khan

あなたは部分クラスチェックを作ることができます - 例えば、terraVMで始まり、Cardを含むクラスがあることを確認します

li > .csd-aabc-item > .terraVM-ResponsiveModel-container [class^=terraVM][class*=Card]

^=手段「で始まる」、*=は「含まれている」という意味します。

あなたのページに表示されるロケータのユニークな使い方はわかりませんが、質問に記載された内容に基づいて回答してください。

出典

2017-06-18 03:51:47 alecxe

応答のために@aiecxeありがとう:) このロジックを使用すると、リストのサイズがさらに大きくなります。例：すべての行データを取得するためにリストWeb要素を使用しています（現在は4行あり、各行に名前値があります）。これは私がリストサイズを16（データごとに4、各行につき4 * 2（iPhoneとiPadの解像度））として受け取ります。 WebページをiPhoneに縮小/展開する場合、同じCSSとWeb要素が必要ですiPadの解像度私はリストのサイズを4として取得する必要があります。これが可能かどうかはわかりません。 –

@JavedKhan大丈夫、ありがとう。あなたは作業しているHTML構造を投稿してください。これは、問題を文脈に入れるのに役立ちます。 – alecxe

@aiecxeこちらを参考にしてください：https://i.stack.imgur.com/UTQeT.png –

レスポンシブWebページの行に単一のWeb要素を使用する方法

答えて

関連する問題