diff --git a/site/src/components/NavbarView/NavbarView.test.tsx b/site/src/components/NavbarView/NavbarView.test.tsx index 13cc85a789036..15d643135d163 100644 --- a/site/src/components/NavbarView/NavbarView.test.tsx +++ b/site/src/components/NavbarView/NavbarView.test.tsx @@ -2,7 +2,7 @@ import { screen } from "@testing-library/react" import React from "react" import { MockUser } from "../../testHelpers/entities" import { render } from "../../testHelpers/renderHelpers" -import { NavbarView } from "./NavbarView" +import { Language as navLanguage, NavbarView } from "./NavbarView" describe("NavbarView", () => { const noop = () => { @@ -16,6 +16,24 @@ describe("NavbarView", () => { await screen.findAllByText("Coder", { exact: false }) }) + it("workspaces nav link has the correct href", async () => { + render() + const workspacesLink = await screen.findByText(navLanguage.workspaces) + expect((workspacesLink as HTMLAnchorElement).href).toContain("/workspaces") + }) + + it("templates nav link has the correct href", async () => { + render() + const templatesLink = await screen.findByText(navLanguage.templates) + expect((templatesLink as HTMLAnchorElement).href).toContain("/templates") + }) + + it("users nav link has the correct href", async () => { + render() + const userLink = await screen.findByText(navLanguage.users) + expect((userLink as HTMLAnchorElement).href).toContain("/users") + }) + it("renders profile picture for user", async () => { // Given const mockUser = { diff --git a/site/src/components/NavbarView/NavbarView.tsx b/site/src/components/NavbarView/NavbarView.tsx index 1a471dc8bcb28..1c0edb236199f 100644 --- a/site/src/components/NavbarView/NavbarView.tsx +++ b/site/src/components/NavbarView/NavbarView.tsx @@ -15,6 +15,12 @@ export interface NavbarViewProps { displayAdminDropdown: boolean } +export const Language = { + workspaces: "Workspaces", + templates: "Templates", + users: "Users", +} + export const NavbarView: React.FC = ({ user, onSignOut, displayAdminDropdown }) => { const styles = useStyles() return ( @@ -27,12 +33,17 @@ export const NavbarView: React.FC = ({ user, onSignOut, display - Workspaces + {Language.workspaces} - Templates + {Language.templates} + + + + + {Language.users}