【Protractor】要素の2番目や3番目をクリックする

2020/03/13

💡この記事は２年以上前に執筆したものです。Protractorはサポートを終了しました。他のテストフレームワークに移行されることをおすすめいたします。

このブログではCypressを紹介しています、よければご覧ください。

ドロップダウン<select>の選択肢<option>をクリックさせたいことって、まあまああるじゃないですか。

要素の最初と最後はこんな感じで用意されているんですよ。

  var firstElem = elems.first();
  var lastElem = elems.last();

公式でも紹介されています。

これ以外の任意の選択肢、２番目や３番目の要素は.getで取得するとクリックさせることができました。

  let allOptions = $$('select option');
  allOptions.get(1).click();  //2ばんめの選択肢をclick

参考記事

この記事を共有する

おすすめ記事

とろ（microayatron）

Webエンジニア（フロントエンド Angular, Next.js, TypeScript）
2017年から個人ブログ「trog」でWebアプリ開発や電子工作の記事を投稿。
あざらしと音楽が好き。元ピアノ調律師。

trogではプッシュ通知機能を提供しています。

新しい記事が投稿されたタイミングで、お使いの端末にお知らせが届きます。

よければ通知設定ページから通知の許可をお願いします。