Resolved failing tests

Author: JManion32

cypress/e2e/events/events.cy.ts

@@ -2,6 +2,6 @@ describe('Event Page', () => {
     it('displays the correct main title', () => {
         cy.visit('localhost:5173/events');
 
-        cy.should('contain', 'my events');
+        cy.contains('my events');
     });
 });

cypress/e2e/organizations/organizations.cy.ts

@@ -2,6 +2,6 @@ describe('Organizations Page', () => {
     it('displays the correct main title', () => {
         cy.visit('localhost:5173/organizations');
 
-        cy.should('contain', 'my orgs');
+        cy.contains('my orgs');
     });
 });

src/components/Carousel.tsx

@@ -3,18 +3,27 @@ import Organization from './Organization.tsx';
 
 type CarouselProps = {
     type: string;
-}
+};
 
 export default function Carousel({ type }: CarouselProps) {
     return (
         <>
             <div>
                 <h2 className="carousel-title">{type}</h2>
                 <div className="carousel">
-                    <Organization title="Math Club" desc="The RPI Math Faculty approved and Union affiliated math club!"/>
-                    <Organization title="Math Club" desc="The RPI Math Faculty approved and Union affiliated math club!"/>
-                    <Organization title="Math Club" desc="The RPI Math Faculty approved and Union affiliated math club!"/>
-                </div>  
+                    <Organization
+                        title="Math Club"
+                        desc="The RPI Math Faculty approved and Union affiliated math club!"
+                    />
+                    <Organization
+                        title="Math Club"
+                        desc="The RPI Math Faculty approved and Union affiliated math club!"
+                    />
+                    <Organization
+                        title="Math Club"
+                        desc="The RPI Math Faculty approved and Union affiliated math club!"
+                    />
+                </div>
             </div>
         </>
     );

src/components/Event.tsx

@@ -1,9 +1,3 @@
-import '../css/events.css';
-
 export default function Event() {
-    return (
-        <div className="org">
-            
-        </div>
-    );
+    return <div className="org"></div>;
 }

src/components/Organization.tsx

@@ -3,9 +3,9 @@ import '../css/organizations.css';
 type OrganizationProps = {
     title: string;
     desc: string;
-}
+};
 
-export default function Organization({title, desc}:OrganizationProps) {
+export default function Organization({ title, desc }: OrganizationProps) {
     return (
         <div className="org">
             <div className="org-metadata">
@@ -14,12 +14,8 @@ export default function Organization({title, desc}:OrganizationProps) {
                 <span>{desc}</span>
             </div>
             <div className="org-btns">
-                <button className="events-btn">
-                    Events
-                </button>
-                <button className="manage-btn">
-                    Manage
-                </button>
+                <button className="events-btn">Events</button>
+                <button className="manage-btn">Manage</button>
             </div>
         </div>
     );

src/css/carousel.css

@@ -10,7 +10,6 @@
     height: 18rem;
     border-radius: 2rem;
     padding: 1rem;
-
     display: flex;
     flex-direction: row;
     align-items: center;
@@ -22,4 +21,4 @@
     font-size: 1rem;
     color: var(--standard-bw-text);
     font-weight: 600;
-}
+}

src/css/colors.css

@@ -18,7 +18,6 @@ section as well.
     --site-transition: 0.25s;
     --site-font: 'Asap', sans-serif;
 
-
     /* CAPY COLOR SUITE ========================= */
 
     /* All colors used on the site are found here */
@@ -31,10 +30,8 @@ section as well.
     --highlight: #f4f8f6;
     --off-black: #20201f;
 
-
     /* MISC DEV VARIABLES ======================= */
 
-
     /* COLOR VARIABLES ========================== */
 
     /* Global Styles: backgrounds, text */
@@ -54,7 +51,7 @@ section as well.
     --carousel-bg: #f2dede;
 
     /* Organizations */
-    --org-bg: #D9D9D9;
+    --org-bg: #d9d9d9;
     --img-placeholder-bg: #b3807d;
     --general-org-btn-bg: #b3807d;
     --manage-org-btn-bg: #97bdc6;
@@ -72,6 +69,5 @@ section as well.
 
     /* Navbar */
 
-
     /* Carousel */
 }

src/css/events.css

@@ -30,7 +30,10 @@
     flex-direction: row;
 }
 
-.events-btn, .join-btn, .manage-btn, .home-btn {
+.events-btn,
+.join-btn,
+.manage-btn,
+.home-btn {
     font-size: 1rem;
     padding: 0.25rem 2rem;
     border-radius: 2rem;
@@ -55,4 +58,4 @@
 
 .home-btn {
     background: var(--general-org-btn-bg);
-}
+}

src/css/organizations.css

@@ -4,8 +4,8 @@ export default function Events() {
     return (
         <>
             <div className={`carousel-page-container`}>
-                <Carousel type="my events"/>
-                <Carousel type="recommended"/>
+                <Carousel type="my events" />
+                <Carousel type="recommended" />
             </div>
         </>
     );