From 70ba5fe75f22fb261fd5e12e1d05e5d03b63378e Mon Sep 17 00:00:00 2001
From: Bau Nguyen <bauvannguyen123@gmail.com>
Date: Thu, 25 Apr 2024 15:11:42 +0100
Subject: [PATCH] add test for cookies page

---
 src/app/views/cookies.njk                  | 24 +++++-----
 test/end-to-end/cypress/cookies-spec-cy.js | 51 ++++++++++++++++++++++
 2 files changed, 63 insertions(+), 12 deletions(-)
 create mode 100644 test/end-to-end/cypress/cookies-spec-cy.js

diff --git a/src/app/views/cookies.njk b/src/app/views/cookies.njk
index 5f2d2bbb..1276f135 100644
--- a/src/app/views/cookies.njk
+++ b/src/app/views/cookies.njk
@@ -1,11 +1,11 @@
 {% extends '_layouts/omis-base.njk' %}
 
 {% block body_main_content %}
-  <h1>Cookies</h1>
+  <h1 data-test="header-cookies">Cookies</h1>
 
-  <p>GOV.UK puts small files (known as ‘cookies’) onto your computer to collect information about how you browse the site.</p>
+  <p data-test="paragraph-cookie-info">GOV.UK puts small files (known as ‘cookies’) onto your computer to collect information about how you browse the site.</p>
 
-  <p>Cookies are used to:</p>
+  <p data-test="paragraph-cookie-useage">Cookies are used to:</p>
 
   <ul>
     <li>measure how you use the website so it can be updated and improved based on your needs</li>
@@ -16,15 +16,15 @@
     <p>GOV.UK cookies aren’t used to identify you personally.</p>
   {% endcall %}
 
-  <p>You’ll normally see a message on the site before we store a cookie on your computer.</p>
+  <p data-test="paragraph-description">You’ll normally see a message on the site before we store a cookie on your computer.</p>
 
-  <p>Find out more about <a rel="external" href="https://ico.org.uk/for-the-public/online/cookies/">how to manage cookies</a>.</p>
+  <p>Find out more about <a data-test="cookies-link" rel="external" href="https://ico.org.uk/for-the-public/online/cookies/">how to manage cookies</a>.</p>
 
-  <h2>How cookies are used on GOV.UK</h2>
+  <h2 data-test="header-title-cookies">How cookies are used on GOV.UK</h2>
 
   <h3>Measuring website usage (Google Analytics)</h3>
 
-  <p>We use Google Analytics software to collect information about how you use GOV.UK. We do this to help make sure the site is meeting the needs of its users and to help us make improvements, for example <a rel="external" href="https://insidegovuk.blog.gov.uk/2015/03/26/new-tool-to-see-trending-searches/">improving site search</a>.</p>
+  <p>We use Google Analytics software to collect information about how you use GOV.UK. We do this to help make sure the site is meeting the needs of its users and to help us make improvements, for example <a rel="external" href="https://insidegovuk.blog.gov.uk/2015/03/26/new-tool-to-see-trending-searches/" data-test="google-analytics-link">improving site search</a>.</p>
 
   <p>Google Analytics stores information about:</p>
 
@@ -43,9 +43,9 @@
 
   <p>Google Analytics sets the following cookies:</p>
 
-  <h3>Universal Analytics</h3>
+  <h3 data-test="header-universal-analytics">Universal Analytics</h3>
 
-  <table>
+  <table data-test="table-universal-analytics">
     <thead>
       <tr>
         <th>Name</th>
@@ -74,7 +74,7 @@
 
   <h3>Google Analytics</h3>
 
-  <table>
+  <table data-test="table-google-analytics">
     <thead>
       <tr>
         <th>Name</th>
@@ -110,7 +110,7 @@
 
   <p>You may see a pop-up welcome message when you first visit GOV.UK. We’ll store a cookie so that your computer knows you’ve seen it and knows not to show it again.</p>
 
-  <table>
+  <table data-test="table-introductory-message">
     <thead>
       <tr>
         <th>Name</th>
@@ -131,7 +131,7 @@
 
   <p>If you choose to pay by credit or debit card we need to store a cookie for your payment session. The content of this is encrypted and never shared.</p>
 
-  <table>
+  <table data-test="table-pay-by-card">
     <thead>
       <tr>
         <th>Name</th>
diff --git a/test/end-to-end/cypress/cookies-spec-cy.js b/test/end-to-end/cypress/cookies-spec-cy.js
new file mode 100644
index 00000000..68b30799
--- /dev/null
+++ b/test/end-to-end/cypress/cookies-spec-cy.js
@@ -0,0 +1,51 @@
+describe("Omis Cookie Spec", () => {
+  context("cookies spec", () => {
+    beforeEach(() => {
+      cy.visit("http://localhost:4000/cookies");
+    });
+    it("visits cookies page", () => {
+      cy.get('[data-test="header-cookies"]')
+        .should("exist")
+        .and("have.text", "Cookies");
+
+      cy.get('[data-test="paragraph-cookie-info"]')
+        .should("exist")
+        .and(
+          "have.text",
+          "GOV.UK puts small files (known as ‘cookies’) onto your computer to collect information about how you browse the site."
+        );
+      cy.get('[data-test="paragraph-cookie-useage"]')
+        .should("exist")
+        .and("have.text", "Cookies are used to:");
+    });
+    it("should click the 'How to manage cookies link'", () => {
+      cy.get('[data-test="header-title-cookies"]')
+        .should("exist")
+        .and("have.text", "How cookies are used on GOV.UK");
+      cy.get('[data-test="cookies-link"]')
+        .should("exist")
+        .and("contain", "how to manage cookies")
+        .click();
+    });
+    it("should click the Google analytics external link", () => {
+      cy.get('[data-test="google-analytics-link"]')
+        .should("exist")
+        .and("contain", "improving site search")
+        .click();
+    });
+
+    it("should display information for universal analytics table", () => {
+      cy.get('[data-test="table-universal-analytics"]').should("exist");
+    });
+    it("should display information for google analytics table", () => {
+      cy.get('[data-test="table-google-analytics"]').should("exist");
+    });
+    it("should display information for introductory message table", () => {
+      cy.get('[data-test="table-introductory-message"]').should("exist");
+    });
+
+    it("should display information for paying by credit or debit card table", () => {
+      cy.get('[data-test="table-pay-by-card"]').should("exist");
+    });
+  });
+});