Skip to content

feat: Add the template page #1754

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 11 commits into from
May 26, 2022
Merged

feat: Add the template page #1754

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
0764df3
Add basic template page
BrunoQuaresma May 25, 2022
b8ff946
Add template stats storybook
BrunoQuaresma May 25, 2022
02747cf
Add storybook for the template page view
BrunoQuaresma May 25, 2022
f63f04c
Add tests
BrunoQuaresma May 25, 2022
fac8e3e
Remove unecessary brackets
BrunoQuaresma May 26, 2022
792ee73
Fix links on readme
BrunoQuaresma May 26, 2022
2822db0
Use Id instead of ID
BrunoQuaresma May 26, 2022
b42f3e9
Use selector to get the organization Id
BrunoQuaresma May 26, 2022
728c270
Pin react-markdown dependency
BrunoQuaresma May 26, 2022
c011edb
Merge branch 'main' of github.com:coder/coder into bq/add-template-page
BrunoQuaresma May 26, 2022
5eb55cc
Add missing language
BrunoQuaresma May 26, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Add tests
  • Loading branch information
@BrunoQuaresma
BrunoQuaresma committed May 25, 2022
commit f63f04c902e80704e18382243f6d69d288ec5ec6
7 changes: 7 additions & 0 deletions site/src/__mocks__/react-markdown.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
import React from "react"

const ReactMarkdown: React.FC = ({ children }) => {
return <div data-testid="markdown">{children}</div>
}

export default ReactMarkdown
3 changes: 3 additions & 0 deletions site/src/components/TemplateStats/TemplateStats.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,12 @@
import { makeStyles } from "@material-ui/core/styles"
import dayjs from "dayjs"
import relativeTime from "dayjs/plugin/relativeTime"
import React from "react"
import { Template, TemplateVersion } from "../../api/typesGenerated"
import { CardRadius, MONOSPACE_FONT_FAMILY } from "../../theme/constants"

dayjs.extend(relativeTime)

const Language = {
usedByLabel: "Used by",
activeVersionLabel: "Active version",
Expand Down
13 changes: 13 additions & 0 deletions site/src/pages/TemplatePage/TemplatePage.test.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
import { screen } from "@testing-library/react"
import React from "react"
import { MockTemplate, MockWorkspaceResource, renderWithAuth } from "../../testHelpers/renderHelpers"
import { TemplatePage } from "./TemplatePage"

describe("TemplatePage", () => {
it("shows the template name, readme and resources", async () => {
renderWithAuth(<TemplatePage />, { route: `/templates/${MockTemplate.id}`, path: "/templates/:template" })
await screen.findByText(MockTemplate.name)
screen.getByTestId("markdown")
screen.getByText(MockWorkspaceResource.name)
})
})
3 changes: 3 additions & 0 deletions site/src/testHelpers/handlers.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,6 +31,9 @@ export const handlers = [
rest.get("/api/v2/templateversions/:templateVersionId/schema", async (req, res, ctx) => {
return res(ctx.status(200), ctx.json([]))
}),
rest.get("/api/v2/templateversions/:templateVersionId/resources", async (req, res, ctx) => {
return res(ctx.status(200), ctx.json([M.MockWorkspaceResource, M.MockWorkspaceResource2]))
}),

// users
rest.get("/api/v2/users", async (req, res, ctx) => {
Expand Down