@newskit-render/core 2.39.6-alpha.1 → 2.39.6-alpha.3

package/components/section/CollectionBlock.tsx

@@ -33,16 +33,14 @@ const CollectionBlock: React.FC<CollectionBlockProps> = ({
     <>
       {index !== 0 && (
         <SectionContext.Consumer>
-          {
-            ({ isIndexPage }) =>
-              !isIndexPage && (
-                <SectionTitle
-                  title={collection.title}
-                  sectionURL={sectionURL}
-                  titleBarColour={titleBarColors[index]}
-                />
-              )
-            /* eslint-disable-next-line */
+          {({ isIndexPage }) =>
+            !isIndexPage && (
+              <SectionTitle
+                title={collection.title}
+                sectionURL={sectionURL}
+                titleBarColour={titleBarColors[index]}
+              />
+            )
           }
         </SectionContext.Consumer>
       )}

package/components/section/layouts/Lead.tsx

@@ -25,7 +25,6 @@ export const Lead: React.FC<LayoutProps> = ({ slice }) => (
       {slice.children.slice(1).map((block, i) => {
         return (
           <Block
-            /* eslint-disable-next-line */
             key={`titleVerticalCell-${i}`}
             data-testid={`titleVerticalCell-${i}`}
           >

package/components/section/layouts/Rows.tsx

@@ -23,7 +23,6 @@ export const BasicRow: React.FC<LayoutProps> = ({
     >
       {articles
         ? articles.map((article, i) => (
-            /* eslint-disable-next-line */
             <Block
               spaceStack="space050"
               key={article.title}
@@ -33,7 +32,6 @@ export const BasicRow: React.FC<LayoutProps> = ({
             </Block>
           ))
         : slice.children.map((block, i) => (
-            /* eslint-disable-next-line */
             <Block
               key={'article' in block ? block.article.id : i}
               data-testid={`titleTeaserVertical-${i}`}
@@ -65,22 +63,20 @@ export const Row3: React.FC<LayoutProps> = ({ slice }) => (
     columnGap={{ md: 'space050', lg: 'space050' }}
     data-testid={`${slice.name}-Grid`}
   >
-    {
-      (Areas) =>
-        Object.entries(Areas).map((Area, i) => {
-          const AreaComp = Area[1]
-          const block = slice.children[i]
+    {(Areas) =>
+      Object.entries(Areas).map((Area, i) => {
+        const AreaComp = Area[1]
+        const block = slice.children[i]
 
-          return (
-            <AreaComp
-              key={('article' in block && block.article.id) || i}
-              data-testid={`titleTeaserVertical-${i}`}
-            >
-              {getBlock(block, 'horizontal')}
-            </AreaComp>
-          )
-        })
-      /* eslint-disable-next-line */
+        return (
+          <AreaComp
+            key={('article' in block && block.article.id) || i}
+            data-testid={`titleTeaserVertical-${i}`}
+          >
+            {getBlock(block, 'horizontal')}
+          </AreaComp>
+        )
+      })
     }
   </GridLayout>
 )

package/cypress/e2e/checkout/account-creation.spec.js

@@ -0,0 +1,8 @@
+describe('Checkout account creation page', () => {
+  beforeEach(() => {
+    cy.mockConsentAndVisit('/checkout/account-creation')
+  })
+  it('should contain account creation form', () => {
+    cy.get('[data-testid="accountCreationForm"]').should('exist')
+  })
+})

package/cypress/e2e/checkout/payment-details.spec.js

@@ -0,0 +1,19 @@
+describe('Checkout payment details page', () => {
+  beforeEach(() => {
+    cy.mockConsentAndVisit('/checkout/payment-details')
+  })
+  it('should have corePackageContent and payment details section on large screen', () => {
+    cy.viewport(1280, 1000)
+    cy.get('[data-testid="core-package-content"]').should('be.visible')
+    cy.get('[data-testid="subscription-drawer"]').should('not.be.visible')
+
+    cy.get('[data-testid="page-header"]').should('be.visible')
+    cy.get('[data-testid="tab-group"]').should('be.visible')
+  })
+  it('should not have corePackageContent smaller than md screen', () => {
+    cy.viewport(760, 1000)
+    cy.get('[data-testid="core-package-content"]').should('not.be.visible')
+    cy.get('[data-testid="page-header"]').should('be.visible')
+    cy.get('[data-testid="tab-group"]').should('be.visible')
+  })
+})

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@newskit-render/core",
-  "version": "2.39.6-alpha.1",
+  "version": "2.39.6-alpha.3",
   "description": "Newskit Render - Core package",
   "author": "",
   "license": "UNLICENSED",
@@ -41,12 +41,12 @@
     "@emotion/styled": "11.10.4",
     "@newskit-render/api": "^1.6.2",
     "@newskit-render/auth": "^1.3.8",
-    "@newskit-render/checkout": "^2.2.3",
+    "@newskit-render/checkout": "^2.2.4-alpha.0",
     "@newskit-render/feature-flags": "^1.4.9",
     "@newskit-render/feed": "^1.4.12",
-    "@newskit-render/my-account": "^4.1.4",
-    "@newskit-render/shared-components": "^2.1.3",
-    "@newskit-render/standalone-components": "^2.1.5",
+    "@newskit-render/my-account": "^4.1.5-alpha.0",
+    "@newskit-render/shared-components": "^2.1.4-alpha.0",
+    "@newskit-render/standalone-components": "^2.1.6-alpha.0",
     "@newskit-render/validation": "^1.5.10",
     "cross-fetch": "3.1.5",
     "graphql": "16.6.0",

package/pages/index.tsx

@@ -4,8 +4,8 @@ import {
   getAcsCookie,
   ClientTypes,
 } from '@newskit-render/api'
-import { getHost } from '@newskit-render/shared-components'
 import { initAndGetFeatureFlag } from '@newskit-render/feature-flags' // create-render-app effected
+import { getHost } from '@newskit-render/shared-components'
 import { optimizelysdkKey } from '../config' // create-render-app effected
 import { GET_PAGE } from '../queries'
 import SectionPage from '../components/section'