DevTools - Tips & Tricks for testing скачать в хорошем качестве

DevTools - Tips & Tricks for testing

Chrome developer tools is an amazing addition to the browser that allows you to make your webapp testing WAY more effective and efficient. This video shows you how to start using it for your daily testing routine, highlighting hidden yet helpful features. The scope of this video is only the toolbar of the Google Chrome browser. Some of the other browser's toolbars, for instance, Firefox and Safari, could behave differently and not have some of the features, but most of them should match. We are not touching any advanced topics that are mostly used by developers, like debugging JavaScript or modifying CSS. Instead, we will cover things that are helpful for any QA or developer while they perform exploratory testing of the webapp or website. Some of the things that are covered: how browser console helps you spot errors how to find an exact request that your website has made to the backend (API) without scrolling through hundreds of them how to copy your request (cURL) into Postman for extra testing how to make network and CPU slow (throttling) to get "normal user" experience how to check the order of rendering using "screenshots" feature. This helps with evaluating usability of the page. how to emulate mobile device to test for responsive (or adaptive) layout, and how to enhance it with media queries how to override geolocation to check the content (if your website supports different locations) how to override browser's user agent how to create different browser profiles to perform "speciality" testing like accessibility or performance, or to wear different user hats like "security conscious user", "normal user with no plugins/extensions", etc. Check out my other videos here:    • Learn X in Y minutes   ----------------------------------------------------------------------------------------------- ---------- Timeline ------------------------------------------------------------------- ----------------------------------------------------------------------------------------------- 0:00 - intro 0:20 - how to open dev tools 0:52 - use console to spot errors 1:34 - find the specific request 2:49 - copy request into Postman 3:28 - slow down the network (throttling) 4:22 - slow down the CPU 5:05 - screenshot strip (rendering test) 5:45 - emulate mobile devices 6:20 - show media queries 7:04 - override geolocation 8:00 - browser profiles 9:00 - summary