Add missing pages (#24)

Author: jkettmann

cypress/integration/issue-list.spec.ts

@@ -37,12 +37,10 @@ describe("Issue List", () => {
 
     it("renders the issues", () => {
       cy.get("main")
+        .find("tbody")
         .find("tr")
         .each(($el, index) => {
-          // skip the header row
-          if (index === 0) return;
-
-          const issue = mockIssues1.items[index - 1];
+          const issue = mockIssues1.items[index];
           const firstLineOfStackTrace = issue.stack.split("\n")[1].trim();
           cy.wrap($el).contains(issue.name);
           cy.wrap($el).contains(issue.message);

cypress/integration/navigation.spec.ts

@@ -9,21 +9,30 @@ describe("Sidebar Navigation", () => {
     });
 
     it("links are working", () => {
-      // check that issues link leads to the right page
+      // check that each link leads to the correct page
       cy.get("nav").contains("Issues").click();
       cy.url().should("eq", "http://localhost:3000/issues");
 
-      // check that projects link leads to the right page
       cy.get("nav").contains("Projects").click();
       cy.url().should("eq", "http://localhost:3000/");
+
+      cy.get("nav").contains("Alerts").click();
+      cy.url().should("eq", "http://localhost:3000/alerts");
+
+      cy.get("nav").contains("Users").click();
+      cy.url().should("eq", "http://localhost:3000/users");
+
+      cy.get("nav").contains("Settings").click();
+      cy.url().should("eq", "http://localhost:3000/settings");
     });
 
     it("is collapsible", () => {
       // collapse navigation
       cy.get("nav").contains("Collapse").click();
 
-      // check that links still exist
-      cy.get("nav").find("a").should("have.length", 5);
+      // check that links still exist and are functionable
+      cy.get("nav").find("a").should("have.length", 5).eq(1).click();
+      cy.url().should("eq", "http://localhost:3000/issues");
 
       // check that text is not rendered
       cy.get("nav").contains("Issues").should("not.exist");

pages/alerts.tsx

@@ -0,0 +1,15 @@
+import { PageContainer } from "@features/ui";
+import type { NextPage } from "next";
+
+const IssuesPage: NextPage = () => {
+  return (
+    <PageContainer
+      title="Alerts"
+      info="Set up alerts to received notifications for certain issues or thresholds"
+    >
+      This page has yet to be implemented
+    </PageContainer>
+  );
+};
+
+export default IssuesPage;

pages/settings.tsx

@@ -0,0 +1,12 @@
+import { PageContainer } from "@features/ui";
+import type { NextPage } from "next";
+
+const IssuesPage: NextPage = () => {
+  return (
+    <PageContainer title="Settings" info="The account settings">
+      This page has yet to be implemented
+    </PageContainer>
+  );
+};
+
+export default IssuesPage;

pages/users.tsx

@@ -0,0 +1,15 @@
+import { PageContainer } from "@features/ui";
+import type { NextPage } from "next";
+
+const IssuesPage: NextPage = () => {
+  return (
+    <PageContainer
+      title="Issues"
+      info="Overview of the users able to access your account."
+    >
+      This page has yet to be implemented
+    </PageContainer>
+  );
+};
+
+export default IssuesPage;