feat: add unit tests for campaigns folder

cypress/test/campaignTests/AnnouncementHero.cy.js

@@ -0,0 +1,73 @@
+import React from 'react';
+import { mount } from '@cypress/react';
+import AnnouncementHero from '../../../components/campaigns/AnnoucementHero';
+
+describe('AnnouncementHero Component', () => {
+  it('should render the component when the date is within the valid range', () => {
+    // Set the current date to May
+    const mockDate = new Date('2023-05-01T00:00:00Z');
+    cy.clock(mockDate.getTime());
+
+    mount(<AnnouncementHero />);
+
+    // Assert that the component is rendered
+    cy.get('.bg-gray-50').should('exist');
+  });
+
+  it('should not render the component when the date is outside the valid range', () => {
+    // Set the current date to June
+    const mockDate = new Date('2023-06-01T00:00:00Z');
+    cy.clock(mockDate.getTime());
+
+    mount(<AnnouncementHero />);
+
+    // Assert that the component is not rendered
+    cy.get('.bg-gray-50').should('not.exist');
+  });
+
+  it('should display the correct event information', () => {
+    const mockDate = new Date('2023-05-01T00:00:00Z');
+    cy.clock(mockDate.getTime());
+
+    mount(<AnnouncementHero />);
+
+    // Assert the event details
+    cy.contains('.countdown-text-gradient', 'AsyncAPI Conf on Tour 2023').should('exist');
+    cy.contains('.countdown-text-gradient', 'Madrid Edition').should('exist');
+    cy.contains('October, 2023 | Madrid, Spain').should('exist');
+    cy.contains('Submit a session').should('exist');
+  });
+
+  it('should have a link to submit a session', () => {
+    const mockDate = new Date('2023-05-01T00:00:00Z');
+    cy.clock(mockDate.getTime());
+
+    mount(<AnnouncementHero />);
+
+    // Assert the link
+    cy.get('a')
+      .should('have.attr', 'href', 'https://sessionize.com/aacot-madrid/')
+      .should('have.attr', 'target', '_blank')
+      .contains('Submit a session');
+  });
+
+  //check if announcement rendered is small or large .
+
+  it('should render a small announcement when "small" prop is true', () => {
+    const mockDate = new Date('2023-05-01T00:00:00Z');
+    cy.clock(mockDate.getTime());
+
+    mount(<AnnouncementHero small />);
+
+    cy.get('.bg-gray-50').should('have.class', 'mb-4');
+  });
+
+  it('should render a large announcement when "small" prop is false', () => {
+    const mockDate = new Date('2023-05-01T00:00:00Z');
+    cy.clock(mockDate.getTime());
+
+    mount(<AnnouncementHero small={false} />);
+
+    cy.get('.bg-gray-50').should('have.class', 'mb-12');
+  });
+});

cypress/test/campaignTests/AnnouncementRemainingDays.cy.js

@@ -0,0 +1,38 @@
+import moment from 'moment';
+import { mount } from '@cypress/react';
+import AnnouncementRemainingDays from '../../../components/campaigns/AnnouncementRamainingDays';
+
+describe('AnnouncementRemainingDays', () => {
+  it('displays correct countdown text', () => {
+    const dateTime = moment().add(2, 'days').toISOString(); // Set the dateTime value as desired
+    const eventName = 'Your Event'; // Set the eventName as desired
+
+    mount(<AnnouncementRemainingDays dateTime={dateTime} eventName={eventName} />);
+
+    const date = moment(dateTime);
+    const now = moment();
+    const days = date.diff(now, 'days');
+
+    let text;
+    if (days >= 1) {
+      text = `${days} ${days === 1 ? 'day' : 'days'}`;
+    } else {
+      const hours = date.diff(now, 'hours');
+      if (hours > 1) {
+        text = 'A few hours';
+      } else {
+        const minutes = date.diff(now, 'minutes');
+        if (minutes > 1) {
+          text = 'A few minutes';
+        }
+      }
+    }
+
+    cy.get('span').should('have.text', `${text} until ${eventName}`);
+
+    //check class font-extrabold 
+    cy.get('span').should('have.class', 'font-extrabold');
+  });
+});
+
+/// Make sure to adjust the dateTime and eventName variables as needed for your specific testcase 

cypress/test/campaignTests/Banner.cy.js

@@ -0,0 +1,79 @@
+import React from 'react';
+import { mount } from '@cypress/react';
+import Banner from '../../../components/campaigns/Banner';
+
+describe('Banner Component', () => {
+  it('should render the banner when the date is within the valid range', () => {
+    const today = new Date();
+    const day = today.getUTCDate();
+    const month = today.getUTCMonth();
+    const year = today.getUTCFullYear();
+
+    if (year > 2022 || month !== 10 || day < 6) {
+      mount(<Banner />);
+      cy.get('.bg-gray-100').should('not.exist');
+
+    } else {
+      mount(<Banner />);
+
+     cy.get('.bg-gray-100').should('be.visible');
+
+    }
+  });
+
+  it('should display the correct message when the date is within the valid range', () => {
+    const today = new Date();
+    const day = today.getUTCDate();
+    const month = today.getUTCMonth();
+    const year = today.getUTCFullYear();
+
+    if (year > 2022 || month !== 10 || day < 6) {
+      mount(<Banner />);
+      cy.contains('.font-medium', 'AsyncAPI Conference 2022 has ended').should('not.exist');
+    } else {
+      mount(<Banner />);
+
+      cy.contains('.font-medium', 'AsyncAPI Conference 2022 has ended').should('be.visible');
+    }
+  });
+
+  it('should have a link to the recordings playlist', () => {
+    const today = new Date();
+    const day = today.getUTCDate();
+    const month = today.getUTCMonth();
+    const year = today.getUTCFullYear();
+
+    if (year === 2022 && month === 10 && day >= 6) {
+      mount(<Banner />);
+
+      cy.get('a')
+        .should('have.attr', 'href', 'https://www.youtube.com/playlist?list=PLbi1gRlP7pijRiA32SU36hD_FW-2qyPhl')
+        .should('have.attr', 'target', '_blank')
+        .should('have.attr', 'rel', 'noopener noreferrer');
+    } else {
+      mount(<Banner />);
+
+      cy.get('a').should('not.exist');
+    }
+  });
+
+
+  //check to see if max-w-screen is present or not , for full width element
+  it('should have the max-w-screen-xl class in the div element', () => {
+    const today = new Date();
+    const day = today.getUTCDate();
+    const month = today.getUTCMonth();
+    const year = today.getUTCFullYear();
+
+    if (year === 2022 && month === 10 && day >= 6) {
+      mount(<Banner />);
+      cy.get('.max-w-screen-xl').should('exist');
+    } else {
+      mount(<Banner />);
+      cy.get('.max-w-screen-xl').should('not.exist');
+    }
+  });
+
+
+});
+