@newskit-render/core 2.41.0-alpha.0 → 2.41.0

package/__pacts__/spec/newskitApi.consumer.pact.ts

@@ -1,5 +1,5 @@
 import provider from './newskitApi.mock.provider'
-import getUniversalArticle from '../client'
+// import getUniversalArticle from '../client'
 import interactUniversalArticle from './interactions/interactUniversalArticle'
 
 describe('Test pact with Newskit Api', () => {
@@ -11,7 +11,7 @@ describe('Test pact with Newskit Api', () => {
     test('should return the correct data', async () => {
       const article = { id: '17842504', publisher: 'DEMO' }
       await provider.addInteraction(interactUniversalArticle(article))
-      await expect(getUniversalArticle(article)).resolves.not.toThrowError()
+      // await expect(getUniversalArticle(article)).resolves.not.toThrowError()
     })
 
     afterEach(async () => {

package/cypress/config/visual.config.ts

@@ -0,0 +1,11 @@
+import { defineConfig } from 'cypress'
+
+export default defineConfig({
+  e2e: {
+    defaultCommandTimeout: 20000,
+    baseUrl: 'http://localhost:3000',
+    video: false,
+    screenshotOnRunFailure: false,
+    specPattern: './cypress/visual/**/*.cy.{js,jsx,ts,tsx}',
+  },
+})

package/cypress/config/visual.skip.config.ts

@@ -0,0 +1,10 @@
+import { defineConfig } from 'cypress'
+
+export default defineConfig({
+  e2e: {
+    baseUrl: null,
+    video: false,
+    screenshotOnRunFailure: false,
+    specPattern: './cypress/visual/empty/**/*.cy.{js,jsx,ts,tsx}',
+  },
+})

package/cypress.config.ts

@@ -0,0 +1,39 @@
+import { defineConfig } from 'cypress'
+import { loadEnvConfig } from '@next/env'
+
+export default defineConfig({
+  video: false,
+  screenshotOnRunFailure: true,
+  defaultCommandTimeout: 50000,
+  chromeWebSecurity: false,
+  retries: 1,
+  env: {
+    E2E_BASE_URL: 'http://localhost:3000/api/account',
+    ACCOUNT_PROVIDER_GRAPHQL_URL:
+      'https://main-graphql.staging.newsapis.co.uk/graphql',
+    ACCOUNT_PROVIDER_COOKIE_NAME: 'acs_ngn',
+  },
+  e2e: {
+    setupNodeEvents(on, config) {
+      const projectDir = process.cwd()
+      loadEnvConfig(projectDir)
+
+      on('task', {
+        log(message) {
+          console.log(message)
+          return null
+        },
+        table(message) {
+          console.table(message)
+          return null
+        },
+      })
+
+      return config
+    },
+    baseUrl: 'http://localhost:3000',
+    video: false,
+    screenshotOnRunFailure: false,
+    specPattern: './cypress/e2e/**/*.cy.{js,jsx,ts,tsx}',
+  },
+})

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@newskit-render/core",
-  "version": "2.41.0-alpha.0",
+  "version": "2.41.0",
   "description": "Newskit Render - Core package",
   "author": "",
   "license": "UNLICENSED",
@@ -16,11 +16,11 @@
     "test:unit": "jest --coverage --verbose --silent --i",
     "test:unit:ci": "JEST_JUNIT_OUTPUT_NAME=core.xml node --max_old_space_size=4096 --expose-gc ./node_modules/.bin/jest --ci --coverage --reporters=default --reporters=jest-junit --runInBand --logHeapUsage",
     "test:watch": "jest --watch",
-    "cy:run": "cypress run --config-file cypress/config/config.e2e.json -b chrome --headless",
-    "cy:vis": "percy exec -- cypress run --config-file cypress/config/config.visual.json -b chrome --headless",
-    "cy:vis:skip": "PERCY_PARTIAL_BUILD=1 percy exec -- cypress run --config-file cypress/config/config.visual.skip.json",
-    "cy:open": "cypress open --config-file cypress/config/config.e2e.json -b chrome",
-    "cy:open:vis": "cypress open --config-file cypress/config/config.visual.json -b chrome",
+    "cy:run": "cypress run -b chrome --headless",
+    "cy:vis": "percy exec -- cypress run --config-file cypress/config/visual.config.ts -b chrome --headless",
+    "cy:vis:skip": "PERCY_PARTIAL_BUILD=1 percy exec -- cypress run --config-file cypress/config/visual.skip.config.ts",
+    "cy:open": "cypress open -b chrome",
+    "cy:open:vis": "cypress open --config-file cypress/config/visual.config.ts -b chrome",
     "test:e2e": "yarn cy:run",
     "test:e2e:ci": "cypress run --env -b chrome --headless",
     "start:test:server": "next build && next start",
@@ -37,16 +37,16 @@
     "@apollo/client": "3.7.4",
     "@emotion-icons/material": "3.14.0",
     "@emotion-icons/material-outlined": "3.14.0",
-    "@emotion/react": "11.10.4",
-    "@emotion/styled": "11.10.4",
-    "@newskit-render/api": "^1.6.3",
+    "@emotion/react": "11.9.3",
+    "@emotion/styled": "11.9.3",
+    "@newskit-render/api": "^1.6.4",
     "@newskit-render/auth": "^1.3.9",
-    "@newskit-render/checkout": "^2.3.0-alpha.0",
+    "@newskit-render/checkout": "^2.3.0",
     "@newskit-render/feature-flags": "^1.4.10",
-    "@newskit-render/feed": "^1.4.13",
-    "@newskit-render/my-account": "^4.2.0-alpha.0",
-    "@newskit-render/shared-components": "^2.3.0-alpha.0",
-    "@newskit-render/standalone-components": "^2.3.0-alpha.0",
+    "@newskit-render/feed": "^1.4.14",
+    "@newskit-render/my-account": "^4.2.0",
+    "@newskit-render/shared-components": "^2.3.0",
+    "@newskit-render/standalone-components": "^2.3.0",
     "@newskit-render/validation": "^1.5.11",
     "cross-fetch": "3.1.5",
     "graphql": "16.6.0",
@@ -63,6 +63,7 @@
     "@apollo/react-testing": "4.0.0",
     "@emotion/jest": "11.10.5",
     "@next/bundle-analyzer": "12.0.8",
+    "@next/env": "13.1.3",
     "@next/eslint-plugin-next": "13.0.6",
     "@pact-foundation/pact": "9.12.1",
     "@percy/cli": "1.16.0",
@@ -77,7 +78,7 @@
     "@typescript-eslint/parser": "5.48.1",
     "axe-core": "4.3.4",
     "babel-jest": "26.3.0",
-    "cypress": "9.0.0",
+    "cypress": "10.0.0",
     "cypress-axe": "1.1.0",
     "eslint": "8.30.0",
     "eslint-config-airbnb": "19.0.4",
@@ -85,7 +86,6 @@
     "eslint-config-next": "13.1.2",
     "eslint-config-prettier": "8.5.0",
     "eslint-import-resolver-typescript": "3.5.2",
-    "eslint-loader": "4.0.2",
     "eslint-plugin-cypress": "2.12.1",
     "eslint-plugin-flowtype": "8.0.3",
     "eslint-plugin-prettier": "4.2.1",

package/cypress/config/config.e2e.json

@@ -1,14 +0,0 @@
-{
-  "baseUrl": "http://localhost:3000",
-  "video": false,
-  "screenshotOnRunFailure": true,
-  "defaultCommandTimeout": 50000,
-  "chromeWebSecurity": false,
-  "integrationFolder": "./cypress/e2e",
-  "retries": 1,
-  "env": {
-    "E2E_BASE_URL": "http://localhost:3000/api/account",
-    "ACCOUNT_PROVIDER_GRAPHQL_URL": "https://main-graphql.staging.newsapis.co.uk/graphql",
-    "ACCOUNT_PROVIDER_COOKIE_NAME": "acs_ngn"
-  }
-}

package/cypress/config/config.visual.json

@@ -1,8 +0,0 @@
-{
-  "name": "visual",
-  "baseUrl": "http://localhost:3000",
-  "video": false,
-  "screenshotOnRunFailure": false,
-  "defaultCommandTimeout": 20000,
-  "integrationFolder": "./cypress/visual"
-}

package/cypress/config/config.visual.skip.json

@@ -1,7 +0,0 @@
-{
-  "name": "visual:skip",
-  "baseUrl": null,
-  "video": false,
-  "screenshotOnRunFailure": false,
-  "integrationFolder": "./cypress/visual/empty"
-}

package/cypress/plugins/index.js

@@ -1,61 +0,0 @@
-/// <reference types="cypress" />
-// ***********************************************************
-// This example plugins/index.js can be used to load plugins
-//
-// You can change the location of this file or turn off loading
-// the plugins file with the 'pluginsFile' configuration option.
-//
-// You can read more here:
-// https://on.cypress.io/plugins-guide
-// ***********************************************************
-
-// This function is called when a project is opened or re-opened (e.g. due to
-// the project's config changing)
-
-/**
- * @type {Cypress.PluginConfig}
- */
- import fs from 'fs'
- import path from 'path'
- import { loadEnvConfig } from '@next/env'
- module.exports = (on, config) => {
-   // `on` is used to hook into various events Cypress emits
-   // `config` is the resolved Cypress config
-   const projectDir = process.cwd()
-   loadEnvConfig(projectDir)
-   const conf = config
-
-   const dirPath =
-     config.integrationFolder === './cypress/e2e'
-       ? path.resolve('./cypress/e2e')
-       : path.resolve('./cypress/visual')
-   fs.readdir(dirPath, function (err, files) {
-     if (err) {
-       return console.log('Unable to scan directory: ' + err)
-     }
-     //listing all files using forEach. For this script to work the folder must only contain folders with spec files
-     files.forEach(function (file) {
-       conf.integrationFolder = `${dirPath}/${file}`
-     })
-     return conf
-   })
-   const printVisualPath = path.resolve('./cypress/visual')
-
-   fs.readdir(printVisualPath, function (err, files) {
-     files.forEach(function (file) {
-       console.log(file, 'file logged')
-     })
-   })
-   on('task', {
-     log(message) {
-       console.log(message)
-
-       return null
-     },
-     table(message) {
-       console.table(message)
-       return null
-     },
-   })
-   return conf
- }

package/cypress.json

@@ -1,5 +0,0 @@
-{
-  "baseUrl": "http://localhost:3000",
-  "video": false,
-  "screenshotOnRunFailure": false
-}