Completed Reduce Spacing #1183

.eslintignore

@@ -1,37 +1,37 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-
-# next.js
-/.next/
-/out/
-
-# production
-/build
-
-# misc
-.DS_Store
-*.pem
-
-# debug
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# local env files
-.env*.local
-
-# vercel
-.vercel
-
-# typescript
-*.tsbuildinfo
-next-env.d.ts
-
-.env
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+.env

.gitignore

@@ -1,37 +1,40 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-
-# next.js
-/.next/
-/out/
-
-# production
-/build
-
-# misc
-.DS_Store
-*.pem
-
-# debug
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# local env files
-.env*.local
-
-# vercel
-.vercel
-
-# typescript
-*.tsbuildinfo
-next-env.d.ts
-
-.env
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# jetbrains
+.idea/
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+.env

.husky/pre-commit

@@ -1,4 +1,4 @@
 #!/usr/bin/env sh
 . "$(dirname -- "$0")/_/husky.sh"
 
-npm run check && npm run eslint
+npm run check && npm run eslint

.prettierignore

@@ -1,37 +1,37 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-
-# next.js
-/.next/
-/out/
-
-# production
-/build
-
-# misc
-.DS_Store
-*.pem
-
-# debug
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# local env files
-.env*.local
-
-# vercel
-.vercel
-
-# typescript
-*.tsbuildinfo
-next-env.d.ts
-
-.env
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+.env

cypress/component/admin/Event.cy.jsx

@@ -0,0 +1,55 @@
+import Event from "@/components/admin/services/calendar/Event";
+
+describe("Event test", () => {
+  it("Event", () => {
+    const event = {
+      start: new Date().toISOString(),
+      summary: "Test Event",
+    };
+    const view = "month";
+
+    cy.mount(<Event event={event} view={view} />);
+    cy.get('[data-cy="event"]').should(
+      "have.class",
+      "text-xs",
+      "have.timeString",
+      "have.summary"
+    );
+    cy.get('[data-cy="event"]').contains("Event");
+  });
+
+  it("Empty view", () => {
+    const event = {
+      summary: "test",
+    };
+
+    cy.mount(<Event event={event} />);
+    cy.get('[data-cy="event"]').should("have.class", "text-xs", "have.summary");
+  });
+
+  it("Empty summary", () => {
+    const event = {
+      start: new Date().toISOString(),
+      summary: "",
+    };
+    const view = "month";
+
+    cy.mount(<Event event={event} view={view} />);
+    cy.get('[data-cy="event"]').should(
+      "have.class",
+      "text-xs",
+      "have.timeString",
+      "have.summary"
+    );
+  });
+
+  it("Different view", () => {
+    const event = {
+      summary: "test",
+    };
+    const view = "not month";
+
+    cy.mount(<Event event={event} view={view} />);
+    cy.get('[data-cy="event"]').should("have.class", "text-xs", "have.summary");
+  });
+});

cypress/component/admin/Modal.cy.jsx

@@ -0,0 +1,56 @@
+import Modal from "@/components/admin/dashboards/dashboard/Modal";
+import { useState } from "react";
+
+describe("Modal", () => {
+  it("Default", () => {
+    const Parent = () => {
+      const data = {
+        title: "Sample Modal",
+        src: "https://via.placeholder.com/150",
+      };
+      const [modal, setModal] = useState(data);
+
+      return modal && <Modal data={modal} setModal={setModal} />;
+    };
+
+    cy.mount(<Parent />);
+    cy.get('[data-cy="modal"]').should("be.visible", "have.class");
+    cy.get('[data-cy="modal-title"]').should(
+      "have.class",
+      "bg-hackathon-green-300"
+    );
+    cy.get('[data-cy="modal-close"]').should(
+      "have.class",
+      "hover:cursor-pointer",
+      "text-white",
+      "hover:!text-red-500"
+    );
+    cy.get('[data-cy="modal-image"]').should(
+      "have.attr",
+      "src",
+      "https://via.placeholder.com/150"
+    );
+    cy.get('[data-cy="image-border"]').should(
+      "have.class",
+      "border-hackathon-darkgray",
+      "bg-hackathon-page"
+    );
+  });
+
+  it("Close Modal", () => {
+    const Parent = () => {
+      const data = {
+        title: "Sample Modal",
+        src: "https://via.placeholder.com/150",
+      };
+
+      const [modal, setModal] = useState(data);
+
+      return modal && <Modal data={modal} setModal={setModal} />;
+    };
+
+    cy.mount(<Parent />);
+    cy.get('[data-cy="modal-close"]').click();
+    cy.get('[data-cy="modal"]').should("not.exist");
+  });
+});

cypress/component/form/Confirmation.jsx → cypress/component/form/Confirmation.cy.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import Confirmation from "@/components/form/form/Confirmation.jsx";
 
 describe("Confirmation", () => {

cypress/component/form/Status.cy.jsx

@@ -0,0 +1,45 @@
+import Status from "@/components/form/form/Status";
+import { STATUSES } from "@/data/admin/Admins";
+import Tag from "@/components/admin/Tag";
+import { COLORS } from "@/data/Tags";
+
+describe("Status Component", () => {
+  it("Display greeting messages", () => {
+    const object = { name: "Alex", roles: { form: 1 }, form: "form" };
+    cy.mount(<Status object={object} statuses={STATUSES} />);
+    cy.contains(`Hello ${object.name},`).should("be.visible");
+  });
+
+  it("Correct color and text from Tag", () => {
+    const text = "accepted";
+    const classes = "mb-2";
+    const onClick = cy.stub();
+    const color = COLORS["accept"];
+    cy.mount(
+      <Tag color={color} text={text} onClick={onClick} classes={classes} />
+    );
+
+    cy.contains(text).should("be.visible").and("have.class", classes);
+  });
+
+  it("Confirmation", () => {
+    const user = { name: "Alex", roles: { form: 1 }, form: "form" };
+    cy.mount(<Status object={user} statuses={STATUSES} />);
+    const expectedText =
+      "You have already filled out the form. If you wish to change any information, please fill out the form again. Note that your status will change until approved by an admin.";
+    cy.get('[data-cy="status-confirmation"]')
+      .should("exist")
+      .and("have.class", "text-center")
+      .and("contain.text", expectedText);
+  });
+
+  it("Status change", () => {
+    const user = { name: "Alex", roles: { form: 1 }, form: "form" };
+    cy.mount(<Status object={user} statuses={STATUSES} />);
+    const confirmText =
+      "If you believe that your status is incorrect, please reach out to us immediately.";
+    cy.get("[data-cy=status-incorrect]")
+      .should("have.class", "text-center")
+      .and("contain.text", confirmText);
+  });
+});