Integrating Slack with BrowserStack

Integrate Slack with BrowserStack to easily file bugs.

Introduction

The BrowserStack Slack integration allows you to share bugs with your colleagues while you are testing your web app on the BrowserStack platform. Our integration automatically adds all the metadata about the platform you are testing on, including:

  • Browser and Browser Version
  • OS and OS Version
  • Device
  • Screen Resolution

We additionally allow you to annotate screenshots and send the message to Slack.

This guide will help you:

  1. Integrate your Slack account with BrowserStack.
  2. Report bugs to Slack while testing on BrowserStack.
  3. Manage your Slack integration

Integrating Slack with Browserstack

Integration of Slack in Browserstack has been kept to a simple one-click process.

Step 1: Once you start your testing process from the Live dashboard, click on the Report Bug button to start the Integration process.

GitHub-integration-step-1

Step 2: Click on the Integrate with Slack button.

GitHub-integration-step-2

Step 3: Click on Authorize to give permission to BrowserStack to post messages for you on Slack.

Slack-integration-step-3

Reporting a bug through Slack

Once the integration of Slack with BrowserStack is completed, you can start filing issues and bugs as messages in Slack.

Step 1: Once you find a bug in your testing process, click on the Report Bug button in the toolbox to file the bug in Slack.

GitHub-report-bug-step-1

Step 2: Provide annotation to the screenshot by using the Annotation Toolbar at the top.

Slack-report-bug-step-2

Step 3: Enter the channel name or the username whom you want to send the details of the bug. Additionally, you can fill in a description as well to personalize the message as per your need. Once the details of the bug are filled in, click on Create Issue to send across the message on Slack.

Slack-report-bug-step-3

Manage your Slack Integration

You can easily manage your Slack integration by going to the Integrations page available in the Account section.

GitHub-integration-manage-step-1

The Integrations page will be your central place to manage your different integrations. If you are using a bug filing tool which we do not support currently, you can suggest the same in the Suggestion Box available at the bottom of the Integrations page.

GitHub-integration-manage-step-2-2x