🍄

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.

If you have to do hardcore testing with a particular platform you don’t have a matching physical device for, please consider purchasing a device through the company. We are happy to expand our suite of hardware to test on and the cost is typically balanced out by time savings and efficiency of testing outside of emulated environments.

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.