@newskit-render/core 4.26.0-alpha.2 → 4.26.0-alpha.4

package/.eslintrc

@@ -1,5 +1,5 @@
 {
-  "plugins": ["prettier", "@typescript-eslint", "cypress"],
+  "plugins": ["prettier", "@typescript-eslint", "cypress", "no-only-tests"],
   "extends": ["airbnb-typescript", "prettier", "plugin:cypress/recommended", "next/core-web-vitals", "next"],
   "parser": "@typescript-eslint/parser",
   "parserOptions": {
@@ -13,6 +13,7 @@
     }
   },
   "rules": {
+    "no-only-tests/no-only-tests": "error",
     "object-curly-spacing": ["warn", "always"],
     "no-unused-vars": [
       "warn",

package/cypress/e2e/account/SkipToContent.cy.js

@@ -5,7 +5,8 @@ describe('SkipToContent', () => {
   })
 
   it('should take the user to the beginning of the main area', () => {
-    cy.get('[data-testid="skip-to-content"]').focus().click()
+    cy.get('[data-testid="skip-to-content"]').focus()
+    cy.get('[data-testid="skip-to-content"]').click()
     cy.focused().should('have.id', 'main')
   })
 })

package/cypress/e2e/account/account-subscription.cy.js

@@ -81,7 +81,8 @@ describe('Account Subscription & Cancellation', () => {
     cy.get('a[href="/account/cancellation"]').should('be.visible').click()
 
     cy.get('[type="radio"]').first().check()
-    cy.get('[data-testid="primary-button"]').scrollIntoView().click()
+    cy.get('[data-testid="primary-button"]').scrollIntoView()
+    cy.get('[data-testid="primary-button"]').click()
     cy.contains('Are you sure you want to cancel your subscription?')
     cy.contains(
       'You will lose unlimited access to exclusive content and benefits.'
@@ -95,7 +96,8 @@ describe('Account Subscription & Cancellation', () => {
       statusCode: 200,
       body: { data: { cancelSubscription: { success: true } } },
     })
-    cy.get('[data-testid="primary-button"]').scrollIntoView().click()
+    cy.get('[data-testid="primary-button"]').scrollIntoView()
+    cy.get('[data-testid="primary-button"]').click()
     cy.get('[data-testid="dialog-content"]').should('be.visible')
     // go back to subscription and billing
     cy.contains('Back to account').click()
@@ -136,8 +138,10 @@ describe('Account Subscription & Cancellation', () => {
     cy.mockConsentAndVisit('/account/cancellation')
     cy.contains('Please tell us why you want to cancel')
     cy.get('[type="radio"]').check('Other')
-    cy.get('textarea[name="other"]').clear().type('Thanks my business')
-    cy.get('[data-testid="primary-button"]').scrollIntoView().click()
+    cy.get('textarea[name="other"]').clear()
+    cy.get('textarea[name="other"]').type('Thanks my business')
+    cy.get('[data-testid="primary-button"]').scrollIntoView()
+    cy.get('[data-testid="primary-button"]').click()
     cy.contains('Are you sure you want to cancel your subscription?')
   })
 
@@ -152,11 +156,8 @@ describe('Account Subscription & Cancellation', () => {
       date.toISOString()
     )
     cy.get('[data-testid="past-due-banner"]').should('be.visible')
-    cy.contains('Your subscription will end soon.')
-    cy.get('button[data-testid="banner-close-button"]').click({
-      force: true,
-      multiple: true,
-    })
+    cy.contains('Your subscription will end soon.').should('exist')
+    cy.get('[data-testid="banner-close-button"]').filter(':visible').click()
     cy.reload()
     cy.get('[data-testid="past-due-banner"]').should('not.exist')
   })
@@ -236,7 +237,8 @@ describe('Account Subscription & Cancellation', () => {
       body: { data: { updateUserSubscription: { success: true } } },
     })
 
-    cy.get('[data-testid="primary-button"]').scrollIntoView().click()
+    cy.get('[data-testid="primary-button"]').scrollIntoView()
+    cy.get('[data-testid="primary-button"]').click()
     cy.contains(
       '[data-testid="toast-container"]',
       'Updating your delivery instructions'
@@ -261,22 +263,24 @@ describe('Account Subscription & Cancellation', () => {
       'Please note that if you choose a delivery location that is not secure we cannot be liable for lost or stolen newspapers.'
     )
     cy.get('textarea[name="other"]').clear()
-    cy.get('[data-testid="primary-button"]').scrollIntoView().click()
+    cy.get('[data-testid="primary-button"]').scrollIntoView()
+    cy.get('[data-testid="primary-button"]').click()
     cy.contains('Please enter your delivery instructions.')
-    cy.get('textarea[name="other"]')
-      .clear()
-      .type(
-        'This is more than seventy Characters. Lorem ipsum dolor sit amet, consectetur.'
-      )
+    cy.get('textarea[name="other"]').clear()
+    cy.get('textarea[name="other"]').type(
+      'This is more than seventy Characters. Lorem ipsum dolor sit amet, consectetur.'
+    )
     cy.contains('You have 0 characters remaining')
-    cy.get('textarea[name="other"]').clear().type('Ring the bell')
+    cy.get('textarea[name="other"]').clear()
+    cy.get('textarea[name="other"]').type('Ring the bell')
     // mock sussesful api call
     cy.intercept('POST', '/api/account/mutate', {
       statusCode: 200,
       body: { data: { updateUserSubscription: { success: true } } },
     })
 
-    cy.get('[data-testid="primary-button"]').scrollIntoView().click()
+    cy.get('[data-testid="primary-button"]').scrollIntoView()
+    cy.get('[data-testid="primary-button"]').click()
     cy.contains(
       '[data-testid="toast-container"]',
       'Updating your delivery instructions'

package/cypress/e2e/account/personal-details.cy.js

@@ -43,7 +43,7 @@ describe('Personal details with account', () => {
     cy.mockConsentAndVisit('/account')
   })
 
-  it.only('Should display logged-in user data', () => {
+  it('Should display logged-in user data', () => {
     cy.contains('[data-testid="ContentListIntroduction"]', 'Profile')
     cy.contains('Name')
     cy.contains('John Smith')
@@ -101,8 +101,10 @@ describe('Personal detail edit pages', () => {
     it('Should change user first and last name', () => {
       cy.get('a[href="/account/edit/name"]').should('be.visible').click()
 
-      cy.get('[name="firstName"]').clear().type('John')
-      cy.get('[name="lastName"]').clear().type('Smith')
+      cy.get('[name="firstName"]').clear()
+      cy.get('[name="firstName"]').type('John')
+      cy.get('[name="lastName"]').clear()
+      cy.get('[name="lastName"]').type('Smith')
       cy.get('[data-testid="primary-button"]').click()
 
       cy.contains('[data-testid="toast-container"]', 'Updating your name...')
@@ -124,13 +126,15 @@ describe('Personal detail edit pages', () => {
       cy.get('[data-testid="primary-button"]').click()
       cy.contains('Please enter your First Name')
 
-      cy.get('[name="firstName"]').clear().type('?')
+      cy.get('[name="firstName"]').clear()
+      cy.get('[name="firstName"]').type('?')
       cy.get('[data-testid="primary-button"]').click()
       cy.contains(
         'Your first name can’t contain special characters. Please try again.'
       )
 
-      cy.get('[name="firstName"]').clear().type('John1')
+      cy.get('[name="firstName"]').clear()
+      cy.get('[name="firstName"]').type('John1')
       cy.get('[data-testid="primary-button"]').click()
       cy.contains(
         'Your first name can’t contain special characters. Please try again.'
@@ -140,13 +144,15 @@ describe('Personal detail edit pages', () => {
       cy.get('[data-testid="primary-button"]').click()
       cy.contains('Please enter your Last Name')
 
-      cy.get('[name="lastName"]').clear().type('?')
+      cy.get('[name="lastName"]').clear()
+      cy.get('[name="lastName"]').type('?')
       cy.get('[data-testid="primary-button"]').click()
       cy.contains(
         'Your first name can’t contain special characters. Please try again.'
       )
 
-      cy.get('[name="lastName"]').clear().type('Smith1')
+      cy.get('[name="lastName"]').clear()
+      cy.get('[name="lastName"]').type('Smith1')
       cy.get('[data-testid="primary-button"]').click()
       cy.contains(
         'Your first name can’t contain special characters. Please try again.'
@@ -169,8 +175,10 @@ describe('Personal detail edit pages', () => {
 
       cy.get('a[href="/account/edit/name"]').should('be.visible').click()
 
-      cy.get('[name="firstName"]').clear().type('John')
-      cy.get('[name="lastName"]').clear().type('Smith')
+      cy.get('[name="firstName"]').clear()
+      cy.get('[name="firstName"]').type('John')
+      cy.get('[name="lastName"]').clear()
+      cy.get('[name="lastName"]').type('Smith')
       cy.get('[data-testid="primary-button"]').click()
 
       cy.contains('[data-testid="toast-container"]', 'Updating your name...')
@@ -203,7 +211,8 @@ describe('Personal detail edit pages', () => {
     it('Should change user display name', () => {
       cy.get('a[href="/account/edit/displayName"]').should('be.visible').click()
 
-      cy.get('[name="displayName"]').clear().type('JohnSmithNewsUK')
+      cy.get('[name="displayName"]').clear()
+      cy.get('[name="displayName"]').type('JohnSmithNewsUK')
       cy.get('[data-testid="primary-button"]').click()
 
       cy.contains(
@@ -228,7 +237,8 @@ describe('Personal detail edit pages', () => {
       cy.get('[data-testid="primary-button"]').click()
       cy.contains('Please enter your Display Name')
 
-      cy.get('[name="displayName"]').clear().type('?')
+      cy.get('[name="displayName"]').clear()
+      cy.get('[name="displayName"]').type('?')
       cy.get('[data-testid="primary-button"]').click()
       cy.contains(
         'Your Display name can only contain alphanumeric characters, hyphens, apostrophes and spaces'
@@ -242,7 +252,8 @@ describe('Personal detail edit pages', () => {
       ).should('not.exist')
 
       // Accepts numeric data
-      cy.get('[name="displayName"]').clear().type('JohnSmithNewsUK1')
+      cy.get('[name="displayName"]').clear()
+      cy.get('[name="displayName"]').type('JohnSmithNewsUK1')
       cy.get('[name="displayName"]').blur()
       cy.contains(
         'Your Display name can only contain alphanumeric characters, hyphens, apostrophes and spaces'
@@ -253,7 +264,8 @@ describe('Personal detail edit pages', () => {
 
       cy.get('a[href="/account/edit/displayName"]').should('be.visible').click()
 
-      cy.get('[name="displayName"]').clear().type('JohnSmithNewsUK')
+      cy.get('[name="displayName"]').clear()
+      cy.get('[name="displayName"]').type('JohnSmithNewsUK')
       cy.get('[data-testid="primary-button"]').click()
 
       cy.contains(
@@ -297,7 +309,8 @@ describe('Personal detail edit pages', () => {
 
       cy.get('a[href="/account/edit/email"]').should('be.visible').click()
 
-      cy.get('[name="email"]').clear().type(notRegistredEmail)
+      cy.get('[name="email"]').clear()
+      cy.get('[name="email"]').type(notRegistredEmail)
       cy.get('[data-testid="primary-button"]').click()
 
       cy.contains('[data-testid="toast-container"]', 'Updating your email...')
@@ -324,7 +337,8 @@ describe('Personal detail edit pages', () => {
       )
 
       // Change email back to the previous email
-      cy.get('[name="email"]').clear().type(currentEmail)
+      cy.get('[name="email"]').clear()
+      cy.get('[name="email"]').type(currentEmail)
       cy.get('[data-testid="primary-button"]').click()
     })
     it('Should NOT change user email if input value is already registered mail', () => {
@@ -332,7 +346,8 @@ describe('Personal detail edit pages', () => {
 
       cy.get('a[href="/account/edit/email"]').should('be.visible').click()
 
-      cy.get('[name="email"]').clear().type(alreadyRegistredEmail)
+      cy.get('[name="email"]').clear()
+      cy.get('[name="email"]').type(alreadyRegistredEmail)
       cy.get('[data-testid="primary-button"]').click()
 
       cy.contains('[data-testid="toast-container"]', 'Updating your email...')
@@ -346,9 +361,10 @@ describe('Personal detail edit pages', () => {
 
       cy.get('[name="email"]').clear()
       cy.get('[data-testid="primary-button"]').click()
-      cy.contains('Please enter your Email address')
+      cy.contains('Please enter your email address')
 
-      cy.get('[name="email"]').clear().type('invalid-email@news')
+      cy.get('[name="email"]').clear()
+      cy.get('[name="email"]').type('invalid-email@news')
       cy.get('[data-testid="primary-button"]').click()
       cy.contains(
         'That doesn’t look like a valid email address. Please try again.'
@@ -366,7 +382,8 @@ describe('Personal detail edit pages', () => {
 
       cy.get('a[href="/account/edit/email"]').should('be.visible').click()
 
-      cy.get('[name="email"]').clear().type('valid-email@news.co.uk')
+      cy.get('[name="email"]').clear()
+      cy.get('[name="email"]').type('valid-email@news.co.uk')
       cy.get('[data-testid="primary-button"]').click()
 
       cy.contains('[data-testid="toast-container"]', 'Updating your email...')
@@ -469,12 +486,13 @@ describe('Personal detail edit pages', () => {
       cy.get('a[href="/account/edit/mobile"]').should('be.visible').click()
 
       cy.get('[name="mobileCountry"]').select('United Kingdom')
-      cy.get('[name="mobile"]').clear().type('070 0012 3456')
+      cy.get('[name="mobile"]').clear()
+      cy.get('[name="mobile"]').type('070 0012 3456')
       cy.get('[data-testid="primary-button"]').click()
 
       cy.contains(
         '[data-testid="toast-container"]',
-        'Updating your mobile telephone number...'
+        'Updating your mobile number...'
       )
 
       // Redirects to Personal details page
@@ -484,7 +502,7 @@ describe('Personal detail edit pages', () => {
       cy.contains('070 0012 3456').should('have.length', 1)
       cy.contains(
         '[data-testid="toast-container"]',
-        'Your mobile telephone number has been updated.'
+        'Your mobile number has been updated.'
       )
     })
     it('Should show input validation error messages when user tries to add invalid mobile number', () => {
@@ -495,13 +513,15 @@ describe('Personal detail edit pages', () => {
 
       cy.get('[name="mobile"]').clear()
       cy.get('[data-testid="primary-button"]').click()
-      cy.contains('Please enter your mobile telephone number')
+      cy.contains('Please enter your mobile number')
 
-      cy.get('[name="mobile"]').clear().type('stringdata?')
+      cy.get('[name="mobile"]').clear()
+      cy.get('[name="mobile"]').type('stringdata?')
       cy.get('[data-testid="primary-button"]').click()
       cy.get('[name="mobile"]').should('have.value', '')
 
-      cy.get('[name="mobile"]').clear().type('435345')
+      cy.get('[name="mobile"]').clear()
+      cy.get('[name="mobile"]').type('435345')
       cy.get('[data-testid="primary-button"]').click()
       cy.contains(
         'That doesn’t look like a valid phone number. Please try again.'
@@ -511,7 +531,7 @@ describe('Personal detail edit pages', () => {
       cy.get('[data-testid="primary-button"]').click()
       cy.contains(
         '[data-testid="toast-container"]',
-        'Updating your mobile telephone number...'
+        'Updating your mobile number...'
       ).should('not.exist')
     })
     it('Should show error toast when updating mobile number if internal server error occures', () => {
@@ -519,16 +539,17 @@ describe('Personal detail edit pages', () => {
 
       cy.get('a[href="/account/edit/mobile"]').should('be.visible').click()
 
-      cy.get('[name="mobile"]').clear().type('070 0012 3456')
+      cy.get('[name="mobile"]').clear()
+      cy.get('[name="mobile"]').type('070 0012 3456')
       cy.get('[data-testid="primary-button"]').click()
 
       cy.contains(
         '[data-testid="toast-container"]',
-        'Updating your mobile telephone number...'
+        'Updating your mobile number...'
       )
       cy.contains(
         '[data-testid="toast-container"]',
-        "Sorry, we're unable to save your mobile telephone number right now. Please try again or come back later."
+        "Sorry, we're unable to save your mobile number right now. Please try again or come back later."
       )
     })
   })
@@ -560,12 +581,13 @@ describe('Personal detail edit pages', () => {
       cy.get('a[href="/account/edit/landline"]').should('be.visible').click()
 
       cy.get('[name="phoneNumberCountry"]').select('United Kingdom')
-      cy.get('[name="phoneNumber"]').clear().type('020 7782 6000')
+      cy.get('[name="phoneNumber"]').clear()
+      cy.get('[name="phoneNumber"]').type('020 7782 6000')
       cy.get('[data-testid="primary-button"]').click()
 
       cy.contains(
         '[data-testid="toast-container"]',
-        'Updating your landline telephone number...'
+        'Updating your landline number...'
       )
 
       // Redirects to Personal details page
@@ -575,7 +597,7 @@ describe('Personal detail edit pages', () => {
       cy.contains('020 7782 6000').should('have.length', 1)
       cy.contains(
         '[data-testid="toast-container"]',
-        'Your landline telephone number has been updated.'
+        'Your landline number has been updated.'
       )
     })
     it('Should show input validation error messages when user tries to add invalid landline number', () => {
@@ -586,9 +608,10 @@ describe('Personal detail edit pages', () => {
 
       cy.get('[name="phoneNumber"]').clear()
       cy.get('[data-testid="primary-button"]').click()
-      cy.contains('Please enter your landline telephone number')
+      cy.contains('Please enter your landline number')
 
-      cy.get('[name="phoneNumber"]').clear().type('stringdata?')
+      cy.get('[name="phoneNumber"]').clear()
+      cy.get('[name="phoneNumber"]').type('stringdata?')
       cy.get('[data-testid="primary-button"]').click()
       cy.get('[name="phoneNumber"]').should('have.value', '')
 
@@ -602,7 +625,7 @@ describe('Personal detail edit pages', () => {
       cy.get('[data-testid="primary-button"]').click()
       cy.contains(
         '[data-testid="toast-container"]',
-        'Updating your landline telephone number...'
+        'Updating your landline number...'
       ).should('not.exist')
     })
     it('Should show error toast when updating landline number if internal server error occures', () => {
@@ -610,16 +633,18 @@ describe('Personal detail edit pages', () => {
 
       cy.get('a[href="/account/edit/landline"]').should('be.visible').click()
 
-      cy.get('[name="phoneNumber"]').clear().type('020 7782 6000')
+      cy.get('[name="phoneNumber"]').clear()
+      cy.get('[name="phoneNumber"]').type('020 7782 6000')
+
       cy.get('[data-testid="primary-button"]').click()
 
       cy.contains(
         '[data-testid="toast-container"]',
-        'Updating your landline telephone number...'
+        'Updating your landline number...'
       )
       cy.contains(
         '[data-testid="toast-container"]',
-        "Sorry, we're unable to save your landline telephone number right now. Please try again or come back later."
+        "Sorry, we're unable to save your landline number right now. Please try again or come back later."
       )
     })
   })
@@ -666,12 +691,14 @@ describe('Personal detail edit pages', () => {
     it('Should change user address', () => {
       cy.get('a[href="/account/edit/address"]').should('be.visible').click()
 
-      cy.get('input[name="line1"]').clear().type('News UK')
-      cy.get('input[name="line2"]').clear().type('1 London Bridge Street')
-      // cy.get('input[name="line3"]').clear().type('')
-      cy.get('input[name="city"]').clear().type('London')
-      // cy.get('input[name="county"]').clear().type('')
-      cy.get('input[name="postcode"]').clear().type('SE1 9GF')
+      cy.get('input[name="line1"]').clear()
+      cy.get('input[name="line1"]').type('News UK')
+      cy.get('input[name="line2"]').clear()
+      cy.get('input[name="line2"]').type('1 London Bridge Street')
+      cy.get('input[name="city"]').clear()
+      cy.get('input[name="city"]').type('London')
+      cy.get('input[name="postcode"]').clear()
+      cy.get('input[name="postcode"]').type('SE1 9GF')
       cy.get('button[name="country"]').click()
       cy.get('[data-testid="United Kingdom"]').first().click() //Why first?
 
@@ -713,7 +740,8 @@ describe('Personal detail edit pages', () => {
       cy.get('button[name="country"]').click() // How to clear the country?
       cy.get('[data-testid="Antarctica"]').click()
 
-      cy.get('input[name="search"]').clear().type('SE1 9GF')
+      cy.get('input[name="search"]').clear()
+      cy.get('input[name="search"]').type('SE1 9GF')
       cy.get('.pcadescription').click({ multiple: true })
       cy.contains('News UK, 1 London Bridge Street').click()
 
@@ -754,13 +782,18 @@ describe('Personal detail edit pages', () => {
     it('Should show input validation error messages when user tries to add invalid address', () => {
       cy.get('a[href="/account/edit/address"]').should('be.visible').click()
 
-      cy.get('input[name="line1"]').clear().blur()
+      cy.get('input[name="line1"]').clear()
+      cy.get('input[name="line1"]').blur()
       cy.contains('Please enter your first line of your address')
-      cy.get('input[name="line2"]').clear().blur()
-      cy.get('input[name="line3"]').clear().blur()
-      cy.get('input[name="city"]').clear().blur()
+      cy.get('input[name="line2"]').clear()
+      cy.get('input[name="line2"]').blur()
+      cy.get('input[name="line3"]').clear()
+      cy.get('input[name="line3"]').blur()
+      cy.get('input[name="city"]').clear()
+      cy.get('input[name="city"]').blur()
       cy.contains('Please enter your Town/City')
-      cy.get('input[name="postcode"]').clear().blur()
+      cy.get('input[name="postcode"]').clear()
+      cy.get('input[name="postcode"]').blur()
       cy.contains('Please enter your Postcode')
 
       //TODO: What kind of other validations exist in the form address?
@@ -781,10 +814,14 @@ describe('Personal detail edit pages', () => {
 
       cy.get('a[href="/account/edit/address"]').should('be.visible').click()
 
-      cy.get('input[name="line1"]').clear().type('News UK')
-      cy.get('input[name="line2"]').clear().type('1 London Bridge Street')
-      cy.get('input[name="city"]').clear().type('London')
-      cy.get('input[name="postcode"]').clear().type('SE1 9GF')
+      cy.get('input[name="line1"]').clear()
+      cy.get('input[name="line1"]').type('News UK')
+      cy.get('input[name="line2"]').clear()
+      cy.get('input[name="line2"]').type('1 London Bridge Street')
+      cy.get('input[name="city"]').clear()
+      cy.get('input[name="city"]').type('London')
+      cy.get('input[name="postcode"]').clear()
+      cy.get('input[name="postcode"]').type('SE1 9GF')
       cy.get('button[name="country"]').click()
       cy.get('[data-testid="United Kingdom"]').first().click() //Why first?
 
@@ -801,10 +838,14 @@ describe('Personal detail edit pages', () => {
       cy.GetTnlAcsSession('printVouchers')
       cy.mockConsentAndVisit('/account/edit/address')
 
-      cy.get('input[name="line1"]').clear().type('620 Atlantic Ave')
-      cy.get('input[name="line2"]').clear().type('Brooklyn')
-      cy.get('input[name="city"]').clear().type('New York')
-      cy.get('input[name="postcode"]').clear().type('11217')
+      cy.get('input[name="line1"]').clear()
+      cy.get('input[name="line1"]').type('620 Atlantic Ave')
+      cy.get('input[name="line2"]').clear()
+      cy.get('input[name="line2"]').type('Brooklyn')
+      cy.get('input[name="city"]').clear()
+      cy.get('input[name="city"]').type('New York')
+      cy.get('input[name="postcode"]').clear()
+      cy.get('input[name="postcode"]').type('11217')
 
       cy.get('[data-testid="select-country"]').click()
       cy.get('[data-testid="United Kingdom"]').should('be.visible')
@@ -840,9 +881,12 @@ describe('Personal detail edit pages', () => {
 
       cy.get('a[href="/account/edit/address"]').click()
 
-      cy.get('input[name="line1"]').clear().type('Buckingham Palace')
-      cy.get('input[name="city"]').clear().type('London')
-      cy.get('input[name="postcode"]').clear().type('SW1A')
+      cy.get('input[name="line1"]').clear()
+      cy.get('input[name="line1"]').type('Buckingham Palace')
+      cy.get('input[name="city"]').clear()
+      cy.get('input[name="city"]').type('London')
+      cy.get('input[name="postcode"]').clear()
+      cy.get('input[name="postcode"]').type('SW1A')
 
       cy.contains('Save').click()
 
@@ -873,9 +917,12 @@ describe('Personal detail edit pages', () => {
 
       cy.get('a[href="/account/edit/address"]').click()
 
-      cy.get('input[name="line1"]').clear().type('1 London Bridge Street')
-      cy.get('input[name="city"]').clear().type('London')
-      cy.get('input[name="postcode"]').clear().type('SE1')
+      cy.get('input[name="line1"]').clear()
+      cy.get('input[name="line1"]').type('1 London Bridge Street')
+      cy.get('input[name="city"]').clear()
+      cy.get('input[name="city"]').type('London')
+      cy.get('input[name="postcode"]').clear()
+      cy.get('input[name="postcode"]').type('SE1')
 
       cy.contains('Save').click()
 
@@ -904,10 +951,14 @@ describe('Personal detail edit pages', () => {
       cy.GetTnlAcsSession('digiprintVouchers')
       cy.mockConsentAndVisit('/account/edit/address')
 
-      cy.get('input[name="line1"]').clear().type('620 Atlantic Ave')
-      cy.get('input[name="line2"]').clear().type('Brooklyn')
-      cy.get('input[name="city"]').clear().type('New York')
-      cy.get('input[name="postcode"]').clear().type('11217')
+      cy.get('input[name="line1"]').clear()
+      cy.get('input[name="line1"]').type('620 Atlantic Ave')
+      cy.get('input[name="line2"]').clear()
+      cy.get('input[name="line2"]').type('Brooklyn')
+      cy.get('input[name="city"]').clear()
+      cy.get('input[name="city"]').type('New York')
+      cy.get('input[name="postcode"]').clear()
+      cy.get('input[name="postcode"]').type('11217')
 
       cy.get('[data-testid="select-country"]').click()
       cy.get('[data-testid="United Kingdom"]').should('be.visible')
@@ -943,11 +994,16 @@ describe('Personal detail edit pages', () => {
 
       cy.get('a[href="/account/edit/address"]').click()
 
-      cy.get('input[name="line1"]').clear().type('2 Tuke House')
-      cy.get('input[name="line2"]').clear().type('Cromwell Road')
-      cy.get('input[name="city"]').clear().type('York')
-      cy.get('input[name="county"]').clear().type('North Yorkshire')
-      cy.get('input[name="postcode"]').clear().type('YO1 6DJ')
+      cy.get('input[name="line1"]').clear()
+      cy.get('input[name="line1"]').type('2 Tuke House')
+      cy.get('input[name="line2"]').clear()
+      cy.get('input[name="line2"]').type('Cromwell Road')
+      cy.get('input[name="city"]').clear()
+      cy.get('input[name="city"]').type('York')
+      cy.get('input[name="county"]').clear()
+      cy.get('input[name="county"]').type('North Yorkshire')
+      cy.get('input[name="postcode"]').clear()
+      cy.get('input[name="postcode"]').type('YO1 6DJ')
 
       cy.contains('Save').click()
 
@@ -977,10 +1033,14 @@ describe('Personal detail edit pages', () => {
 
       cy.get('a[href="/account/edit/address"]').click()
 
-      cy.get('input[name="line1"]').clear().type('Harpercollins Publishers')
-      cy.get('input[name="line2"]').clear().type('1 London Bridge Street')
-      cy.get('input[name="city"]').clear().type('London')
-      cy.get('input[name="postcode"]').clear().type('SE1')
+      cy.get('input[name="line1"]').clear()
+      cy.get('input[name="line1"]').type('Harpercollins Publishers')
+      cy.get('input[name="line2"]').clear()
+      cy.get('input[name="line2"]').type('1 London Bridge Street')
+      cy.get('input[name="city"]').clear()
+      cy.get('input[name="city"]').type('London')
+      cy.get('input[name="postcode"]').clear()
+      cy.get('input[name="postcode"]').type('SE1')
 
       cy.contains('Save').click()
 
@@ -1010,15 +1070,20 @@ describe('Personal detail edit pages', () => {
 
       cy.get('a[href="/account/edit/address"]').click()
 
-      cy.get('input[name="line1"]').clear().type('620 Atlantic Ave')
-      cy.get('input[name="line2"]').clear().type('Brooklyn')
-      cy.get('input[name="city"]').clear().type('New York')
-      cy.get('input[name="postcode"]').clear().type('11217')
+      cy.get('input[name="line1"]').clear()
+      cy.get('input[name="line1"]').type('620 Atlantic Ave')
+      cy.get('input[name="line2"]').clear()
+      cy.get('input[name="line2"]').type('Brooklyn')
+      cy.get('input[name="city"]').clear()
+      cy.get('input[name="city"]').type('New York')
+      cy.get('input[name="postcode"]').clear()
+      cy.get('input[name="postcode"]').type('11217')
 
       cy.get('[data-testid="select-country"]').click()
       cy.get('[data-testid="United Kingdom"]').should('be.visible')
-
-      cy.get('[data-testid="United States of America"]').click()
+      cy.get('[data-testid="select-panel"]').within(() => {
+        cy.get('[data-testid="United States of America"]').click()
+      })
 
       cy.contains('Save').click()
 
@@ -1048,10 +1113,14 @@ describe('Personal detail edit pages', () => {
 
       cy.get('a[href="/account/edit/address"]').click()
 
-      cy.get('input[name="line1"]').clear().type('News UK')
-      cy.get('input[name="line2"]').clear().type('1 London Bridge Street')
-      cy.get('input[name="city"]').clear().type('London')
-      cy.get('input[name="postcode"]').clear().type('SE1')
+      cy.get('input[name="line1"]').clear()
+      cy.get('input[name="line1"]').type('News UK')
+      cy.get('input[name="line2"]').clear()
+      cy.get('input[name="line2"]').type('1 London Bridge Street')
+      cy.get('input[name="city"]').clear()
+      cy.get('input[name="city"]').type('London')
+      cy.get('input[name="postcode"]').clear()
+      cy.get('input[name="postcode"]').type('SE1')
 
       cy.contains('Save').click()
 

package/cypress/e2e/core/home-page.cy.js

@@ -1,6 +1,6 @@
 describe('The Home Page', () => {
   it('Homepage is opened', () => {
     cy.visit('/')
-    cy.contains('Welcome to newrskit-render').should('exist')
+    cy.contains('Welcome to newskit-render').should('exist')
   })
 })

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

@@ -23,13 +23,15 @@ describe('Help Hub Article Page Search bar', () => {
   })
 
   it('Should be able to search the results from search bar', () => {
-    cy.get('[data-testid="autocomplete-input"]').clear().type('google')
+    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().type('google')
+    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()
@@ -40,7 +42,8 @@ describe('Help Hub Article Page Search bar', () => {
   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().type('google')
+    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')
   })
@@ -64,25 +67,26 @@ describe('Help Hub Article Page Search bar', () => {
 
   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().type('google')
+    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()
-      .type('google')
-      .type('{enter}')
+    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')
   })
   it('Should sanitize the search query', () => {
     cy.get('[data-testid="autocomplete-input"]').should('exist')
-    cy.get('[data-testid="autocomplete-input"]')
-      .clear()
-      .type('<script>alert(1)</script>')
-      .type('{enter}')
+    cy.get('[data-testid="autocomplete-input"]').clear()
+    cy.get('[data-testid="autocomplete-input"]').type(
+      '<script>alert(1)</script>'
+    )
+    cy.get('[data-testid="autocomplete-input"]').type('{enter}')
     cy.location('href').should(
       'include',
       '&lt;script&gt;alert(1)&lt;/script&gt'

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

@@ -23,13 +23,15 @@ describe('Help Hub Landing Page Search bar', () => {
   })
 
   it('Should be able to search the results from search bar', () => {
-    cy.get('[data-testid="autocomplete-input"]').clear().type('google')
+    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().type('google')
+    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()
@@ -40,7 +42,8 @@ describe('Help Hub Landing Page Search bar', () => {
   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().type('google')
+    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')
   })
@@ -64,17 +67,17 @@ describe('Help Hub Landing Page Search bar', () => {
 
   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().type('google')
+    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()
-      .type('google')
-      .type('{enter}')
+    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')
   })
 })

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

@@ -23,13 +23,15 @@ describe('Help Hub Result Page Search bar', () => {
   })
 
   it('Should be able to search the results from search bar', () => {
-    cy.get('[data-testid="autocomplete-input"]').clear().type('google')
+    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().type('google')
+    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()
@@ -40,7 +42,8 @@ describe('Help Hub Result Page Search bar', () => {
   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().type('google')
+    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')
   })
@@ -62,17 +65,17 @@ describe('Help Hub Result Page Search bar', () => {
 
   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().type('google')
+    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()
-      .type('google')
-      .type('{enter}')
+    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')
   })
 })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@newskit-render/core",
-  "version": "4.26.0-alpha.2",
+  "version": "4.26.0-alpha.4",
   "description": "Newskit Render - Core package",
   "author": "",
   "license": "UNLICENSED",
@@ -44,13 +44,13 @@
     "@newrelic/winston-enricher": "4.0.1",
     "@newskit-render/api": "^1.11.0",
     "@newskit-render/auth": "^1.8.0",
-    "@newskit-render/checkout": "^3.9.24",
+    "@newskit-render/checkout": "^3.9.25-alpha.0",
     "@newskit-render/feature-flags": "^1.7.0",
     "@newskit-render/feed": "^1.8.5",
-    "@newskit-render/my-account": "^7.47.0-alpha.1",
-    "@newskit-render/shared-components": "^4.23.3",
-    "@newskit-render/standalone-components": "^3.20.17",
-    "@newskit-render/validation": "^1.16.1",
+    "@newskit-render/my-account": "^7.47.0-alpha.2",
+    "@newskit-render/shared-components": "^4.23.4-alpha.0",
+    "@newskit-render/standalone-components": "^3.20.18-alpha.0",
+    "@newskit-render/validation": "^1.17.0-alpha.0",
     "cross-fetch": "3.1.5",
     "graphql": "16.6.0",
     "lodash.get": "4.4.2",
@@ -83,16 +83,17 @@
     "@typescript-eslint/parser": "5.51.0",
     "axe-core": "4.3.4",
     "babel-jest": "26.3.0",
-    "cypress": "10.0.0",
-    "cypress-axe": "1.1.0",
+    "cypress": "13.8.1",
+    "cypress-axe": "1.5.0",
     "eslint": "8.34.0",
     "eslint-config-airbnb": "19.0.4",
     "eslint-config-airbnb-typescript": "17.0.0",
     "eslint-config-next": "13.1.2",
     "eslint-config-prettier": "8.6.0",
     "eslint-import-resolver-typescript": "3.5.2",
-    "eslint-plugin-cypress": "2.12.1",
+    "eslint-plugin-cypress": "3.0.1",
     "eslint-plugin-flowtype": "8.0.3",
+    "eslint-plugin-no-only-tests": "3.1.0",
     "eslint-plugin-prettier": "4.2.1",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",

package/pages/index.tsx

@@ -1,5 +1,4 @@
 import { Block, TextBlock } from 'newskit'
-import { replaceConsoleAndSetTransactionName } from '../helpers/logger'
 
 const HomePage = () => {
   return (
@@ -12,7 +11,7 @@ const HomePage = () => {
       }}
     >
       <TextBlock typographyPreset="editorialHeadline080" stylePreset="inkBase">
-        Welcome to newrskit-render
+        Welcome to newskit-render
       </TextBlock>
     </Block>
   )