mirror of
https://github.com/coder/coder.git
synced 2025-07-12 00:14:10 +00:00
b964cb0380
This implements a simple Project listing page at `/projects` - just a table for a list of projects:  ...and an empty state:  There isn't too much data to show at the moment. It'll be nice in the future to show the following fields and improve the UI with it: - An icon - A list of users using the project - A description However, this brings in a lot of scaffolding to make it easier to build pages like this (`/organizations`, `/workspaces`, etc). In particular, I brought over a few things from v1: - The `Hero` / `Header` component at the top of pages + sub-components - A `Table` component for help rendering table-like UI + sub-components - Additional palette settings that the `Hero`
29 lines
856 B
TypeScript
29 lines
856 B
TypeScript
import { screen } from "@testing-library/react"
|
|
import { render } from "./../../test_helpers"
|
|
import React from "react"
|
|
import { Header } from "./index"
|
|
|
|
describe("Header", () => {
|
|
it("renders title and subtitle", async () => {
|
|
// When
|
|
render(<Header title="Title Test" subTitle="Subtitle Test" />)
|
|
|
|
// Then
|
|
const titleElement = await screen.findByText("Title Test")
|
|
expect(titleElement).toBeDefined()
|
|
|
|
const subTitleElement = await screen.findByText("Subtitle Test")
|
|
expect(subTitleElement).toBeDefined()
|
|
})
|
|
|
|
it("renders button if specified", async () => {
|
|
// When
|
|
render(<Header title="Title" action={{ text: "Button Test" }} />)
|
|
|
|
// Then
|
|
const buttonElement = await screen.findByRole("button")
|
|
expect(buttonElement).toBeDefined()
|
|
expect(buttonElement.textContent).toEqual("Button Test")
|
|
})
|
|
})
|