Skip to main content
No Result Found

Integrate Microsoft Teams with App Percy

Configure Microsoft Teams to receive App Percy notifications

The App Percy and Microsoft Teams integration enables you to view the notifications of your visual tests within Microsoft Teams. With this integration, you can configure unlimited connections between Microsoft Teams channels and App percy projects. You can also specify what kinds of notifications you want to receive for each connection.

Generate an Incoming Webhook URL

To integrate Microsoft Teams with App Percy, we use an Incoming Webhook URL to enable communication between these two applications. Follow these steps to generate an Incoming Webhook URL:

  1. Open the Microsoft Teams dashboard.
  2. Click the three dots (More added apps) on the left pane and search for incoming webhook in the search field.
  3. Click Add next to Incoming Webhook in the search results. Percy-MS Teams Integration - Add incoming webhook
  4. Click Add to a team. Percy-MS Teams Integration - Add to a team
  5. Select the team which should receive the App Percy build notifications in the Type a team or channel name field, and then click Set up a connector. Percy-MS Teams Integration - Set up connector
  6. Enter a name for the Incoming Webhook. Optionally, upload a custom image for the webhook. Percy-MS Teams Integration - Incoming webhook
  7. Click Create. The webhook is created.
  8. Copy the generated URL. You use it to integrate Microsoft Teams with App Percy. Percy-MS Teams Integration - Copy generated URL
  9. Click Done.

Integrate a Microsoft Teams channel with App Percy

The next step is to integrate Microsoft Teams with App Percy. To do that, follow these steps:

  1. Go to the Integrations page, and click Connect for Microsoft Teams. You’ll be directed to a Microsoft Teams authorization page giving App Percy permission to connect to a Microsoft Teams channel.
    NOTE: To authorize Microsoft Teams, you must both be an admin of your Percy organization and have permission within your Microsoft Teams workplace to install apps. Check your workspace permissions settings. Percy-MS Teams Integration - Connect
  2. Click Add Microsoft Teams Channel. Enter the generated Webhook URL and specify a channel/team name present on Microsoft Teams.
    NOTE: It is recommended to use the same channel/team name which you used to add Incoming Webhook in Microsoft Teams. Percy-MS Teams Integration - Add Teams channel
  3. Edit the configuration according to your requirements and save your changes. Percy-MS Teams Integration - Edit configurations

Supported notifications:

You can choose to receive different notifications for a App Percy build in Microsoft Teams. The following is the list of notifications that are currently supported:

  • Unreviewed and Changes requested: Get notifications when builds with the status “Unreviewed” or “Changes requested” have completed processing. These alerts will automatically update whenever the status of the related build changes. This is the default selection.
  • No changes: Get notifications when builds finish with no visual changes.
  • Auto-approved: Get notifications when builds are auto-approved from your auto-approved branches.
  • Approved: Get information about the person who approves a build and the corresponding PR details in addition to the Unreviewed notice when the build is approved.

After you save your configuration, App Percy will start sending your custom notifications to Microsoft Teams channel. You can edit, add, or delete configurations any time. Percy-MS Teams Integration - Configurations

Finished

Your Microsoft Teams integration will show up as below on the App Percy Integrations page. Percy-MS Teams Integration - Integration page

We're sorry to hear that. Please share your feedback so we can do better

Contact our Support team for immediate help while we work on improving our docs.

We're continuously improving our docs. We'd love to know what you liked





Thank you for your valuable feedback

Is this page helping you?

Yes
No

We're sorry to hear that. Please share your feedback so we can do better

Contact our Support team for immediate help while we work on improving our docs.

We're continuously improving our docs. We'd love to know what you liked





Thank you for your valuable feedback!

Talk to an Expert
Download Copy Check Circle