You don't have access to the source code and want to inspect elements like HTML5 validation error messages, Wait icon, dynamic search list, or for that matter any disappearing element in your browser that disappears when your mouse moves away?
There are many ways to do that but using below we should be able to capture most of those kinds of disappearing elements/scenarios:
- Open Chrome
- Go to that page where you would like to inspect the disappearing element
- Open dev tools (F12)
- Select the "Sources" tab
- While the element you want is displayed, press F8. This should halt the script execution by freezing the DOM (Paused in debugger mode)
- As the DOM is in the frozen state, now we should be able to hover/select that element to inspect that.
#smallAndOldTip #TipsAndTricks #testAutomation #devTools
Comments
Post a Comment