BrowserStack is an invaluable tool that helps us run tests for QA. The program itself runs replicas of devices, operating systems, and browsers that we might not actually have. Using this tool lets us see how the things we build function on these various platforms.
To use BrowserStack for QA, refer to the procedure: QA a Website with BrowserStack
Important: Make sure you refer to the Browser Testing List in the project's Dev Notes for a particular Client or Project. Sometimes the agreed-upon browsers for a particular project may be different than our standard set of browsers, so always pay attention if there are any differences for a specific project.
When not to use BrowserStack:
BrowserStack is a supplemental tool for testing and does not run quite as fast or as smoothly as the actual device or browser. So, if you have a device or a mobile device that is in one of the four categories listed and runs the most up-to-date software, we recommend that you use that to test instead of BrowserStack.This example below shows that the device is a Mac with the most recent operating system version and is equipped with the three main browsers tested. In this case, the tester would use their computer to QA instead of BrowserStack.
Window Resizing, Orientation, and Switching Browsers
- Window Resizing You can re-size the window for desktop browsers as you would normally to see how the browser responds to different screen sizes. This is not necessary for mobile devices as the screen size stays the same
- Switching browsers You can also use the "switch" button inside the toolbar screenshot above to change to a different browser or device once you are finished testing on a specific browser.
For mobile devices - take note of the toolbar that appears inside your browser - you can use the Turning arrow icon to change the orientation of the device (from landscape to portrait or vice versa) to help test how things display in both orientations. There may be dramatic differences between how the item you are testing treats both.