LambdaTestVisual User Interface Testing ● Mark As Bug In Screenshot Testing

Mark As Bug In Screenshot Testing

Now, you can avoid the hassle of capturing a screenshot, annotating the same before you finally share them with a teammate by logging onto a respective tool for creating a task. LambdaTest does it all for you.
Mark as Bug is a feature that would help you to highlight any UI observation from your test sessions on LambdaTest and share the same with your colleagues on their favourite project management/ bug tracking tools such as Jira, Trello, Hive, Paymo etc. You can choose the assignee who handles your reported task, or bug. You can even mention the description to help them understand your point better. You can do all that while testing on LambdaTest, without having to hop on to any other platform or tool.

Note: Mark as Bug feature is not restricted to any particular feature at LambdaTest. In other words, every type of testing that you perform on LambdaTest will have mark as bug embedded in it. Below are various types of testing that we offer at LambdaTest.

  • Real Time Testing: To help you test your web-app with live interaction by running it on VMs hosted by LambdaTest cloud server.
  • Screenshot Testing: Automated bulk screenshot testing on 25(browsers + OS) combination in a single test session.
  • Responsive Testing: Perform cross browser testing across a variety of mobile & desktop devices to ensure your website renders well across different view-ports. Run resposive testing on 46 devices in a single test session.
  • Automation Testing: Perform automated cross browser testing with our on-cloud Selenium Grid. You can execute parallel testing to trim down your test cycles drastically. Our Selenium Grid supports is compatible with every test automation framework that supports Selenium.
  • Smart UI Testing: Automated visual regression testing that performs a pixel-to-pixel comparison between multiple images & highlights any UI deviations such as padding, icon, text, etc with respect to the baseline images.

Did You Know?

LambdaTest offers more than 2000 real browsers and browser versions on every type of testing so you could maximize test coverage of your cross browser testing.

How Can I Mark As Bug While Screenshot Testing?

Note: Below is a demonstration of marking a bug from Screenshot testing.

Step 1: Go to Screenshot testing from the left navigation menu, select your desired browser to test from and hit the Capture button.

    Screenshot Testing Image

Step 2: Once you hit the Capture button. You will find a message on top indicating that the screenshot test has begun.

    Screenshot Testing Image

Step 3: Once the screenshot testing is complete. You will have all the screenshots categorized by browsers which were selected from your input. Double-click on any screenshot that you may want to validate.

    Screenshot Testing Image

Step 4: As you double-click on any screenshot, an image editor will pop up with various buttons to help you highlight and annotate your UI observation before sharing the screenshot with your colleagues.

  • You can highlight the bug through different shapes like square, rectangular, circular or you can even underline. Environment details of the test will be presented at the bottom-left on the image editor.
  • Screenshot Testing Image

  • You can also scribble the bug using the pencil icon & can add text for annotating the screenshot with the help of text button.
  • Screenshot Testing Image

  • Choose from a variety of colors for to make the bug more noticeable.
  • Screenshot Testing Image

  • The erasor icon highlighted below will help you to erase any unwanted highlights.
  • Screenshot Testing Image

  • If you have got too much to erase, then the last button at the bottom will do the job for you. It will help you undo any unwanted change in the screenshot.
  • Screenshot Testing Image

Step 4: Once you are done annotating the screenshot, you need to click on the Mark as Bug button at the bottom-right of the image editor.

    Screenshot Testing Image

Pushing Bugs To Third Party Tools

LambdaTest provides integration with various 3rd party applications to help you collaborate with your teammates easily as you perform cross browser testing on our cloud-based platform. “Mark as Bug” button will help you to instantly push your edited screenshot to your integrated workspace. You can integrate with the below mentioned 3rd party tools.

We are constantly adding more integration to our platform. If you use some other tool, don’t hesitate in sharing it with us! Just drop a message through chat & we’ll bring it here on our platform for you.

As you click on “Mark as Bug” button an integration specific form would open up. Fill the fields as per your requirement. For instance, if you have installed LambdaTest + Asana integration then you can fill the below represented fields.

  • You can select which workspace should the task go under.
  • You can specify which project should the task be placed under.
  • You can select the assignee for that particular task.
  • You can also provide a summary to help you organize & easily identify your tasks.
  • You also get to post a description in the description field to help relate the cause of the issue or the card.

Screenshot Testing Image

All the fields you populate, will be directly reflected in your respective project based upon the integration you have configured with your LambdaTest account. In above case, the changes would be reflect on the respective Asana instance.

Got any questions?
Feel free to share them with our 24×7 chat support or you can drop a mail on [email protected]. Happy testing!