Things to keep in mind before creating a new bug report

*If you are new to Testlio, it might be useful to give a go at reproducing some issues before creating your own.

*Before creating your bug report, make sure that your bug isn't a duplicate. See how to look for duplicates.

Now that you are ready to report your bug, think of: 

The Problem – Keep your eye on the prize, or in this case, the reason you’re writing a bug report in the first place. Make sure your title and description are focused on that problem, and not the less important details.

Length – Detail is appreciated, but leaving a wall of text about an issue makes it harder to follow and understand. Keep your report short, simple, and focused!

Proof – Some bugs only exist on one platform or OS, some can’t be reproduced at all. Make sure to include screenshots, videos, and logs so we can confirm what happened.

Related Issues – Are there other actions that could cause the same problem? Are they relevant to mention in your report?

Creating a bug report with Testlio

The following is our preferred format for a bug report. Here are some guidelines and tips to help you succeed on our platform!

1. Title: [Profile] Uploaded photos are rotated sideways

  • Between the [ ] brackets, first specify what section of the app the bug was found. Be specific!
  • Follow the brackets with a short description of the problem 

2. Severity of a bug:

a) High/Critical: anything that totally blocks the use of the app or has significant negative effect to normal user flow. See examples below 

  • [Login]User is not able to sign in after restoring the network. 
  • [Chat] App crashes and user is logged out after unfriending user and sending a message

b) Medium: anything that will have a heavily negative effect on the user experience in general would be medium. See examples below 

  • [Notification Stream] New private message notification stays in stream even when user has read the message
  • [Sign in] App freezes after tapping Next button to Sign In and twice changing the device orientation

c) Minor: anything else (typos, missing icons, layout issues etc.) See examples below 

  • [Calendar] The background of 'Delete' confirmation window becomes blank (white) after restoring the app from background.
  •  [Game] When entering name to a new game the text cursor is not shown clearly on screen


3. Environment details. 

In this section, we’re looking for details about your testing environment. 

List your device, operating system, app version, browser version, and internet connection, depending on relevance.

When you click to create a new issue you will see a similar template:

4. Steps to Reproduce

List your exact steps to reproduce the issue, and don’t skip any steps!

  • Use the ‘>’ symbol to signal navigating from one step to the next
  • Keep it simple and easy to follow!

What NOT to do

Steps to reproduce:

  1. Open app
  2. Log in with valid credentials
  3. Tap on Settings
  4. On the displayed options select Profile
  5. Tap on Edit in the top right corner
  6. Tap on Profile Image
  7. Select an image saved on phone
  8. Select Upload
  9. Tap on Save Changes

Simplified! (Here's how to do it)

Steps to reproduce:

  1. Settings > Profile > Edit
  2. Change Profile picture > Save

5. Expected Result

In shorthand, write down what should be happening in this situation

 

6. Actual Result

Here is where you record the problematic behaviour. What’s broken?

 

7. Attachments

We require attachments with every bug report! Not everything is reproducible on every device or environment, so it’s extremely important to include proof and detailed documentation of how the bug is occurring on your end. 


Attachment naming

Use only letters, numbers and underscores in attachment file names. 

General naming convention should be: 

  • <issue number>_<attachment type>.<file extension>
  • For example: 38744_screenshot.png or 38744_log.txt


Visual bugs (UI)

Screenshot:

  • Visual bugs that are stationary are often easy to display with a screenshot which highlights the problematic behaviour


Functionality issue

For issues that are to do with how the application functions, we require two attachments with every bug report.

Video: 

  • Many visual bugs happen when switching between screens, or need motion to be understood. When this is the case, screenshots are not sufficient. 
  • Video has to be in .mp4 format and under 10mb
  • Make the video as short as possible, but make sure to include important reproducing steps (e.g, if the issue is not related to logging in, do not include logging in in the video). 
  • If you’re running iOS 8 or below, try using Shou or Airplay to record your screen. Airserver is the best option for current iOS versions, but it has to be purchased. Using another device to record video may be the easiest option if you’re having issues with software!On Android, we suggest Rec. or Mobizen
  • See articles about how to record videos for your device.

Logs: 

  • Logs are mandatory for reporting crashes
  • Logs allow developers to dig deep into the root of the issue to see exactly what went wrong on your device. Many crashes and errors are not easy to reproduce. Without a crash or console log, your report will not provide much value. 
  • Retrieving iOS logs: iOS Console. Retrieving Windows logs: iTools. Retrieving Android logs: Tutorial
  • See articles about retrieving logs
  • NB! In some specified cases, you need to use Charles log files. In such a case this will be communicated in Project details. This guide can be found here.


Think you've got the hang of it? Double check by taking a look at an example of a good bug report.

Did this answer your question?