GitHub Issues Integration

GitHub Issue created automatically with webhooks.

Trunk allows you to automate GitHub Issue creation through webhooks. This will allow you to create GitHub issues and auto-assign them to CODEOWNERS using Webhooks.

This guide will walk you through integrating Trunk Flaky Tests with GitHub Issues through webhooks. You will be able to automatically generate GitHub issues for new flaky or broken tests. This guide should take 15 minutes to complete.

Want to chat with Trunk's engineers? Join us and 1500+ fellow engineers on Slack.

1. Create a GitHub Token

Before you can create a webhook to automate GitHub Issue creation, you need to create an API token to authorize your requests.

1. Navigate to GitHub Developer Settings under Settings > Developer settings

2. Under Personal access token > Fine-grained tokens > Click Generate new token

3. Name the token something like Trunk Flaky Tests so you can recognize your token and set it never to expire.

4. Select the repositories you need to create issues to under Repository access

5. Under Permissions > Repository Permissions, select Read and Write access for Issues.

   
6. Click Generate Token and copy your API token.

2. Add a Webhook URL to the GitHub Issues API In Trunk

Trunk uses Svix to integrate with other services, such as GitHub Issues through webhooks.

You can create a new endpoint by:

1. Login to Trunk Flaky Tests

2. From your profile on the top right, navigate to Settings

3. Under Organization > Webhooks, in the Svix App Portal, click Add Endpoint

4. Paste your GitHub repo's Issues endpoint into Endpoint URL. Your Endpoint URL should be formatted as: https://api.github.com/repos/{OWNER}/{REPO}/issues. You can verify the URL by visiting it in your browser, such as https://api.github.com/repos/trunk-io/docs/issues.

5. Under Subscribe to events, select test_case.status_changed

6. Create the new endpoint. You will be redirected to the endpoint configuration view.

If you're having trouble adding a new webhook endpoint with Svix, please see the Adding Endpoint docs from Svix.

3. Add Custom Headers

The GitHub Issues API requires some custom headers. You can configure custom headers in Trunk:

1. You can add custom headers under Advanced > Custom Headers

2. Fill in the Key and Value referencing the table below, and click the + button to add each header.

You'll need to configure the following headers.

Key	Value
Accept	application/vnd.github+json
Authorization	Bearer <YOUR_API_TOKEN>
X-GitHub-Api-Version	2022-11-28

4. Add a Custom Transformation

Next, you need to create a custom transformation to turn the Trunk Flaky Tests event into a GitHub Issue.

1. In the endpoint configuration view, navigate to the Advanced tab. Under Transformation, toggle the Enabled switch.

2. Click Edit transformation to create a custom transformation script.

3. Copy and paste the transformation script below and click Save. You can modify this script to customize how your issues look and what they contain.

4. You can test the transformation by selecting the test_case.status_changed payload and clicking Run Test. This will test the transformation but not send a message. You will learn to send a test message in step 5.

An example transformation script is provided below and you can customize your GitHub Issues integration by following the GitHub and Svix transformations documentation.

/**
 * @param webhook the webhook object
 * @param webhook.method destination method. Allowed values: "POST", "PUT"
 * @param webhook.url current destination address
 * @param webhook.eventType current webhook Event Type
 * @param webhook.payload JSON payload
 * @param webhook.cancel whether to cancel dispatch of the given webhook
 */
function handler(webhook) {
  webhook.payload = {
    "title":`Flaky Test: ${webhook.payload.test_case.name.substring(0, 25)} transitioned to ${webhook.payload.status_change.current_status.value}`,
    "body": summarizeTestCase(webhook.payload),
    "labels": ["flaky-test"],
    // Uncomment this function for auto asignment
    // webhook.payload.test_case.codeowners.map((assignee)=>{
    //     // Strip the `@` symbol from codeowners
    //     return assignee.slice(1)
    // })
  }
  return webhook
}

function summarizeTestCase(payload) {
    const {
        status_change: {
            previous_status
        },
        test_case: {
            name,
            file_path,
            status,
            quarantine,
            repository,
            codeowners,
            failure_rate_last_7d,
            most_common_failures,
            pull_requests_impacted_last_7d,
            ticket,
            html_url
        }
    } = payload;
    // Construct a comprehensive issue body with key details
    const issueBody = `See all details on the [Trunk Test Detail page](${html_url})
 
Transition time: ${status.timestamp}
 
Latest failure: Dec 9, 2024
 
Severity (last 7 days): ${(failure_rate_last_7d * 100).toFixed(2)}% failure rate; impacting ${pull_requests_impacted_last_7d} PRs
 
Ownership: this test is owned by ${(codeowners || ['@unassigned']).join(', ')}

___
__The  most common failure reason (out of ${most_common_failures.length} identified failure reason) are:__

${
  most_common_failures.map((failure, index) => {
    return `**Reason #${index + 1}**: "${failure.summary}" \n`
  })
}
    `
    return issueBody
}

Automatically Assign Issues with CODEOWNERS

If you have CODEOWNERS configured for your GitHub repo, you can create issues with assignees using CODEOWNERS. Uncomment the code on lines 14-18 to enable automatic assignment. Limitations of Automatic Assignment

1. CODEOWNERS supports assigning files to teams, but GitHub doesn't support assigning issues to teams. If you have team owners in your CODEOWNERS file, the requests will fail.

2. The example payload has the CODEOWNERS assigned to @backend. If you're testing following the instructions in step 5, the delivery attempt can fail.

5. Test Your Webhook

You can create test issues by delivering a mock webhook. You can do this by:

1. In the endpoint configuration view, navigate to the Testing tab and select a Send event

2. Under Subscribed events, select test_case.status_changedas the event type to send.

3. Click Send Example to test your webhook

6. Monitoring Webhooks

You can monitor the events and the webhook's delivery logs in the Overview tab of an endpoint configuration view.

You can see an overview of how many webhook deliveries have been attempted, how many are successful, how many are in-flight, and how many fail in the Attempt Delivery Stats modal.

You can see a list of past delivery attempts in the Message Attempts modal. You can filter this list by Succeeded and Failed status, and you can click on each message to see the Message content, response code, and error message of each attempt. You can learn more about replaying messages and filtering logs in the Svix docs.

Congratulations!

A GitHub Issue will now be created when a test's health status changes. You can further modify your transformation script to customize your issues.

See the Trunk webhook event catalog

Learn more about consuming webhooks in the Svix docs

Learn more about the GitHub Issues API