TestCafe現在選択されているもの以外を選択したい!【sibling】Zennこにまん📝TestCafe現在選択されているもの以外を選択したい!【sibling】2020/12/13に公開JavaScriptTypeScriptTestTestCafetech概要セレクトボックスで現在選択されているもの以外を選択したい!というのが今回実装したいことでした。テストシナリオに!セレクトボックスの選択を変更できる。いうテストシナリオがありました。テスト対象のセレクトボックスがこちら検証画面ではこのようになっています。.withText("内定")上記のコードのように勤務中以外の何かを1つ指定してやればいいか。勤務中が選択されている場合もあれば、内定が選択されている場合もあります。"現在選択されているもの以外を選択する"という処理をしないと、テストが落ちる。テストが書けていないことになります。変更できていないので、落ちる可能性があると言うことです。結論TestCafeが用意してくれているsiblingというオプションを使用します。参考:siblingsiblingsiblingは兄弟要素を指定する時に重宝します。今回実装したコードがこちら。.sibling()selectの子要素のoptionのselected(選択されている)状態の兄弟要素をクリックするという処理です。現在選択されているもの以外を選択となるわけです。上記のコードの兄弟要素は、selectedされていないoption(勤務中以外)となる。変更前に選択されているのがなんであろうと、それ以外を選んでくれるというテストが書けました。.sibling(0)のように、siblingの引数にインデックス番号を指定したりもできます。被る可能性の低い"産休・育休中"を選択するようにするか?いや、万が一、変更前の状況が"産休・育休中"ならテスト落ちる。