Chrome DevTools の Enable paint flashing と Animation controls を使ってバグ調査 - Qiita

Chrome DevTools の Enable paint flashing と Animation controls を使ってバグ調査 - Qiita

以下のような機能を持つアプリケーションがあるとする。 ヘッダーのアイコンをクリックすると「運営者か...概要を表示 以下のような機能を持つアプリケーションがあるとする。 ヘッダーのアイコンをクリックすると「運営者からのお知らせ」を Bootstrap の popover で開く（クリックのたびに open/close がトグルする） 未読の「お知らせ」がある場合は、ログイン後に popover を自動で開く しかし機能のテストをしたところ、バグっていたとする。 未読の「お知らせ」があるのに、 popover が自動で開かない ヘッダーのアイコンをクリックしても popover を閉じられない（一瞬消えて、またすぐ開いてしまう） こういうバグの調査をするのに Chrome DevTools の Enable paint flashing と Animation controls を使ってみた。 期待する動作 バグってる状態 Chrome DevTools の Enable paint flashing と