@newskit-render/core 0.0.0-d55b7d88

package/cypress/e2e/help-hub/landing-page.cy.js

@@ -0,0 +1,94 @@
+describe('Help Hub Landing Page Search bar', () => {
+  beforeEach(() => {
+    cy.mockConsentAndVisit('/help-hub')
+  })
+  it('Should have search bar and default list items', () => {
+    cy.get('[data-testid="page-header"]').contains('How can we help?')
+    cy.get('[data-testid="autocomplete-input"]').should('exist')
+    cy.get('[data-testid="introduction-title"]').contains(
+      'Our most read articles'
+    )
+    cy.get('[data-testid="content-list"]').should('exist')
+  })
+
+  it('Should show default suggestions onclick of the search bar', () => {
+    cy.get('[data-testid="autocomplete-input"]')
+      .should('be.visible')
+      .click({ force: true })
+    cy.get('[data-testid="autocomplete-panel"]').should('exist')
+    cy.get('[data-testid="autocomplete-input"]')
+      .should('be.visible')
+      .click({ force: true })
+    cy.get('[data-testid="autocomplete-panel"]').should('not.exist')
+  })
+
+  it('Should be able to search the results from search bar', () => {
+    cy.get('[data-testid="autocomplete-input"]').clear()
+    cy.get('[data-testid="autocomplete-input"]').type('google')
+    cy.get('[data-testid="autocomplete-panel"]').should('exist')
+  })
+
+  it('Should able type in searchbar and clear the text', () => {
+    cy.get('[data-testid="clear-button"]').should('not.exist')
+    cy.get('[data-testid="autocomplete-input"]').clear()
+    cy.get('[data-testid="autocomplete-input"]').type('google')
+    cy.get('[data-testid="autocomplete-input"]').should('have.value', 'google')
+    cy.get('[data-testid="clear-button"]').should('exist')
+    cy.get('[data-testid="clear-button"]').click()
+    cy.get('[data-testid="autocomplete-input"]').should('not.have.value')
+    cy.get('[data-testid="clear-button"]').should('not.exist')
+  })
+
+  it('Should redirect to result page on clicking the search icon', () => {
+    cy.get('[data-testid="search-button"]').should('exist')
+    cy.get('[data-testid="autocomplete-input"]').should('exist')
+    cy.get('[data-testid="autocomplete-input"]').clear()
+    cy.get('[data-testid="autocomplete-input"]').type('google')
+    cy.get('[data-testid="search-button"]').should('be.visible').click()
+    cy.url().should('eq', 'http://localhost:3000/help-hub/results?q=google')
+  })
+
+  it('Should be able to click on the list item', () => {
+    cy.get('[data-testid="content-list-item-0"]').should('exist')
+    cy.get('[data-testid="content-list-item-0"]').should('have.attr', 'href')
+    cy.get('[data-testid="content-list-item-0"]').click()
+  })
+
+  it('Should redirect to article page on clicking the default item from search bar dropdown list', () => {
+    cy.get('[data-testid="autocomplete-input"]')
+      .should('be.visible')
+      .click({ force: true })
+    cy.get('[data-testid="autocomplete-panel"]').should('exist')
+    cy.get('[id="autocomplete-0-item-0"]').should('be.visible').click()
+    cy.url().then((url) => {
+      cy.url().should('not.eq', url)
+    })
+  })
+
+  it('Should redirect to article page on clicking the item from search bar dropdown list', () => {
+    cy.get('[data-testid="autocomplete-input"]').should('exist')
+    cy.get('[data-testid="autocomplete-input"]').clear()
+    cy.get('[data-testid="autocomplete-input"]').type('google')
+    cy.get('[id="autocomplete-0-item-0"]').should('be.visible').click()
+    cy.location('href').should('include', '/article')
+  })
+
+  it('Should redirect to result page on pressing the enter key', () => {
+    cy.get('[data-testid="autocomplete-input"]').should('exist')
+    cy.get('[data-testid="autocomplete-input"]').clear()
+    cy.get('[data-testid="autocomplete-input"]').type('google')
+    cy.get('[data-testid="autocomplete-input"]').type('{enter}')
+    cy.location('href').should('include', '/result')
+  })
+})
+
+describe('Help Hub Landing Page', () => {
+  beforeEach(() => {
+    cy.mockConsentAndVisit('/help-hub')
+  })
+  it('Should be able to click on the default list item', () => {
+    cy.get('[data-testid="content-list-item-0"]').should('exist')
+    cy.get('[data-testid="content-list-item-0"]').should('have.attr', 'href')
+    cy.get('[data-testid="content-list-item-0"]').click()
+  })
+})

package/cypress/e2e/help-hub/result-page.cy.js

@@ -0,0 +1,117 @@
+describe('Help Hub Result Page Search bar', () => {
+  beforeEach(() => {
+    cy.mockConsentAndVisit('/help-hub')
+  })
+  it('Should have search bar and default list items', () => {
+    cy.get('[data-testid="page-header"]').contains('How can we help?')
+    cy.get('[data-testid="autocomplete-input"]').should('exist')
+    cy.get('[data-testid="introduction-title"]').contains(
+      'Our most read articles'
+    )
+    cy.get('[data-testid="content-list"]').should('exist')
+  })
+
+  it('Should show default suggestions onclick of the search bar', () => {
+    cy.get('[data-testid="autocomplete-input"]')
+      .should('be.visible')
+      .click({ force: true })
+    cy.get('[data-testid="autocomplete-panel"]').should('exist')
+    cy.get('[data-testid="autocomplete-input"]')
+      .should('be.visible')
+      .click({ force: true })
+    cy.get('[data-testid="autocomplete-panel"]').should('not.exist')
+  })
+
+  it('Should be able to search the results from search bar', () => {
+    cy.get('[data-testid="autocomplete-input"]').clear()
+    cy.get('[data-testid="autocomplete-input"]').type('google')
+    cy.get('[data-testid="autocomplete-panel"]').should('exist')
+  })
+
+  it('Should able type in searchbar and clear the text', () => {
+    cy.get('[data-testid="clear-button"]').should('not.exist')
+    cy.get('[data-testid="autocomplete-input"]').clear()
+    cy.get('[data-testid="autocomplete-input"]').type('google')
+    cy.get('[data-testid="autocomplete-input"]').should('have.value', 'google')
+    cy.get('[data-testid="clear-button"]').should('exist')
+    cy.get('[data-testid="clear-button"]').click()
+    cy.get('[data-testid="autocomplete-input"]').should('not.have.value')
+    cy.get('[data-testid="clear-button"]').should('not.exist')
+  })
+
+  it('Should redirect to result page on clicking the search icon', () => {
+    cy.get('[data-testid="search-button"]').should('exist')
+    cy.get('[data-testid="autocomplete-input"]').should('exist')
+    cy.get('[data-testid="autocomplete-input"]').clear()
+    cy.get('[data-testid="autocomplete-input"]').type('google')
+    cy.get('[data-testid="search-button"]').should('be.visible').click()
+    cy.url().should('eq', 'http://localhost:3000/help-hub/results?q=google')
+  })
+
+  it('Should be able to click on the list item', () => {
+    cy.get('[data-testid="content-list-item-0"]').should('exist')
+    cy.get('[data-testid="content-list-item-0"]').should('have.attr', 'href')
+    cy.get('[data-testid="content-list-item-0"]').click()
+  })
+
+  it('Should redirect to article page on clicking the default item from search bar dropdown list', () => {
+    cy.get('[data-testid="autocomplete-input"]')
+      .should('be.visible')
+      .click({ force: true })
+    cy.get('[data-testid="autocomplete-panel"]').should('exist')
+    cy.get('[id="autocomplete-0-item-0"]').should('be.visible').click()
+    cy.url().should('include', '/article/')
+  })
+
+  it('Should redirect to article page on clicking the item from search bar dropdown list', () => {
+    cy.get('[data-testid="autocomplete-input"]').should('exist')
+    cy.get('[data-testid="autocomplete-input"]').clear()
+    cy.get('[data-testid="autocomplete-input"]').type('google')
+    cy.get('[id="autocomplete-0-item-0"]').should('be.visible').click()
+    cy.location('href').should('include', '/article')
+  })
+
+  it('Should redirect to result page on pressing the enter key', () => {
+    cy.get('[data-testid="autocomplete-input"]').should('exist')
+    cy.get('[data-testid="autocomplete-input"]').clear()
+    cy.get('[data-testid="autocomplete-input"]').type('google')
+    cy.get('[data-testid="autocomplete-input"]').type('{enter}')
+    cy.location('href').should('include', '/result')
+  })
+})
+describe('Help Hub Result Page', () => {
+  beforeEach(() => {
+    cy.mockConsentAndVisit('/help-hub/results?q=a')
+  })
+
+  it('Should show search results', () => {
+    cy.get('[data-testid="introduction-title"]').contains('Search results')
+    cy.get('[data-testid="introduction-title"]').should('exist')
+    cy.get('[data-testid="description-block"]').should('exist')
+    cy.get('[data-testid="content-list"]').should('exist')
+    cy.get('[data-testid="content-list-item-0"]').should('exist')
+    cy.get('[data-testid="autocomplete-input"]').should('exist')
+  })
+
+  it('Should redirect to article page on clicking the search results', () => {
+    cy.get('[data-testid="content-list-item-0"]').should('exist')
+    cy.get('[data-testid="content-list-item-0"]').should('be.visible').click()
+    cy.location('href').should('include', '/article')
+  })
+
+  it('Should match the query param in the description block', () => {
+    const paramObj = {}
+    cy.url().then((url) => {
+      const arr = url.split('?')
+      arr.forEach((param) => {
+        const [key, value] = param.split('=')
+        paramObj[key] = value
+      })
+      cy.get('[data-testid="bold"]').contains(`${paramObj.q}`)
+    })
+  })
+  it('Should able to click the load more button', () => {
+    cy.get('[data-testid="load-more"]').should('exist')
+    cy.get('[data-testid="load-more"]').should('be.visible').click()
+  })
+})

package/cypress/fixtures/empty.html

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang='en'>
+<head>
+  <meta charset='UTF-8'>
+  <title>This should always pass</title>
+</head>
+<body>
+
+</body>
+</html>

package/cypress/fixtures/example.json

@@ -0,0 +1,5 @@
+{
+  "name": "Using fixtures to represent data",
+  "email": "hello@cypress.io",
+  "body": "Fixtures are a great way to mock data for responses to routes"
+}

package/cypress/fixtures/holiday-stops.json

@@ -0,0 +1,40 @@
+{
+  "holidayStops": [
+    {
+      "id": "a2U7Y000001r8c9UAA",
+      "startDate": "2023-10-10T00:00:00",
+      "endDate": "2023-11-11T00:00:00",
+      "status": "Requested"
+    },
+    {
+      "id": "a2U7Y000001sijmUAA",
+      "startDate": "2024-04-25T00:00:00",
+      "endDate": "2024-04-28T00:00:00",
+      "status": "Requested"
+    },
+    {
+      "id": "a2U7Y000001sijwUAA",
+      "startDate": "2024-06-25T00:00:00",
+      "endDate": "2024-06-28T00:00:00",
+      "status": "Requested"
+    },
+    {
+      "id": "a2U7Y000001sijXUAQ",
+      "startDate": "2024-01-25T00:00:00",
+      "endDate": "2024-01-28T00:00:00",
+      "status": "Requested"
+    },
+    {
+      "id": "a2U7Y000001sijcUAA",
+      "startDate": "2024-02-25T00:00:00",
+      "endDate": "2024-02-28T00:00:00",
+      "status": "Requested"
+    },
+    {
+      "id": "a2U7Y000001sijrUAA",
+      "startDate": "2024-05-25T00:00:00",
+      "endDate": "2024-05-28T00:00:00",
+      "status": "Requested"
+    }
+  ]
+}

package/cypress/fixtures/paymentFailure.js

@@ -0,0 +1,24 @@
+export const paymentFailure = {
+  active: true,
+  startDate: new Date(Date.now() - 24 * 35 * 3600 * 1000),
+}
+
+export const paymentFailureFirstNotice = {
+  active: true,
+  startDate: new Date(Date.now() - 24 * 3600 * 1000).toISOString(),
+}
+
+export const paymentFailureSecondNotice = {
+  active: true,
+  startDate: new Date(Date.now() - 24 * 27 * 3600 * 1000).toISOString(),
+}
+
+export const paymentFailureTerminatedNotice = {
+  active: true,
+  startDate: new Date(Date.now() - 24 * 35 * 3600 * 1000).toISOString(),
+}
+
+export const serviceCancellationDate = new Date(Date.now() + 20 * 30 * 3600 * 1000).toISOString()
+
+
+

package/cypress/fixtures/testDates.js

@@ -0,0 +1,26 @@
+export const getTestDates = (modifier = 0, fullYear = true) => {
+  const dateFormatOptions = {
+    year: 'numeric',
+    month: '2-digit',
+    day: '2-digit',
+  }
+
+  if (!fullYear) {
+    dateFormatOptions.year = '2-digit'
+  }
+
+  const today = new Date()
+
+  const startDate = new Date(today)
+  startDate.setMonth(today.getMonth() + 1)
+  startDate.setDate(today.getDate() + 2 + modifier)
+
+  const endDate = new Date(today)
+  endDate.setMonth(today.getMonth() + 1)
+  endDate.setDate(today.getDate() + 4 + modifier)
+
+  return [
+    startDate.toLocaleDateString('en-GB', dateFormatOptions),
+    endDate.toLocaleDateString('en-GB', dateFormatOptions),
+  ]
+}

package/cypress/support/commands.js

@@ -0,0 +1,125 @@
+//Note: Check periodically if these consent cookie values exprire
+import _ from 'lodash'
+import {
+  consentUUIDValue,
+  _sp_local_state,
+  _sp_user_consent_7377,
+  _sp_non_keyed_local_state,
+} from './consentValues'
+import { userMap } from './users'
+
+const setConsentLocalStorage = () => {
+  localStorage.setItem('_sp_local_state', JSON.stringify(_sp_local_state))
+  localStorage.setItem(
+    '_sp_user_consent_7377',
+    JSON.stringify(_sp_user_consent_7377)
+  )
+  localStorage.setItem(
+    '_sp_non_keyed_local_state',
+    JSON.stringify(_sp_non_keyed_local_state)
+  )
+}
+
+Cypress.Commands.add('mockConsentAndVisit', (url) => {
+  cy.setCookie('consentUUID', consentUUIDValue)
+  setConsentLocalStorage()
+  cy.visit(url)
+})
+
+Cypress.Commands.add('mockConsent', () => {
+  cy.setCookie('consentUUID', consentUUIDValue)
+  setConsentLocalStorage()
+})
+
+Cypress.Commands.add('GetAcsSession', (user = 'default') => {
+  const { username, password } = userMap[user]
+
+  cy.request({
+    method: 'POST',
+    url: 'https://login.staging-thesun.co.uk/services/session',
+    headers: {
+      'Content-Type': 'application/vnd.newsuk.acs.createsession-v1+json',
+    },
+    body: {
+      rememberMe: false,
+      gotoUrl: 'https://login.staging-thesun.co.uk/',
+      sso: false,
+      authCredentials: {
+        username,
+        password,
+      },
+    },
+  }).then((response) => {
+    const acs_ngn = response.body.acsCookies.cookies[0].value
+    cy.setCookie('acs_ngn', acs_ngn)
+  })
+})
+
+Cypress.Commands.add('GetTnlAcsSession', (user = 'tnl') => {
+  const { username, password } = userMap[user]
+
+  cy.request({
+    method: 'POST',
+    url: 'https://login.staging-thetimes.co.uk/services/session',
+    headers: {
+      'Content-Type': 'application/vnd.newsuk.acs.createsession-v1+json',
+    },
+    body: {
+      rememberMe: false,
+      gotoUrl: 'https://login.staging-thetimes.co.uk/',
+      sso: false,
+      authCredentials: {
+        username,
+        password,
+      },
+    },
+  }).then((response) => {
+    const acs_tnl = response.body.acsCookies.cookies[0].value
+    cy.setCookie('acs_tnl', acs_tnl)
+  })
+})
+
+Cypress.Commands.add('createNewEmail', () => {
+  const newEmail =
+    Cypress.env('MAIN_USER_EMAIL').split('@')[0].split('').reverse().join('') +
+    '@' +
+    Cypress.env('MAIN_USER_EMAIL').split('@')[1]
+  Cypress.env('newEmail', newEmail)
+})
+
+Cypress.Commands.add('getZuoraElement', (selector) => {
+  if (Cypress.config('chromeWebSecurity')) {
+    throw new Error('To get Zuora element `chromeWebSecurity` must be disabled')
+  }
+
+  return cy
+    .get('iframe')
+    .its('0.contentDocument.body')
+    .should('not.be.empty')
+    .then(cy.wrap)
+    .find(selector)
+})
+
+Cypress.Commands.add(
+  'visitAndOverrideNextData',
+  (url, originalObject, objToOverrideWith) => {
+    cy.visit(url, {
+      onBeforeLoad: (win) => {
+        let nextData
+
+        Object.defineProperty(win, '__NEXT_DATA__', {
+          set(o) {
+            _.set(o, `${originalObject}`, objToOverrideWith)
+            nextData = o
+          },
+          get() {
+            return nextData
+          },
+        })
+      },
+    })
+  },
+  Cypress.on('uncaught:exception', (err, runnable) => {
+    return false
+  })
+)