๐Ÿ„

BrowserStack

Overview

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.

image

Window Resizing, Orientation, and Switching Browsers

Testing Options/Suggestions:

  • 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
  • Orientation
  • 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.

    image
  • 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.