0
0

More than 1 year has passed since last update.

プルダウンの要素を開発者ツールで確認したい!

Posted at

実施したいこと

react-selectでプルダウンを作成したが、プルダウンの要素(idやclass)が分からない!
プルダウンを開いて、

をクリックすると消えてしまう
image.png

testcafeでテストしたいのにこのままではできない・・

解決策

どうすればいいんだろうと悩んでいたところ、↓の方の記事を参考にさせていただき解決できました。
https://qiita.com/QUANON/items/468738f28b7983e9e601

方法としては
image.png
コンソールのところにsetTimeout(() => { debugger }, 3000)を入れると、デバッガーが起動して、プルダウンをクリックしても要素を見放題になりました!

こうして確認できたのでid,classを使ってテストすることができます!

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0