Add tests

presleyp · presleyp · commit e005aafeb148 · 2022-10-26T15:15:26.000Z
diff --git a/site/src/components/PaginationWidget/PaginationWidget.test.tsx b/site/src/components/PaginationWidget/PaginationWidget.test.tsx
@@ -9,17 +9,13 @@ describe("PaginatedList", () => {
       <PaginationWidget
         prevLabel="Previous"
         nextLabel="Next"
-        paginationRef={createPaginationRef({ page: 1, limit: 12 })}
+        paginationRef={createPaginationRef({ page: 2, limit: 12 })}
         numRecords={200}
       />,
     )
 
-    expect(
-      screen.getByRole("button", { name: "Previous page" }),
-    ).toBeInTheDocument()
-    expect(
-      screen.getByRole("button", { name: "Next page" }),
-    ).toBeInTheDocument()
+    expect(screen.getByRole("button", { name: "Previous page" })).toBeEnabled()
+    expect(screen.getByRole("button", { name: "Next page" })).toBeEnabled()
   })
 
   it("displays the expected number of pages with one ellipsis tile", () => {
@@ -53,4 +49,26 @@ describe("PaginatedList", () => {
       container.querySelectorAll(`button[name="Page button"]`),
     ).toHaveLength(5)
   })
+
+  it("disables the previous button on the first page", () => {
+    render(
+      <PaginationWidget
+        numRecords={100}
+        paginationRef={createPaginationRef({ page: 1, limit: 25 })}
+      />,
+    )
+    const prevButton = screen.getByLabelText("Previous page")
+    expect(prevButton).toBeDisabled()
+  })
+
+  it("disables the next button on the last page", () => {
+    render(
+      <PaginationWidget
+        numRecords={100}
+        paginationRef={createPaginationRef({ page: 4, limit: 25 })}
+      />,
+    )
+    const nextButton = screen.getByLabelText("Next page")
+    expect(nextButton).toBeDisabled()
+  })
 })
diff --git a/site/src/pages/AuditPage/AuditPage.test.tsx b/site/src/pages/AuditPage/AuditPage.test.tsx
@@ -65,5 +65,29 @@ describe("AuditPage", () => {
 
       expect(getAuditLogsSpy).toBeCalledWith({ limit: 25, offset: 0, q: query })
     })
+
+    it("resets page to 1 when filter is changed", async () => {
+      const getAuditLogsSpy = jest
+        .spyOn(API, "getAuditLogs")
+        .mockResolvedValue({ audit_logs: [MockAuditLog] })
+
+      history.push(`/audit?page=2`)
+      render(<AuditPage />)
+
+      await waitForLoaderToBeRemoved()
+      getAuditLogsSpy.mockReset()
+
+      const filterField = screen.getByLabelText("Filter")
+      const query = "resource_type:workspace action:create"
+      await userEvent.type(filterField, query)
+
+      await waitFor(() =>
+        expect(getAuditLogsSpy).toBeCalledWith({
+          limit: 25,
+          offset: 0,
+          q: query,
+        }),
+      )
+    })
   })
 })
