added base venue tests

components/Agenda/agenda.js

@@ -5,7 +5,7 @@ import Image from 'next/image'
 
 function Agenda({ city }) {
   return (
-	  <div className=''>
+	  <div className='' data-test="agenda-com">
 		  <div className='flex flex-col justify-center items-center'>
 
 			  <Heading className='text-[30px] text-white'>

components/Speaker/guideline.js

@@ -35,7 +35,7 @@ const faqs = [
 function Guidelines({talkDeadLine,virtual,name,cfp}) {
     const [show, setShow] = useState(null);
   return (
-      <div className='z-[9]'>
+      <div className='z-[9]' data-test="guideline-com">
         <div className='flex flex-col justify-center'>
         <Heading className='text-[30px] text-white text-center'>Speakers Guideline</Heading>
         <div className='mt-20'>

cypress/e2e/Venue.cy.js

@@ -0,0 +1,19 @@
+import cities from "../../config/city-lists.json"
+
+it("should render guideline for not ended cities and agenda otherwise",()=>{
+    cy.wrap(cities).each(city => {
+        cy.visit(`http://localhost:3000/venue/${city.name}`);
+
+        cy.getTestData(`venue-${city.name}`).then(val=>{
+
+            if(!city.ended){
+                cy.getTestData("guideline-com").should("be.visible");
+            }
+            else{
+                cy.getTestData("agenda-com").should("be.visible");
+            }
+        });
+
+    })
+
+});

pages/venue/[id].js

@@ -35,7 +35,7 @@ export async function getStaticPaths() {
 
 function Venue({ city }) {
 	return (
-		<div>
+		<div data-test={`venue-${city.name}`}>
 			<div className= {`w-full h-[500px] sm:h-[auto] ${city.name=='Online'?'bg-online':'bg-madrid'} bg-cover bg-center`}>
 				<div className='w-full h-full kinda-dark items-center flex flex-col justify-between'>
 					<div className='mt-[82px] container text-center flex flex-col items-center w-[1100px] lg:w-full sm:text-center'>