複数の H2 セクションを含むページを検証する Selenium ベースのテストがあります。セクションは同じ親に属していたので、CSS セレクターを使用して予想されるテキストをアサートするのは簡単でした (私は FluentAutomation API を使用します)。
I.Expect.Text("Section Title").In("h2:nth-of-type(2)")
ページのデザインが変更されたため、H2 セクションは異なる DIV の下に配置され、それぞれが親の場合は最初の子になります。ここで、セレクター h2:nth-of-type(1) はすべての H2 セクションを選択し、h2:nth-of-type(2) は何も選択しません。
H2 セクションを選択する際に、DIV の構造に依存したくない。私が達成しようとしているのは、ページ全体で H2 タイプの n 番目の要素を選択することです。これは jQuery を使用すると簡単ですが、CSS 構文を使用すると可能ですか?