Test rbac

presleyp · presleyp · commit 065f55933ecd · 2022-08-30T19:56:45.000Z
diff --git a/site/src/components/DropdownArrows/DropdownArrows.tsx b/site/src/components/DropdownArrows/DropdownArrows.tsx
@@ -21,10 +21,10 @@ interface ArrowProps {
 
 export const OpenDropdown: FC<ArrowProps> = ({ margin = true }) => {
   const styles = useStyles({ margin })
-  return <KeyboardArrowDown className={styles.arrowIcon} />
+  return <KeyboardArrowDown aria-label="open-dropdown" className={styles.arrowIcon} />
 }
 
 export const CloseDropdown: FC<ArrowProps> = ({ margin = true }) => {
   const styles = useStyles({ margin })
-  return <KeyboardArrowUp className={`${styles.arrowIcon} ${styles.arrowIconUp}`} />
+  return <KeyboardArrowUp aria-label="close-dropdown" className={`${styles.arrowIcon} ${styles.arrowIconUp}`} />
 }
diff --git a/site/src/pages/TemplatePage/TemplatePage.test.tsx b/site/src/pages/TemplatePage/TemplatePage.test.tsx
@@ -1,8 +1,12 @@
-import { screen } from "@testing-library/react"
+import { fireEvent, screen } from "@testing-library/react"
+import { rest } from "msw"
+import { server } from "testHelpers/server"
 import * as CreateDayString from "util/createDayString"
 import {
+  MockMemberPermissions,
   MockTemplate,
   MockTemplateVersion,
+  MockUser,
   MockWorkspaceResource,
   renderWithAuth,
 } from "../../testHelpers/renderHelpers"
@@ -23,4 +27,28 @@ describe("TemplatePage", () => {
     screen.getByText(MockWorkspaceResource.name)
     screen.queryAllByText(`${MockTemplateVersion.name}`).length
   })
+  it("allows an admin to delete a template", async () => {
+    renderWithAuth(<TemplatePage />, {
+      route: `/templates/${MockTemplate.id}`,
+      path: "/templates/:template",
+    })
+    const dropdownButton = await screen.findByLabelText("open-dropdown")
+    fireEvent.click(dropdownButton)
+    const deleteButton = await screen.findByText("Delete")
+    expect(deleteButton).toBeDefined()
+  })
+  it("does not allow a member to delete a template", () => {
+    // get member-level permissions
+    server.use(
+      rest.post(`/api/v2/users/${MockUser.id}/authorization`, async (req, res, ctx) => {
+        return res(ctx.status(200), ctx.json(MockMemberPermissions))
+      })
+    )
+    renderWithAuth(<TemplatePage />, {
+      route: `/templates/${MockTemplate.id}`,
+      path: "/templates/:template",
+    })
+    const dropdownButton = screen.queryByLabelText("open-dropdown")
+    expect(dropdownButton).toBe(null)
+  })
 })

Original file line number	Diff line number	Diff line change
`@@ -21,10 +21,10 @@ interface ArrowProps {`
`21`	`21`
`22`	`22`	`export const OpenDropdown: FC<ArrowProps> = ({ margin = true }) => {`
`23`	`23`	`const styles = useStyles({ margin })`
`24`		`- return <KeyboardArrowDown className={styles.arrowIcon} />`
	`24`	`+ return <KeyboardArrowDown aria-label="open-dropdown" className={styles.arrowIcon} />`
`25`	`25`	`}`
`26`	`26`
`27`	`27`	`export const CloseDropdown: FC<ArrowProps> = ({ margin = true }) => {`
`28`	`28`	`const styles = useStyles({ margin })`
`29`		- return <KeyboardArrowUp className={`${styles.arrowIcon} ${styles.arrowIconUp}`} />
	`29`	+ return <KeyboardArrowUp aria-label="close-dropdown" className={`${styles.arrowIcon} ${styles.arrowIconUp}`} />
`30`	`30`	`}`