Showing Travis build status in GitHub repo

122
votes

I remember recently seeing the Travis build status of a pr or commit in GitHub browsing the repository (but can't find where). I'm not talking about the Travis build status images in README.md but an actual GitHub feature (green box with a friendly check mark).

While my commits build on Travis just fine I'd like to get the results displayed in GitHub (which they don't do right now). I'd like to know how to enable this.

UPDATE

Found an example here - see the small green check mark saying "Travis-CI build passed"?

5
githubcontinuous-integrationtravis-ci
The tick marks next to the commits appear automatically once the integration is set up correctly. You don't need to configure anything else for them. (Just to clarify this 3 years later, as it doesn't seem to have been said) – scipilot

5 Answers

92
votes

I give you my example - https://github.com/simkimsia/UtilityBehaviors

I wrote this in my README.mdown

### Status
[![Build Status](https://travis-ci.org/simkimsia/UtilityBehaviors.png)](https://travis-ci.org/simkimsia/UtilityBehaviors)

So the answer is

[![Build Status](your travis url for the repo here.png)](your travis url for the repo here)

EDIT:

I realized that you may mean turning on the Travis Service Hook.

If that is what you mean, go to your github repo > Settings > Service Hooks. Use Ctrl+F and search for Travis.

EDIT2:

Go to https://travis-ci.org/profile/{fill in your own usernam}/profile

Then copy the token and paste it inside the Travis Service Hook page in your Github Repo Settings section.

Type in your username in Travis as well.

Try the test send token button.

You should see payload successfully sent.

If this works, your github repo is now hooked up to your travis.

EDIT3:

The OP is asking about the travis build status for commits found in pull requests pages.

He assumed that the travis build status will appear anywhere as long as there is a commit.

My answer is that the assumption is not correct.

177
votes

Github Integration

  1. Go to https://travis-ci.org/{username or org}/{repository}

  2. Click the Status Image (a pop-up will appear)

enter image description here

  1. Select a branch, then click the dropdown Image URL ▼ and set it to Markdown ▼.

enter image description here

  1. Copy Paste the code to your README.md

  2. Git add, commit & push. Refresh Github and you'll see the image now.

27
votes

For getting markup You should go to

https://travis-ci.org/{username}/{repository}

Push the button with "Build status images" title under Your username at the top right

After that You will get a popup with markups for different environments Here is a screenshot with popup for my own repository

enter image description here

2
votes

To have the same result as example here your push/pull request must build.

This picture means Pull Request didn't build successfully

enter image description here

This picture means Pull Request was build successfully enter image description here

0
votes

If you are using chrome, I just created a chrome extension for show travis-ci build time and status change in github. It's conveninent to show travis build statug in github repo, if only the repo is launched with travis-ci.

You can install it from chrome web store Or see more details on my github repo