@newskit-render/core 4.17.0 → 4.18.0

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.17.0](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/core@4.17.0-alpha.1...@newskit-render/core@4.17.0) (2023-10-06)
+
+**Note:** Version bump only for package @newskit-render/core
+
+
+
+
+
 ## [4.16.8](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/core@4.16.8-alpha.1...@newskit-render/core@4.16.8) (2023-09-29)
 
 **Note:** Version bump only for package @newskit-render/core

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@newskit-render/core",
-  "version": "4.17.0",
+  "version": "4.18.0",
   "description": "Newskit Render - Core package",
   "author": "",
   "license": "UNLICENSED",
@@ -44,13 +44,13 @@
     "@newrelic/winston-enricher": "4.0.1",
     "@newskit-render/api": "^1.10.0",
     "@newskit-render/auth": "^1.7.2",
-    "@newskit-render/checkout": "^3.8.0",
+    "@newskit-render/checkout": "^3.8.1",
     "@newskit-render/feature-flags": "^1.7.0",
     "@newskit-render/feed": "^1.8.3",
-    "@newskit-render/my-account": "^7.12.0",
-    "@newskit-render/shared-components": "^4.8.0",
-    "@newskit-render/standalone-components": "^3.18.0",
-    "@newskit-render/validation": "^1.12.2",
+    "@newskit-render/my-account": "^7.13.0",
+    "@newskit-render/shared-components": "^4.9.0",
+    "@newskit-render/standalone-components": "^3.18.1",
+    "@newskit-render/validation": "^1.13.0",
     "cross-fetch": "3.1.5",
     "graphql": "16.6.0",
     "lodash.get": "4.4.2",

package/pages/account/newsletters/index.tsx

@@ -0,0 +1,20 @@
+import React from 'react'
+import { Newsletters, getProviderProps } from '@newskit-render/my-account'
+import { replaceConsoleAndSetTransactionName } from '../../../helpers/logger'
+import { initAndGetFeatureFlag } from '@newskit-render/feature-flags' /* cra-effected */
+import { optimizelysdkKey } from '../../../config' /* cra-effected */
+
+const AccountNewsletters = (props) => <Newsletters {...props} />
+
+export default AccountNewsletters
+
+export const getServerSideProps = async (context) => {
+  replaceConsoleAndSetTransactionName('Account: Newsletters')
+  /* start cra-effected */
+  const featureFlags = await initAndGetFeatureFlag(optimizelysdkKey)
+  /* end cra-effected */
+  return getProviderProps(
+    { ...context, provider: 'Newsletters' },
+    { featureFlags } /* cra-effected */
+  )
+}