{"id":5059,"date":"2016-12-21T07:50:03","date_gmt":"2016-12-21T12:50:03","guid":{"rendered":"https:\/\/qxf2.com\/blog\/?p=5059"},"modified":"2018-04-03T10:27:09","modified_gmt":"2018-04-03T14:27:09","slug":"browserstack-live-how-to","status":"publish","type":"post","link":"https:\/\/qxf2.com\/blog\/browserstack-live-how-to\/","title":{"rendered":"BrowserStack Live: Running manual tests on the cloud"},"content":{"rendered":"<p>Ever wanted to quickly see if you can reproduce an issue on a specific combination of browser version and operating system? In this post, we will show you how to use BrowserStack&#8217;s Live offering to test your web and mobile applications across a wide range of browser and operating systems.<\/p>\n<hr>\n<h3>Why this post?<\/h3>\n<p><a href=\"https:\/\/www.qxf2.com\/?utm_source=browserstack_live&#038;utm_medium=click&#038;utm_campaign=From%2520blog\">We<\/a> work with startups. Many times, our stakeholders want to quickly check some functionality on a specific combination of operating system, browser and browser version. Rather than have them depend on the QA\/engineering team, we find it useful to point them to BrowserStack and have them try it for themselves. We encountered this situation often enough to prepare a guide to get them started. We are sharing this guide with you in the hopes that you find it useful too.<\/p>\n<hr>\n<h3>What is BrowserStack<\/h3>\n<p>BrowserStack is a popular cloud-based cross-browser platform for testing. It lets you test your web application on different operating systems and different browsers like Google Chrome, Firefox, Opera, Safari etc. It doesn&#8217;t require you to install any virtual machines or emulators. All you need to do is:<br \/>\na) Login to BrowserStack<br \/>\nb) Choose an operating system.<br \/>\nc) Choose a browser and a browser version.<br \/>\nThat&#8217;s it! You will get access to a virtual machine that you can control through your web browser! <\/p>\n<p><strong>NOTE:<\/strong> BrowserStack is a <a href=\"https:\/\/www.browserstack.com\/pricing\">paid service<\/a>. However, they do offer a <a href=\"https:\/\/www.browserstack.com\/users\/sign_up\">free trial<\/a> in case you want to try them out.<\/p>\n<hr>\n<h3>Why we use BrowserStack at Qxf2<\/h3>\n<p>Maintaining infrastructure for cross-browser testing is *hard*. You need to maintain physical servers, virtual machines, different operating systems, emulators, different versions of different browsers, continuously adapt to an ever-changing list of different mobile devices, etc. The maintenance work is an extra overhead on our testers and takes away time from what our testers do well \u2013 thinking and testing software.<\/p>\n<p>Our BrowserStack account has two parts:<br \/>\n1. <strong>BrowserStack Automate<\/strong>: Where we run our automation.<br \/>\n2. <strong>BrowserStack Live:<\/strong> Where you can run tests manually on a large set of browser and operating system combinations.<\/p>\n<p>We have written <a href=\"https:\/\/qxf2.com\/blog\/category\/browserstack\/\">a lot<\/a> about using BrowserStack for automation. In this post, we will cover how you can use BrowserStack for your manual tests.<\/p>\n<hr>\n<h3>Test on any Browser, OS combination<\/h3>\n<p>This is a step by step guide for using BrowserStack Live. To follow along, you need to sign up for a <a href=\"https:\/\/www.browserstack.com\/users\/sign_up\">free account<\/a>.<\/p>\n<p><strong>STEP 1: Login to BrowserStack<\/strong><br \/>\nURL: <a href=\"https:\/\/browserstack.com\">https:\/\/browserstack.com<\/a><br \/>\nusername: userID<br \/>\npassword: password<\/p>\n<p><strong>STEP 2: Click on the &#8220;Live&#8221; tab<\/strong> <\/p>\n<p><a href=\"https:\/\/qxf2.com\/blog\/wp-content\/uploads\/2016\/12\/bs_live-1.png\" data-rel=\"lightbox-image-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/qxf2.com\/blog\/wp-content\/uploads\/2016\/12\/bs_live-1-300x101.png\" alt=\"bs_live\" width=\"600\" height=\"202\" class=\"alignnone size-medium wp-image-5086\" srcset=\"https:\/\/qxf2.com\/blog\/wp-content\/uploads\/2016\/12\/bs_live-1-300x101.png 300w, https:\/\/qxf2.com\/blog\/wp-content\/uploads\/2016\/12\/bs_live-1-768x259.png 768w, https:\/\/qxf2.com\/blog\/wp-content\/uploads\/2016\/12\/bs_live-1.png 923w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p><strong>STEP 3: Choose which ever combination of OS and Browser you like <\/strong><br \/>\n<a href=\"https:\/\/qxf2.com\/blog\/wp-content\/uploads\/2016\/12\/bs_choose_os_browser.png\" data-rel=\"lightbox-image-1\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/qxf2.com\/blog\/wp-content\/uploads\/2016\/12\/bs_choose_os_browser-300x148.png\" alt=\"bs_choose_os_browser\" width=\"600\" height=\"296\" class=\"alignnone size-medium wp-image-5087\" srcset=\"https:\/\/qxf2.com\/blog\/wp-content\/uploads\/2016\/12\/bs_choose_os_browser-300x148.png 300w, https:\/\/qxf2.com\/blog\/wp-content\/uploads\/2016\/12\/bs_choose_os_browser-768x379.png 768w, https:\/\/qxf2.com\/blog\/wp-content\/uploads\/2016\/12\/bs_choose_os_browser-1024x506.png 1024w, https:\/\/qxf2.com\/blog\/wp-content\/uploads\/2016\/12\/bs_choose_os_browser.png 1920w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p><strong>STEP 4: Enjoy!<\/strong><br \/>\nYou can now test away on this newly launched VM with the browser and operating system of your choice.<br \/>\n<a href=\"https:\/\/qxf2.com\/blog\/wp-content\/uploads\/2016\/12\/bs_live_browser.png\" data-rel=\"lightbox-image-2\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/qxf2.com\/blog\/wp-content\/uploads\/2016\/12\/bs_live_browser-300x160.png\" alt=\"bs_live_browser\" width=\"600\" height=\"320\" class=\"alignnone size-medium wp-image-5081\" srcset=\"https:\/\/qxf2.com\/blog\/wp-content\/uploads\/2016\/12\/bs_live_browser-300x160.png 300w, https:\/\/qxf2.com\/blog\/wp-content\/uploads\/2016\/12\/bs_live_browser-768x411.png 768w, https:\/\/qxf2.com\/blog\/wp-content\/uploads\/2016\/12\/bs_live_browser-1024x548.png 1024w, https:\/\/qxf2.com\/blog\/wp-content\/uploads\/2016\/12\/bs_live_browser.png 1920w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p><strong>STEP 5: Remember to &#8216;Stop&#8217; the VM once you are done!<\/strong><br \/>\n<a href=\"https:\/\/qxf2.com\/blog\/wp-content\/uploads\/2016\/12\/bs_stop_vm.png\" data-rel=\"lightbox-image-3\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/qxf2.com\/blog\/wp-content\/uploads\/2016\/12\/bs_stop_vm.png\" alt=\"bs_stop_vm\" width=\"100\" height=\"270\" class=\"alignnone size-full wp-image-5067\" \/><\/a><\/p>\n<hr>\n<p>And that is how you can use BrowserStack to perform cross-browser and cross-platform testing. Several of our clients, especially the business folk, have found this document useful. For example, customer success professionals use BrowserStack Live because it enables them to quickly test on the exact combination of OS and browser that their client called about. And sales folk love using it to demo compatibility in highly locked down environments. We hope you and your colleagues enjoy these benefits too.<\/p>\n<p><strong>If you liked what you read, know more <a href=\"https:\/\/qxf2.com\/blog\/about-qxf2\/\">about Qxf2<\/a>.<\/strong><\/p>\n<hr>\n","protected":false},"excerpt":{"rendered":"<p>Ever wanted to quickly see if you can reproduce an issue on a specific combination of browser version and operating system? In this post, we will show you how to use BrowserStack&#8217;s Live offering to test your web and mobile applications across a wide range of browser and operating systems. Why this post? We work with startups. Many times, our [&hellip;]<\/p>\n","protected":false},"author":15,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[40,15,61],"tags":[122,126,124,125],"class_list":["post-5059","post","type-post","status-publish","format-standard","hentry","category-browserstack","category-how-to","category-testing","tag-browserstack-live","tag-cloud","tag-manual","tag-testing"],"_links":{"self":[{"href":"https:\/\/qxf2.com\/blog\/wp-json\/wp\/v2\/posts\/5059","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qxf2.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qxf2.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qxf2.com\/blog\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/qxf2.com\/blog\/wp-json\/wp\/v2\/comments?post=5059"}],"version-history":[{"count":35,"href":"https:\/\/qxf2.com\/blog\/wp-json\/wp\/v2\/posts\/5059\/revisions"}],"predecessor-version":[{"id":10991,"href":"https:\/\/qxf2.com\/blog\/wp-json\/wp\/v2\/posts\/5059\/revisions\/10991"}],"wp:attachment":[{"href":"https:\/\/qxf2.com\/blog\/wp-json\/wp\/v2\/media?parent=5059"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qxf2.com\/blog\/wp-json\/wp\/v2\/categories?post=5059"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qxf2.com\/blog\/wp-json\/wp\/v2\/tags?post=5059"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}