GitLab.com

Integrating GitLab with Percy

This doc will walk you through integrating Percy with your GitLab.com instance. For self-managed instances, see our GitLab self-managed documentation.

Create a GitLab Bot User

📘
Note: Percy uses a personal access token to update commit statuses on GitLab. These API calls are made on behalf of a GitLab user that you specify when you generate a personal access token. You may wish to create a separate GitLab user that has access to only the GitLab projects you wish to integrate with Percy. This allows you to restrict the scope of the API access you provide us and make it clear to your organization how commit statuses are being set.

Create a new user on in your GitLab.com organization. We recommend calling it “Percy”, so it’s easily identified.

In GitLab, go to the project you want to integrate Percy with and grant your bot user “Developer” access to it.

Go to https://gitlab.com/<orgname>/<project>/project_members
Grant the bot user you created above with access to your projects using the role “developer,” like this:

The end result should look like this:

Generate a Personal Access Token

Once you have created a bot user and invited them to the GitLab project you intend to use with Percy, generate a personal access token with the following values:

Add the Personal Access Token to Percy

You’re ready to add that access token to Percy. Go to your organization settings > Integrations and paste the personal access token into the form field.

You’ve now installed the GitLab integration! The next step is to connect GitLab repositories to your Percy projects.

Connect Your Projects to Repositories

Go to the project settings page for the project you wish to integrate and connect a GitLab repo:

Done! 🚀 You’re ready to start running visual testing alongside code reviews. The next step is to integrate with your CI service to leverage your existing test pipeline and kick off visual tests automatically.

To configure GitLab CI, see the GitLab CI docs page. If you’re using another CI service, see the appropriate docs: