{"id":10482,"date":"2015-11-18T08:40:00","date_gmt":"2015-11-18T08:40:00","guid":{"rendered":"https:\/\/blogs.msdn.microsoft.com\/visualstudioalm\/2015\/11\/18\/announcing-easy-to-use-browser-based-exploratory-testing-for-visual-studio-team-services\/"},"modified":"2022-08-02T04:46:19","modified_gmt":"2022-08-02T12:46:19","slug":"announcing-easy-to-use-browser-based-exploratory-testing-for-visual-studio-team-services","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/devops\/announcing-easy-to-use-browser-based-exploratory-testing-for-visual-studio-team-services\/","title":{"rendered":"Announcing easy to use browser-based exploratory testing for Visual Studio Team Services"},"content":{"rendered":"<p>Today\u2019s faster application cycle times beg test tools that are easier to use and that are always available in the environment you are working in -and the Microsoft Exploratory Testing delivers this.\u00a0 The new Exploratory Testing extension makes it easy for you document your exploratory test, capture and annotate screen shots of these tests, file bugs, test smart devices while working across sessions and resilient to browser crashes.\u00a0<\/p>\n<p>With all these features it sounds like it might be difficult to get started- but nothing could be further from the truth and you will be creating Exploratory Tests in four easy steps!<\/p>\n<p>If you want to see these steps in action please\u00a0check out the Channel9 video at: <a href=\"https:\/\/channel9.msdn.com\/Series\/Test-Tools-in-Visual-Studio\/Browser-based-Exploratory-Testing-in-Visual-Studio-Team-Services\">https:\/\/channel9.msdn.com\/Series\/Test-Tools-in-Visual-Studio\/Browser-based-Exploratory-Testing-in-Visual-Studio-Team-Services<\/a><\/p>\n<h2>So lets gets started!<\/h2>\n<p>\u00a0<\/p>\n<ol>\n<li>### Download the browser extension.<\/li>\n<\/ol>\n<p>Navigate to the all new Visual Studio market place: <a href=\"https:\/\/marketplace.visualstudio.com\/?preview=true\" title=\"https:\/\/marketplace.visualstudio.com\/?preview=true\">https:\/\/marketplace.visualstudio.com\/<\/a>\u00a0<\/p>\n<p><img decoding=\"async\" style=\"padding-top: 0px;padding-left: 0px;padding-right: 0px;border-width: 0px\" title=\"image\" src=\"https:\/\/devblogs.microsoft.com\/devops\/wp-content\/uploads\/sites\/6\/2015\/11\/2577.image_406CC531.png\" alt=\"image\" width=\"489\" height=\"388\" border=\"0\" \/><\/p>\n<p>Select the new Exploratory Testing Extension download page <a href=\"https:\/\/marketplace.visualstudio.com\/items\/ms.vss-exploratorytesting-web\" title=\"https:\/\/marketplace.visualstudio.com\/items\/ms.vss-exploratorytesting-web\">https:\/\/marketplace.visualstudio.com\/items\/ms.vss-exploratorytesting-web<\/a><\/p>\n<p><img decoding=\"async\" style=\"padding-top: 0px;padding-left: 0px;padding-right: 0px;border-width: 0px\" title=\"image\" src=\"https:\/\/devblogs.microsoft.com\/devops\/wp-content\/uploads\/sites\/6\/2015\/11\/0511.image_74A0EE77.png\" alt=\"image\" width=\"540\" height=\"433\" border=\"0\" \/><\/p>\n<h3>2&#46;\u00a0 Install the Exploratory Testing Extension.\u00a0<\/h3>\n<p>Installing the Exploratory Testing extension is as easy as one click\u2026no really it is just that easy!<\/p>\n<p><img decoding=\"async\" style=\"border-width: 0px\" title=\"image\" src=\"https:\/\/devblogs.microsoft.com\/devops\/wp-content\/uploads\/sites\/6\/2015\/11\/6266.image_thumb_7EACD25A.png\" alt=\"image\" width=\"669\" height=\"464\" border=\"0\" \/><\/p>\n<p><img decoding=\"async\" style=\"border-width: 0px\" title=\"image\" src=\"https:\/\/devblogs.microsoft.com\/devops\/wp-content\/uploads\/sites\/6\/2015\/11\/4743.image_thumb_2BC1BF29.png\" alt=\"image\" width=\"683\" height=\"496\" border=\"0\" \/><\/p>\n<p>\u00a0<\/p>\n<h3>3&#46;\u00a0 Connect Exploratory Testing<\/h3>\n<p>In the Chrome extension toolbar select the Exploratory Testing button.<\/p>\n<p><img decoding=\"async\" style=\"border-width: 0px\" title=\"image\" src=\"https:\/\/devblogs.microsoft.com\/devops\/wp-content\/uploads\/sites\/6\/2015\/11\/0005.image_thumb_71D9AF6E.png\" alt=\"image\" width=\"520\" height=\"245\" border=\"0\" \/><\/p>\n<p><img decoding=\"async\" style=\"border-width: 0px\" title=\"image\" src=\"https:\/\/devblogs.microsoft.com\/devops\/wp-content\/uploads\/sites\/6\/2015\/11\/4477.image_thumb_6B2E9276.png\" alt=\"image\" width=\"485\" height=\"536\" border=\"0\" \/><\/p>\n<p>The first time you launch the Exploratory Testing extension you may be prompted for the Visual Studio Team Services account you want to use.<\/p>\n<p>Supply that account name and log in.<\/p>\n<p>If you are not prompted but a given a choice of Team Projects it is due to the Chrome already has a connection to your Visual Studio Team Services account.<\/p>\n<p>\u00a0<\/p>\n<h3>4&#46; Explore and Test!<\/h3>\n<p>While Exploratory Testing is certainly easy enough just to start with there are a couple of area\u2019s worth calling out that you will want to try:<\/p>\n<ul>\n<li>Annotating Images<\/li>\n<li>Cross browser tab and browser instances<\/li>\n<li>Device Testing<\/li>\n<\/ul>\n<p>\u00a0<\/p>\n<h2>Annotating Images<\/h2>\n<p>Exploratory Testing makes it simple to capture and edit images with a shape, arrow, text and blur tools.<\/p>\n<p>Additionally if you have your own favorite tool you can add\/capture and annotate your own images by pasting them into the live exploratory test session.<\/p>\n<p>\u00a0<\/p>\n<p><img decoding=\"async\" style=\"border-width: 0px\" title=\"image\" src=\"https:\/\/devblogs.microsoft.com\/devops\/wp-content\/uploads\/sites\/6\/2015\/11\/4265.image_thumb_7E473A24.png\" alt=\"image\" width=\"568\" height=\"455\" border=\"0\" \/><\/p>\n<p><img decoding=\"async\" style=\"border-width: 0px\" title=\"image\" src=\"https:\/\/devblogs.microsoft.com\/devops\/wp-content\/uploads\/sites\/6\/2015\/11\/7658.image_thumb_2232E54A.png\" alt=\"image\" width=\"584\" height=\"631\" border=\"0\" \/><\/p>\n<h2>\u00a0<\/h2>\n<h2>Cross browser tab and browser instances<\/h2>\n<p>There are many scenarios where users will open new tabs and Chrome instances during their application usage and Exploratory Testing easily handles these scenarios.\u00a0 Notice in the two browsers below, while i started my exploratory test session in the PartsUnlimited Application I can still continue the timeline from within Visual Studio Team Services.<\/p>\n<p><img decoding=\"async\" style=\"border-width: 0px\" title=\"image\" src=\"https:\/\/devblogs.microsoft.com\/devops\/wp-content\/uploads\/sites\/6\/2015\/11\/5140.image_thumb_283F4225.png\" alt=\"image\" width=\"508\" height=\"315\" border=\"0\" \/><\/p>\n<p>Note: if you want to do Exploratory Testing during an incognito session you will need to change the default Chrome settings for that extension.\u00a0 See image below:<\/p>\n<p>\u00a0<img decoding=\"async\" style=\"border-width: 0px\" title=\"image\" src=\"https:\/\/devblogs.microsoft.com\/devops\/wp-content\/uploads\/sites\/6\/2015\/11\/2273.image_thumb_5BEB9A9D.png\" alt=\"image\" width=\"757\" height=\"268\" border=\"0\" \/><\/p>\n<h2>Device Testing<\/h2>\n<p>The world is full of a myriad of smart devices and it makes sense you will want to see what your application looks like on these devices.<\/p>\n<p>Partnering with, one of the best mobile test companies in the world, Perfecto Mobile you can easily use Exploratory Testing to see and test your application \u2013while it is is running on one of these devices.<\/p>\n<p>To get started you will need to click on the \u201cdevice\u201d menu of Exploratory Testing.<\/p>\n<p><img decoding=\"async\" style=\"border-width: 0px\" title=\"image\" src=\"https:\/\/devblogs.microsoft.com\/devops\/wp-content\/uploads\/sites\/6\/2015\/11\/1856.image_thumb_42839763.png\" alt=\"image\" width=\"382\" height=\"436\" border=\"0\" \/><\/p>\n<p>This will prompt for your Perfectomobile account details.<\/p>\n<p>If you don\u2019t have one yet please visit:<\/p>\n<p><a href=\"http:\/\/www.perfectomobile.com\/offer\/begin-your-free-trial\" title=\"http:\/\/www.perfectomobile.com\/offer\/begin-your-free-trial\">http:\/\/www.perfectomobile.com\/offer\/begin-your-free-trial<\/a>\u00a0<\/p>\n<p><img decoding=\"async\" style=\"border-width: 0px\" title=\"image\" src=\"https:\/\/devblogs.microsoft.com\/devops\/wp-content\/uploads\/sites\/6\/2015\/11\/1462.image_thumb_5708E6E1.png\" alt=\"image\" width=\"383\" height=\"450\" border=\"0\" \/><\/p>\n<p>Now you can test on hundreds of devices in the Perfectomobile public cloud!<\/p>\n<p><img decoding=\"async\" style=\"border: 0px\" title=\"image\" src=\"https:\/\/devblogs.microsoft.com\/devops\/wp-content\/uploads\/sites\/6\/2015\/11\/0412.image_thumb_502FBABC.png\" alt=\"image\" width=\"573\" height=\"355\" border=\"0\" \/><\/p>\n<p>\u00a0<\/p>\n<p>\u00a0<\/p>\n<p>\u00a0<\/p>\n<p>\u00a0<\/p>\n<h3>Congratulations you have now completed exploratory testing of your application from a browser (and devices!), all from one simple to use extension.<\/h3>\n","protected":false},"excerpt":{"rendered":"<p>Today\u2019s faster application cycle times beg test tools that are easier to use and that are always available in the environment you are working in -and the Microsoft Exploratory Testing delivers this.\u00a0 The new Exploratory Testing extension makes it easy for you document your exploratory test, capture and annotate screen shots of these tests, file [&hellip;]<\/p>\n","protected":false},"author":63,"featured_media":45953,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-10482","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-devops"],"acf":[],"blog_post_summary":"<p>Today\u2019s faster application cycle times beg test tools that are easier to use and that are always available in the environment you are working in -and the Microsoft Exploratory Testing delivers this.\u00a0 The new Exploratory Testing extension makes it easy for you document your exploratory test, capture and annotate screen shots of these tests, file [&hellip;]<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/posts\/10482","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/users\/63"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/comments?post=10482"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/posts\/10482\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/media\/45953"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/media?parent=10482"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/categories?post=10482"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/tags?post=10482"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}