diff --git a/frontend/shared/GithubBuildBranchLink.jsx b/frontend/shared/GithubBuildBranchLink.jsx
index 6e4903e83..d7b7736a1 100644
--- a/frontend/shared/GithubBuildBranchLink.jsx
+++ b/frontend/shared/GithubBuildBranchLink.jsx
@@ -2,7 +2,7 @@ import React from 'react';
import PropTypes from 'prop-types';
import GitHubLink from './GitHubLink';
-export default function GithubBuildShaLink({ build, site }) {
+export default function GithubBuildBranchLink({ build, site }) {
const { owner, repository } = site;
const { branch } = build;
@@ -18,7 +18,7 @@ export default function GithubBuildShaLink({ build, site }) {
);
}
-GithubBuildShaLink.propTypes = {
+GithubBuildBranchLink.propTypes = {
build: PropTypes.shape({
branch: PropTypes.string.isRequired,
}).isRequired,
diff --git a/frontend/shared/GithubBuildBranchLink.test.jsx b/frontend/shared/GithubBuildBranchLink.test.jsx
new file mode 100644
index 000000000..6c66cfa2e
--- /dev/null
+++ b/frontend/shared/GithubBuildBranchLink.test.jsx
@@ -0,0 +1,36 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import '@testing-library/jest-dom';
+
+import GithubBuildBranchLink from './GithubBuildBranchLink';
+
+const defaultBuild = {
+ branch: 'branch_name',
+};
+const defaultSite = {
+ owner: 'repo_owner',
+ repository: 'repo_name',
+};
+const defaultProps = { build: defaultBuild, site: defaultSite };
+
+describe('', () => {
+ it('renders', () => {
+ render();
+
+ const anchor = screen.getByRole('link');
+
+ expect(anchor).toHaveClass('branch-link');
+ expect(anchor).toHaveAttribute('title', 'View branch on GitHub');
+ });
+ it('uses the build’s branch and the site’s repo and owner', () => {
+ render();
+
+ const anchor = screen.getByRole('link');
+
+ expect(anchor).toHaveAttribute(
+ 'href',
+ 'https://github.com/repo_owner/repo_name/tree/branch_name',
+ );
+ expect(anchor).toHaveTextContent('branch_name');
+ });
+});