From 20de286058a4f13be0e10416817796b110c29810 Mon Sep 17 00:00:00 2001
From: Debbie O'Brien <debs-obrien@users.noreply.github.com>
Date: Fri, 31 Jul 2020 15:17:18 +0200
Subject: [PATCH] tests: add tests homepage and cookies (#446)

---
 components/TheCookieBox.vue              |  1 +
 components/partials/home/HomeWelcome.vue |  3 +-
 cypress/integration/cookie.spec.js       |  8 +++++
 cypress/integration/home.spec.js         | 45 ++++++++++++++++--------
 4 files changed, 42 insertions(+), 15 deletions(-)
 create mode 100644 cypress/integration/cookie.spec.js

diff --git a/components/TheCookieBox.vue b/components/TheCookieBox.vue
index 90a2dd3790..4658f92921 100644
--- a/components/TheCookieBox.vue
+++ b/components/TheCookieBox.vue
@@ -1,6 +1,7 @@
 <template>
   <VueIfBot>
     <CookieConsent
+      data-cy="cookie-box"
       class="flex justify-center items-center text-light-onSurfaceSecondary dark:text-dark-onSurfaceSecondary border border-top border-light-border dark:border-dark-border xs:flex-col xs:pt-2 md:flex-row xs:text-center"
     >
       <template slot="message">
diff --git a/components/partials/home/HomeWelcome.vue b/components/partials/home/HomeWelcome.vue
index 6d4b3eb38e..2c19f9bfd5 100644
--- a/components/partials/home/HomeWelcome.vue
+++ b/components/partials/home/HomeWelcome.vue
@@ -63,6 +63,7 @@
           </div>
           <div
             class="flex flex-col sm:block text-light-onSurfaceSecondary dark:text-dark-onSurfaceSecondary"
+            data-cy="newsletter-link"
           >
             <a
               href="#subscribe-to-newsletter"
@@ -72,7 +73,7 @@
             </a>
           </div>
         </div>
-        <figure class="hidden lg:block lg:w-5/12">
+        <figure class="hidden lg:block lg:w-5/12" data-cy="video">
           <AppMedia
             src="https://player.vimeo.com/video/311756540"
             class="mb-4"
diff --git a/cypress/integration/cookie.spec.js b/cypress/integration/cookie.spec.js
new file mode 100644
index 0000000000..fe4591b93f
--- /dev/null
+++ b/cypress/integration/cookie.spec.js
@@ -0,0 +1,8 @@
+describe('Checks if the accept cookies works', function() {
+  it('Successfully accepts the cookies', function() {
+    cy.visit('/')
+    cy.get('[data-cy="cookie-box"]').within(() => {
+      cy.get('button').click()
+    })
+  })
+})
diff --git a/cypress/integration/home.spec.js b/cypress/integration/home.spec.js
index 079ba2522f..598009916c 100644
--- a/cypress/integration/home.spec.js
+++ b/cypress/integration/home.spec.js
@@ -3,26 +3,43 @@ describe('The Home Page links', () => {
     cy.visit('/')
   })
   it('checks to see if the get started button links to guides', () => {
-    cy.get('a[data-cy="get-started"]').click()
+    cy.get('a[data-cy="get-started"]')
+      .click()
     cy.url().should('include', '/guides/get-started/installation')
     cy.visit('/guides/get-started/installation')
   })
+
+  it('github stars links to the right page', () => {
+    cy.get('a[data-cy="github-stars"]')
+      .should('have.attr', 'href', 'https://github.com/nuxt/nuxt.js')
+      .click()
+  })
+
+  it('checks the newsletter message links to newsletter signup', () => {
+    cy.get('[data-cy="newsletter-link"]').within(() => {
+      cy.get('a').click()
+      cy.url().should('include', 'subscribe-to-newsletter')
+    })
+
+  })
+
+  it.only('checks the video is there', () => {
+    cy.get('[data-cy="video"]').within(() => {
+      cy.get('iframe').should('have.attr', 'src', 'https://player.vimeo.com/video/311756540')
+    })
+  })
+
+  it('checks to see if the try Nuxtjs button links to codesandbox', () => {
+    cy.get('a[data-cy="why"]')
+    .should('have.attr', 'href', 'https://template.nuxtjs.org')
+    .click()
+  })
+
   it('checks to see if the sponsor button links to the sponsor page', () => {
     cy.get('a[data-cy="sponsors"]').click()
     cy.url().should('include', '/sponsor-nuxtjs')
     cy.visit('/sponsor-nuxtjs')
   })
-  it.skip('checks to see if the try Nuxtjs button links to ', () => {
-    cy.get('a[data-cy="why"]')
-      .click()
-      .its('url')
-      .should(
-        'eq',
-        'https://codesandbox.io/s/github/nuxt/codesandbox-nuxt/tree/master/'
-      )
-  })
-  it.skip('github stars links to the right page', () => {
-    cy.get('a[data-cy="github-stars"]').click()
-    cy.url().should('eq', 'https://github.com/nuxt/nuxt.js')
-  })
+
+
 })