@newskit-render/core 0.0.0-d55b7d88

package/cypress/e2e/account/holiday-stops.cy.js

@@ -0,0 +1,109 @@
+import { getTestDates } from '../../fixtures/testDates'
+
+describe('Book a Holiday Stop', () => {
+  beforeEach(() => {
+    cy.GetTnlAcsSession('tnl')
+    cy.mockConsentAndVisit('/account/holiday-stop')
+  })
+
+  it('should display book a Holiday Stop page', () => {
+    cy.get('a[href="/account/subscription-and-billing"]').should('be.visible')
+    cy.contains('[data-testid="introduction-title"]', 'Book a Holiday Stop')
+    cy.contains('Add a Holiday Stop')
+  })
+})
+
+describe('Add a Holiday Stop', () => {
+  beforeEach(() => {
+    cy.GetTnlAcsSession('tnl')
+    cy.mockConsentAndVisit('/account/add/holiday-stop')
+  })
+
+  it('should display add Holiday Stop page', () => {
+    cy.get('[data-testid="introduction-title"]').contains('Add a Holiday Stop')
+    cy.get('[data-testid="create-holiday-stop"]').should('exist')
+    cy.get('[data-testid="create-holiday-stop"]').contains('Choose your dates')
+
+    cy.get('[id="startDate"]').should('exist')
+    cy.get('[id="endDate"]').should('exist')
+
+    cy.get('[data-testid="primary-button"]').should('exist')
+    cy.get('[data-testid="secondary-button"]')
+      .should('have.attr', 'href', '/account/holiday-stop')
+      .contains('Cancel')
+  })
+
+  it('should add a new Holiday Stop', () => {
+    const [startDate, endDate] = getTestDates()
+
+    cy.get('[id="startDate"]').should('be.visible').click({ force: true })
+    cy.get('input[name="startDate"]').type(startDate)
+    cy.get('input[name="endDate"]').type(endDate)
+
+    cy.get('[data-testid="primary-button"]')
+      .should('be.visible')
+      .click({ force: true })
+    cy.get('[data-testid="modal"]').should('exist')
+    cy.get('[data-testid="introduction-title"]').contains('Holiday Stop added')
+    cy.get('[data-testid="description-block"]').contains(
+      'You have successfully added a Holiday Stop to your account. Your account will be credited no more than 8 weeks after the holiday start date.'
+    )
+    cy.get('[aria-label="Retun to Holiday Stops"]').click()
+  })
+})
+
+describe('Upcoming Holiday Stops - edit button', () => {
+  beforeEach(() => {
+    cy.GetTnlAcsSession('tnl')
+    cy.mockConsentAndVisit('/account/holiday-stop')
+  })
+
+  const [startDate] = getTestDates(0, false)
+  const [fullStartDate, fullEndDate] = getTestDates()
+  const [newStartDate, newEndDate] = getTestDates(1)
+
+  it('should show redirect to edit page and show corresponding data', () => {
+    cy.get('[data-testid="content-list"] > ul > li')
+      .contains(startDate)
+      .parents('li')
+      .contains('Edit')
+      .click()
+    cy.url().should('match', /\/account\/edit\/holiday-stop?/)
+
+    cy.get('[name="startDate"]').invoke('val').should('equal', fullStartDate)
+    cy.get('[name="endDate"]').invoke('val').should('equal', fullEndDate)
+
+    cy.get('[id="startDate"]').should('be.visible').click({ force: true })
+
+    cy.get('input[name="startDate"]').type(`0{selectAll}${newStartDate}`)
+    cy.get('input[name="endDate"]').type(`0{selectAll}${newEndDate}`)
+
+    cy.get('body').click({ force: true })
+    cy.contains('[data-testid="primary-button"]', 'Save').click()
+    cy.contains('[data-testid="modal"]', 'Holiday Stop updated')
+    cy.contains('[data-testid="primary-button"]', 'OK').click()
+    cy.url().should('match', /account\/holiday-stop/)
+  })
+})
+
+describe('Cancel Holiday Stop', () => {
+  beforeEach(() => {
+    cy.GetTnlAcsSession('tnl')
+    cy.mockConsentAndVisit('/account/holiday-stop')
+  })
+
+  it('should show popup and cancel Holiday Stop', () => {
+    const [newStartDate] = getTestDates(1, false)
+
+    cy.get('[data-testid="content-list"] > ul > li')
+      .contains(newStartDate)
+      .parents('li')
+      .contains('Cancel')
+      .click()
+    cy.get('[data-testid="primary-button"]').click()
+    cy.contains(
+      '[data-testid="toast-container"]',
+      'Your Holiday Stop was successfully cancelled. Cancelled Holiday Stops will not be displayed.'
+    )
+  })
+})

package/cypress/e2e/account/main-api.cy.js

@@ -0,0 +1,102 @@
+describe('MAIN API', () => {
+  beforeEach(() => {
+    cy.GetAcsSession()
+    cy.mockConsentAndVisit('/account')
+  })
+
+  it('mutateUser - name', () => {
+    cy.getCookie(Cypress.env('ACCOUNT_PROVIDER_COOKIE_NAME')).then((cookie) => {
+      cy.request({
+        url: `${Cypress.env('E2E_BASE_URL')}/mutate`,
+        method: 'POST',
+        headers: {
+          Cookie: `${Cypress.env('ACCOUNT_PROVIDER_COOKIE_NAME')}=${
+            cookie.value
+          }`,
+        },
+        body: {
+          firstName: 'John',
+          lastName: 'Smith',
+          validationSchemaKey: 'name',
+        },
+      }).as('mutateUser')
+      cy.get('@mutateUser').then((updatedUser) => {
+        expect(updatedUser.status).to.eq(200)
+        expect(updatedUser.body.data.updateUser.email).to.eq(
+          'render.e2e.default@yopmail.com'
+        )
+      })
+    })
+  })
+
+  it('mutateUser - mobile', () => {
+    cy.getCookie(Cypress.env('ACCOUNT_PROVIDER_COOKIE_NAME')).then((cookie) => {
+      cy.request({
+        url: `${Cypress.env('E2E_BASE_URL')}/mutate`,
+        method: 'POST',
+        headers: {
+          Cookie: `${Cypress.env('ACCOUNT_PROVIDER_COOKIE_NAME')}=${
+            cookie.value
+          }`,
+        },
+        body: {
+          mobile: '+447777777778',
+          validationSchemaKey: 'mobile',
+        },
+      }).as('mutateUser')
+      cy.get('@mutateUser').then((updatedUser) => {
+        expect(updatedUser.status).to.eq(200)
+        expect(updatedUser.body.data.updateUser.email).to.eq(
+          'render.e2e.default@yopmail.com'
+        )
+      })
+    })
+  })
+
+  it('getUserQuery', () => {
+    cy.getCookie(Cypress.env('ACCOUNT_PROVIDER_COOKIE_NAME')).then((cookie) => {
+      cy.request({
+        url: `${Cypress.env('E2E_BASE_URL')}/query`,
+        method: 'POST',
+        headers: {
+          Cookie: `${Cypress.env('ACCOUNT_PROVIDER_COOKIE_NAME')}=${
+            cookie.value
+          }`,
+        },
+        body: {
+          queryFragment: 'UserProfile',
+        },
+      }).as('user')
+      cy.get('@user').then((response) => {
+        expect(response.status).to.eq(200)
+        expect(response.body.email).to.eq('render.e2e.default@yopmail.com')
+        expect(response.body.mobile).to.eq('+447777777778')
+        expect(response.body.firstName).to.eq('John')
+        expect(response.body.lastName).to.eq('Smith')
+        expect(response.body.address.city).to.eq('London')
+      })
+    })
+  })
+
+  it('getUserSubscription', () => {
+    cy.getCookie(Cypress.env('ACCOUNT_PROVIDER_COOKIE_NAME')).then((cookie) => {
+      cy.request({
+        url: `${Cypress.env('E2E_BASE_URL')}/query`,
+        method: 'POST',
+        headers: {
+          Cookie: `${Cypress.env('ACCOUNT_PROVIDER_COOKIE_NAME')}=${
+            cookie.value
+          }`,
+        },
+        body: {
+          queryFragment: 'UserSubscription',
+        },
+      }).as('userSubscription')
+      cy.get('@userSubscription').then((response) => {
+        expect(response.status).to.eq(200)
+        expect(response.body.cpn).to.eq('4AAA039437008')
+        assert.isArray(response.body.subscriptions)
+      })
+    })
+  })
+})

package/cypress/e2e/account/newsletters-and-alerts.cy.js

@@ -0,0 +1,149 @@
+/* eslint-disable no-only-tests/no-only-tests */
+
+describe('Newsletters and alerts without/with account', () => {
+  beforeEach(() => {
+    cy.GetTnlAcsSession('digitalCard')
+    cy.mockConsentAndVisit('/account/newsletters-and-alerts')
+  })
+
+  it('Should display page header and description', () => {
+    cy.contains('Newsletters & Alerts')
+    cy.contains(
+      'Manage your newsletters, notifications and all other contact preferences.'
+    )
+  })
+
+  it('Should display page data', () => {
+    cy.contains('Newsletters')
+    cy.contains(
+      'Get the stories you want to read, direct to your inbox. Choose from a range of daily or weekly newsletters on the subjects that matter to you.'
+    )
+    cy.get('a[aria-label="Newsletters"]')
+      .should('have.attr', 'href')
+      .and('match', /\/newsletters/)
+
+    cy.contains('Commenting notifications')
+    cy.contains(
+      'We’ll keep you informed on conversations you contribute to or follow, by sending you email notifications. Just let us know when you’d like to be notified.'
+    )
+
+    cy.contains('Contact preferences')
+    cy.contains(
+      "We'd like to keep in touch, but only if you want us to. Manage how we contact you about marketing, special offers and promotions from our partners."
+    )
+    cy.get('a[aria-label="Contact preferences"]').should(
+      'have.attr',
+      'href',
+      '#'
+    )
+  })
+})
+
+describe('Newsletters and alerts edit pages', () => {
+  beforeEach(() => {
+    cy.GetTnlAcsSession('digitalCard')
+    cy.mockConsentAndVisit('/account/newsletters-and-alerts')
+  })
+
+  describe('Edit commenting notifications', () => {
+    it('Should show user commenting notifications', () => {
+      cy.get('a[href="/account/edit/commenting-notifications"]')
+        .should('be.visible')
+        .click()
+
+      cy.contains('Edit your commenting notifications')
+      cy.contains(
+        'We’ll send you email notifications you to keep you informed on conversations you contribute to or follow.'
+      )
+
+      cy.contains('Choose when you’d like to receive notifications:')
+
+      cy.contains('label', 'When someone mentions me in a comment')
+      cy.get('input[name="userMentioned"]').should('not.have.value', 'checked')
+      cy.contains('label', 'When someone likes one of my comments')
+      cy.get('input[name="likedYourMessage"]').should(
+        'not.have.value',
+        'checked'
+      )
+      cy.contains('label', 'When someone replies to one of my comments')
+      cy.get('input[name="repliedToMessage"]').should(
+        'not.have.value',
+        'checked'
+      )
+
+      cy.contains('[data-testid="primary-button"]', 'Save')
+      cy.contains('[data-testid="secondary-button"]', 'Cancel')
+
+      // Redirects to Newsletters and Alerts page
+      cy.get('[data-testid="secondary-button"]').click()
+      cy.location().should((loc) => {
+        expect(loc.pathname).to.eq('/account/newsletters-and-alerts')
+      })
+    })
+
+    it('Should change user commenting notifications', () => {
+      cy.get('a[href="/account/edit/commenting-notifications"]')
+        .should('be.visible')
+        .click()
+
+      cy.contains('When someone mentions me in a comment').click()
+      cy.contains('When someone likes one of my comments').click()
+      cy.contains('When someone replies to one of my comments').click()
+      cy.get('[data-testid="primary-button"]').click()
+
+      cy.contains(
+        '[data-testid="toast-container"]',
+        'Updating your preferences...'
+      )
+
+      // Redirects to Newsletters and Alerts page
+      cy.location().should((loc) => {
+        expect(loc.pathname).to.eq('/account/newsletters-and-alerts')
+      })
+      cy.contains(
+        '[data-testid="toast-container"]',
+        'Your commenting notifications has been updated'
+      )
+
+      cy.visit('/account/edit/commenting-notifications')
+      cy.get('[data-testid="userMentioned"]').should('be.checked')
+      cy.get('[data-testid="likedYourMessage"]').should('be.checked')
+      cy.get('[data-testid="repliedToMessage"]').should('be.checked')
+      cy.contains('When someone mentions me in a comment').click()
+      cy.contains('When someone likes one of my comments').click()
+      cy.contains('When someone replies to one of my comments').click()
+      cy.get('[data-testid="primary-button"]').click()
+
+      cy.contains(
+        '[data-testid="toast-container"]',
+        'Updating your preferences...'
+      )
+      cy.contains(
+        '[data-testid="toast-container"]',
+        'Your commenting notifications has been updated'
+      )
+    })
+
+    it('Should show error toast when updating commenting notifications if internal server error occures', () => {
+      cy.intercept('POST', '/api/account/mutate', { statusCode: 500 })
+
+      cy.get('a[href="/account/edit/commenting-notifications"]')
+        .should('be.visible')
+        .click()
+
+      cy.get('[data-testid="userMentioned"]').check()
+      cy.get('[data-testid="likedYourMessage"]').check()
+      cy.get('[data-testid="repliedToMessage"]').check()
+      cy.get('[data-testid="primary-button"]').click()
+
+      cy.contains(
+        '[data-testid="toast-container"]',
+        'Updating your preferences...'
+      )
+      cy.contains(
+        '[data-testid="toast-container"]',
+        "Sorry, we're unable to save your commenting notifications right now. Please try again or come back later."
+      )
+    })
+  })
+})

package/cypress/e2e/account/newsletters-page.cy.js

@@ -0,0 +1,69 @@
+describe('Newsletters page', () => {
+  beforeEach(() => {
+    cy.GetTnlAcsSession()
+    cy.mockConsentAndVisit('/account/newsletters')
+  })
+
+  it('Should display the newsletters page', () => {
+    cy.contains('Newsletters')
+    cy.contains(
+      'Exclusive content and a curated selection of our top stories straight to your inbox.'
+    )
+    cy.get('[data-testid="newsletters-grid"] > div').should('have.length', 20)
+  })
+
+  it('Should display all required newsletter text in the first grid card', () => {
+    cy.get('[data-testid="newsletters-grid"]').then(($parentDiv) => {
+      const firstNewsletter = $parentDiv.find('div:first-child')
+
+      cy.wrap(firstNewsletter).contains('Business').should('be.visible')
+      cy.wrap(firstNewsletter).contains('Daily').should('be.visible')
+      cy.wrap(firstNewsletter)
+        .contains(
+          "The business editor's exclusive analysis of all the latest financial and economic news."
+        )
+        .should('be.visible')
+    })
+  })
+
+  it('Should successfully subscribe to a newsletter', () => {
+    cy.get('[data-testid="newsletters-grid"]').then(($parentDiv) => {
+      cy.intercept('POST', '/api/account/mutate', { statusCode: 200, ok: true })
+
+      const firstNewsletter = $parentDiv.find('div:first-child')
+
+      cy.wrap(firstNewsletter)
+        .find('[data-testid="switch-wrapper"]')
+        .eq(0)
+        .should('be.visible')
+        .click()
+
+      cy.contains(
+        '[data-testid="toast-container"]',
+        'Thank you, you are now signed up to the Business newsletter'
+      )
+    })
+  })
+
+  it('Should show the error toast on server error', () => {
+    cy.get('[data-testid="newsletters-grid"]').then(($parentDiv) => {
+      cy.intercept('POST', '/api/account/mutate', {
+        statusCode: 500,
+        ok: false,
+      })
+
+      const firstNewsletter = $parentDiv.find('div:first-child')
+
+      cy.wrap(firstNewsletter)
+        .find('[data-testid="switch-wrapper"]')
+        .eq(0)
+        .should('be.visible')
+        .click()
+
+      cy.contains(
+        '[data-testid="toast-container"]',
+        'Sorry we were unable to sign you up to the Business newsletter, please try again'
+      )
+    })
+  })
+})

package/cypress/e2e/account/payment-page.cy.js

@@ -0,0 +1,98 @@
+describe('My account Payment methods page', () => {
+  beforeEach(() => {
+    cy.GetTnlAcsSession()
+    cy.mockConsentAndVisit('/account/payment-methods')
+  })
+
+  it('should show payment options', () => {
+    cy.get('[data-testid="content-list-item-0"]')
+      .should('have.attr', 'href', '/account/payment/credit-card')
+      .contains('Debit/Credit Card')
+
+    cy.get('[data-testid="content-list-item-1"]')
+      .should('have.attr', 'href', '/account/payment/direct-debit')
+      .contains('Direct Debit')
+  })
+})
+
+describe('My account credit card payment method page', () => {
+  beforeEach(() => {
+    cy.mockConsentAndVisit('/account/payment/credit-card')
+  })
+
+  it('should load the zuora iFrame', () => {
+    cy.get('iframe').should('exist')
+  })
+  it('should show the credit card payment page title', () => {
+    cy.get('[data-testid="introduction-title"]').contains('Debit/Credit Card')
+  })
+})
+describe('My account direct debit payment method page', () => {
+  beforeEach(() => {
+    cy.mockConsentAndVisit('/account/payment/direct-debit')
+  })
+
+  it('should load the zuora iFrame', () => {
+    cy.get('iframe').should('exist')
+  })
+  it('should show the credit card payment page title', () => {
+    cy.get('[data-testid="introduction-title"]').contains(
+      'Set up a Direct Debit'
+    )
+  })
+})
+describe('My account /payment when used without payment method', () => {
+  beforeEach(() => {
+    cy.mockConsentAndVisit('/account/payment')
+  })
+  it('should load the Zuora iframe', () => {
+    cy.get('iframe').should('exist')
+  })
+  it('should show the generic payment page - the Zuora credit card iframe', () => {
+    cy.get('[data-testid="introduction-title"]').contains(
+      'Edit your payment method'
+    )
+  })
+})
+// describe('My account Payment page', () => {
+//   beforeEach(() => {
+//     cy.mockConsentAndVisit('/account/payment')
+//   })
+
+//   it('should load the zuora iFrame', () => {
+//     cy.get('iframe').should('exist')
+//   })
+
+//   it('should successully send the form', () => {
+//     if (Cypress.config('chromeWebSecurity')) {
+//       throw new Error(
+//         'To get Zuora element `chromeWebSecurity` must be disabled'
+//       )
+//     }
+
+//     cy.get('iframe').should('exist')
+//     cy.getZuoraElement('input[name="field_creditCardHolderName"]').type(
+//       'Gabriel Dimitrov'
+//     )
+//     cy.getZuoraElement('input[name="field_creditCardNumber"]').type(
+//       '4111 1111 1111 1111'
+//     )
+//     cy.getZuoraElement('input[name="field_cardSecurityCode"]').type('123')
+//     cy.getZuoraElement('input[name="field_creditCardPostalCode"]').type(
+//       'E11 9HB'
+//     )
+
+//     cy.getZuoraElement('select[name="field_creditCardExpirationMonth"]').select(
+//       '11'
+//     )
+//     cy.getZuoraElement('select[name="field_creditCardExpirationYear"]').select(
+//       '2026'
+//     )
+//     cy.getZuoraElement('#submitButton').click()
+
+//     cy.contains(
+//       '[data-testid="toast-container"]',
+//       'Your payment method has been updated'
+//     )
+//   })
+// })