Lab version: 15.8.2

Last updated: 9/5/2018

Overview

In this lab, you will learn about the exploratory testing and feedback management capabilities provided in the Test & Feedback extension. You will learn about how exploratory testing (also called XT, or agile testing) has become a first-class experience in the toolset. This allows a tester to more flexibly test the underlying software without relying solely on formal test cases. You’ll also learn about how you can manage the process of eliciting and managing the customer feedback lifecycle.

Prerequisites

  • This lab requires you to complete tasks 1 and 2 from the prerequisite instructions.

Exercise 1: Exploratory Testing

Task 1: Installing the Chrome Extension

  1. Install Google Chrome from http://google.com/chrome. This lab requires Chrome to be used as the browser.

  2. Launch Chrome.

  3. Navigate to the Visual Studio Marketplace at http://marketplace.visualstudio.com.

  4. Select the Visual Studio Team Services tab. Search for “feedback” and click the Test & Feedback extension.

  5. Click on Install button on the details page.

  6. Click Install for the Chrome extension.

  7. In the Chrome Web Store, click Add to Chrome.

  8. Confirm the installation when asked.

  9. To open the extension, click the extension icon that will appear on the right of the address bar. Select the Connection Settings tab. Enter the URL of your Azure DevOps instance, such as “https://dev.azure.com/MYTEAM”, as the Server URL and click Next.

  10. The extension can be used in two modes: Connected and Standalone mode. If you have Azure DevOps or Team Foundation Server (TFS), select Connected mode. Standalone mode is for users who don’t have Azure DevOps or TFS and want to use the extension to file bugs and share the report with their team.

  11. After connecting to Azure DevOps, you will need to select the team you want these efforts associated with. Select the Parts Unlimited Team under the Parts Unlimited project and click Save to continue.

Task 2: Exploratory Testing with the Chrome Extension

  1. In Visual Studio, press F5 to build and run the Parts Unlimited project locally.

  2. To start an exploratory testing session, click the Start session button from the extension toolbar.

  3. Navigate to http://localhost:5001.

  4. In search box enter “jumper lead” and press Enter.

  5. You will see the search results as shown below.

  6. Now in the search box enter “jumper leads” and press Enter.

  7. You can see there are no search results. When you search for jumper lead it showed the results. But when you search for jumper leads it showed no results. This seems to be a bug.

  8. Click the Exploratory Testing icon button and select Capture screenshot | Browser.

  9. Select a section of the screen and change the name of the screenshot to something more descriptive. Note that there are a variety of drawing tools available to really help you get your point across. Click the Blur area button.

  10. Highlight a section of the screenshot, which will be blurred out to become illegible. This makes it easy to report bugs and create other work items without risking sensitive information. Click the Save screenshot button to add it to the current session’s timeline.

  11. Click the Add note button to start a note. Type in something insightful and click Save to save the note to the session’s timeline.

  12. You can also record screen video to capture flaky issues like flickering, abnormal behavior of the web application etc. that are difficult to capture using screenshots alone. To record your screen click the Record screen button and click Start recording.

  13. Select the appropriate screen you want to record from the Application Window tab. In this case, select the 404 page and click Share. The recording for the screen selected has started.

  14. Search for “jumper lead” and show the results. Then search for “jumper leads” and show the lack of results.

  15. Click the Stop recording button on the extension to stop recording the screen. The screen recording gets saved.

  16. Click on the View session timeline button. You can see that all the content - screenshots, notes and videos you’ve captured are available in the current session’s timeline. You can open the screenshots, read your notes or play the video from here.

Task 3: Creating Bugs with the Chrome Extension

  1. Click the Create bug icon button followed by the expanded Create bug text button.

  2. Enter “Search for jumper leads fails” as the name of the bug. All the screenshots and videos captured earlier are already a part of the bug. In addition to this the image action log (user actions) has also been inserted for you so that it’s easy for others to easily reproduce the issue. Click Save to save the bug to Azure DevOps.

  3. Another great feature of this extension is its ability to view similar bugs and thus reduce redundant issues. Let’s say you were another tester who happened to find this same bug and weren’t aware that it was already logged. Click the Create bug icon button followed by the expended Create bug text button again to start a new bug form.

  4. As you type the title “jumper leads” for the bug you will notice that the extension has detected that there is already another bug in the backlog with a similar title. Click 1 similar to view the similar bug.

  5. This bug appears to be the same as the one we were about to file, so select it and click Edit to edit the existing bug rather than to file a new bug.

  6. At this time the current repro steps are added to the image action log. In practice, you would now review the existing repro steps to determine if you located this bug using a different method, in which case you would update the contents to indicate that your method is an alternative repro. Click Save to save the bug.

  7. Click the View session timeline icon button and click the last created Bug link to open it.

  8. Now back on the Azure DevOps site, you can update the bug as needed, such as by assigning it to someone or adjusting the severity.

  9. In Chrome, end the testing session by clicking the Stop Session button.