🖥

vue-multiselect に対して Playwirght でマルチセレクトのテストをする

2024/04/18に公開

Playwrightのテスト例

  • 入力欄をクリックして選択肢を表示する
  • 何かマルチセレクトでラベルを選ぶ

という手順でテストできた

await page.locator('.multiselect__placeholder').click()
await page.click('li[role="option"]:has-text("選択肢のテキスト")')

たどり着いた方法

vue-multiselectのあるページのHTMLを見ると色々とclassが割り振られているので、これを使った
他ではこれと思う指定をしても要素が not visible とか言われてうまくいかないケースも多かった

image

参考

https://zenn.dev/yutaroshimamura/scraps/ba88d33c09d4ce

チャットメンバー募集

何か質問、悩み事、相談などあればLINEオープンチャットもご利用ください。

https://line.me/ti/g2/eEPltQ6Tzh3pYAZV8JXKZqc7PJ6L0rpm573dcQ

プロフィール・経歴

https://github.com/YumaInaura/YumaInaura

公開日時

2024-04-12

Discussion