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

💡この記事は2年以上前に執筆したものです。Protractorはサポートを終了しました。他のテストフレームワークに移行されることをおすすめいたします。
このブログではCypressを紹介しています、よければご覧ください。
ドロップダウン<select>の選択肢<option>をクリックさせたいことって、まあまああるじゃないですか。
要素の最初と最後はこんな感じで用意されているんですよ。
var firstElem = elems.first();
var lastElem = elems.last();
公式でも紹介されています。
https://www.protractortest.org/#/api?view=ElementArrayFinder.prototype.first
https://www.protractortest.org/#/api?view=ElementArrayFinder.prototype.last
これ以外の任意の選択肢、2番目や3番目の要素は.getで取得するとクリックさせることができました。
let allOptions = $$('select option');
allOptions.get(1).click(); //2ばんめの選択肢をclick
参考記事
- この記事を共有する
おすすめ記事
とろ(microayatron)
Webエンジニア(フロントエンド Angular, Next.js, TypeScript)
2017年から個人ブログ「trog」でWebアプリ開発や電子工作の記事を投稿。
あざらしと音楽が好き。元ピアノ調律師。
trogではプッシュ通知機能を提供しています。
新しい記事が投稿されたタイミングで、お使いの端末にお知らせが届きます。
通知を受け取りたい方は、通知設定で有効化できます。

