@newskit-render/core 1.79.2 → 1.80.1-alpha.0

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.80.0](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/core@1.80.0-alpha.0...@newskit-render/core@1.80.0) (2022-08-05)
+
+**Note:** Version bump only for package @newskit-render/core
+
+
+
+
+
+## [1.79.2](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/core@1.79.2-alpha.0...@newskit-render/core@1.79.2) (2022-08-04)
+
+**Note:** Version bump only for package @newskit-render/core
+
+
+
+
+
 ## [1.79.1](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/core@1.79.1-alpha.0...@newskit-render/core@1.79.1) (2022-08-01)
 
 **Note:** Version bump only for package @newskit-render/core

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

@@ -0,0 +1,100 @@
+describe('Help Hub Article Page Search bar', () => {
+  beforeEach(() => {
+    cy.mockConsentAndVisit('/help-hub')
+  })
+  it('Should have search bar and default list items', () => {
+    cy.get('[data-testid="page-header"]').contains('How can we help?')
+    cy.get('[data-testid="autocomplete-input"]').should('exist')
+    cy.get('[data-testid="introduction-title"]').contains(
+      'Our most read articles'
+    )
+    cy.get('[data-testid="content-list"]').should('exist')
+  })
+
+  it('Should show default suggestions onclick of the search bar', () => {
+    cy.get('[data-testid="autocomplete-input"]')
+      .should('be.visible')
+      .click({ force: true })
+    cy.get('[data-testid="autocomplete-panel"]').should('exist')
+    cy.get('[data-testid="autocomplete-input"]')
+      .should('be.visible')
+      .click({ force: true })
+    cy.get('[data-testid="autocomplete-panel"]').should('not.exist')
+  })
+
+  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-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"]').should('have.value', 'google')
+    cy.get('[data-testid="clear-button"]').should('exist')
+    cy.get('[data-testid="clear-button"]').click()
+    cy.get('[data-testid="autocomplete-input"]').should('not.have.value')
+    cy.get('[data-testid="clear-button"]').should('not.exist')
+  })
+
+  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="search-button"]').should('be.visible').click()
+    cy.url().should('eq', 'http://localhost:3000/help-hub/results?q=google')
+  })
+
+  it('Should be able to click on the list item', () => {
+    cy.get('[data-testid="content-list-item-0"]').should('exist')
+    cy.get('[data-testid="content-list-item-0"]').should('have.attr', 'href')
+    cy.get('[data-testid="content-list-item-0"]').click()
+  })
+
+  it('Should redirect to article page on clicking the default item from search bar dropdown list', () => {
+    cy.get('[data-testid="autocomplete-input"]')
+      .should('be.visible')
+      .click({ force: true })
+    cy.get('[data-testid="autocomplete-panel"]').should('exist')
+    cy.get('[id="autocomplete-0-item-0"]').should('be.visible').click()
+    cy.url().then((url) => {
+      cy.url().should('not.eq', url)
+    })
+  })
+
+  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('[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.location('href').should('include', '/result')
+  })
+})
+
+describe('Help Hub Article Page', () => {
+  beforeEach(() => {
+    cy.mockConsentAndVisit('/help-hub')
+  })
+  it('Should redirect to article page on clicking the suggestions', () => {
+    cy.get('[data-testid="autocomplete-input"]')
+      .should('be.visible')
+      .click({ force: true })
+    cy.get('[id="autocomplete-0-item-0"]').should('be.visible').click()
+    cy.get('[data-testid="introduction-title"]').should('exist')
+    cy.get('[data-testid="content-block"]').should('exist')
+  })
+  it('Should show result not found when description is empty', () => {
+    cy.visit('help-hub/article/test')
+    cy.get('[data-testid="introduction-title"]').contains(
+      "Sorry, we can't find the article you are looking for"
+    )
+  })
+})

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

@@ -0,0 +1,91 @@
+describe('Help Hub Landing Page Search bar', () => {
+  beforeEach(() => {
+    cy.mockConsentAndVisit('/help-hub')
+  })
+  it('Should have search bar and default list items', () => {
+    cy.get('[data-testid="page-header"]').contains('How can we help?')
+    cy.get('[data-testid="autocomplete-input"]').should('exist')
+    cy.get('[data-testid="introduction-title"]').contains(
+      'Our most read articles'
+    )
+    cy.get('[data-testid="content-list"]').should('exist')
+  })
+
+  it('Should show default suggestions onclick of the search bar', () => {
+    cy.get('[data-testid="autocomplete-input"]')
+      .should('be.visible')
+      .click({ force: true })
+    cy.get('[data-testid="autocomplete-panel"]').should('exist')
+    cy.get('[data-testid="autocomplete-input"]')
+      .should('be.visible')
+      .click({ force: true })
+    cy.get('[data-testid="autocomplete-panel"]').should('not.exist')
+  })
+
+  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-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"]').should('have.value', 'google')
+    cy.get('[data-testid="clear-button"]').should('exist')
+    cy.get('[data-testid="clear-button"]').click()
+    cy.get('[data-testid="autocomplete-input"]').should('not.have.value')
+    cy.get('[data-testid="clear-button"]').should('not.exist')
+  })
+
+  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="search-button"]').should('be.visible').click()
+    cy.url().should('eq', 'http://localhost:3000/help-hub/results?q=google')
+  })
+
+  it('Should be able to click on the list item', () => {
+    cy.get('[data-testid="content-list-item-0"]').should('exist')
+    cy.get('[data-testid="content-list-item-0"]').should('have.attr', 'href')
+    cy.get('[data-testid="content-list-item-0"]').click()
+  })
+
+  it('Should redirect to article page on clicking the default item from search bar dropdown list', () => {
+    cy.get('[data-testid="autocomplete-input"]')
+      .should('be.visible')
+      .click({ force: true })
+    cy.get('[data-testid="autocomplete-panel"]').should('exist')
+    cy.get('[id="autocomplete-0-item-0"]').should('be.visible').click()
+    cy.url().then((url) => {
+      cy.url().should('not.eq', url)
+    })
+  })
+
+  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('[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.location('href').should('include', '/result')
+  })
+})
+
+describe('Help Hub Landing Page', () => {
+  beforeEach(() => {
+    cy.mockConsentAndVisit('/help-hub')
+  })
+  it('Should be able to click on the default list item', () => {
+    cy.get('[data-testid="content-list-item-0"]').should('exist')
+    cy.get('[data-testid="content-list-item-0"]').should('have.attr', 'href')
+    cy.get('[data-testid="content-list-item-0"]').click()
+  })
+})

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

@@ -0,0 +1,115 @@
+describe('Help Hub Result Page Search bar', () => {
+  beforeEach(() => {
+    cy.mockConsentAndVisit('/help-hub')
+  })
+  it('Should have search bar and default list items', () => {
+    cy.get('[data-testid="page-header"]').contains('How can we help?')
+    cy.get('[data-testid="autocomplete-input"]').should('exist')
+    cy.get('[data-testid="introduction-title"]').contains(
+      'Our most read articles'
+    )
+    cy.get('[data-testid="content-list"]').should('exist')
+  })
+
+  it('Should show default suggestions onclick of the search bar', () => {
+    cy.get('[data-testid="autocomplete-input"]')
+      .should('be.visible')
+      .click({ force: true })
+    cy.get('[data-testid="autocomplete-panel"]').should('exist')
+    cy.get('[data-testid="autocomplete-input"]')
+      .should('be.visible')
+      .click({ force: true })
+    cy.get('[data-testid="autocomplete-panel"]').should('not.exist')
+  })
+
+  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-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"]').should('have.value', 'google')
+    cy.get('[data-testid="clear-button"]').should('exist')
+    cy.get('[data-testid="clear-button"]').click()
+    cy.get('[data-testid="autocomplete-input"]').should('not.have.value')
+    cy.get('[data-testid="clear-button"]').should('not.exist')
+  })
+
+  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="search-button"]').should('be.visible').click()
+    cy.url().should('eq', 'http://localhost:3000/help-hub/results?q=google')
+  })
+
+  it('Should be able to click on the list item', () => {
+    cy.get('[data-testid="content-list-item-0"]').should('exist')
+    cy.get('[data-testid="content-list-item-0"]').should('have.attr', 'href')
+    cy.get('[data-testid="content-list-item-0"]').click()
+  })
+
+  it('Should redirect to article page on clicking the default item from search bar dropdown list', () => {
+    cy.get('[data-testid="autocomplete-input"]')
+      .should('be.visible')
+      .click({ force: true })
+    cy.get('[data-testid="autocomplete-panel"]').should('exist')
+    cy.get('[id="autocomplete-0-item-0"]').should('be.visible').click()
+    cy.url().then((url) => {
+      cy.url().should('not.eq', url)
+    })
+  })
+
+  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('[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.location('href').should('include', '/result')
+  })
+})
+describe('Help Hub Result Page', () => {
+  beforeEach(() => {
+    cy.mockConsentAndVisit('/help-hub/results?q=times')
+  })
+
+  it('Should show search results', () => {
+    cy.get('[data-testid="introduction-title"]').contains('Search results')
+    cy.get('[data-testid="description-block"]').should('exist')
+    cy.get('[data-testid="content-list"]').should('exist')
+    cy.get('[data-testid="content-list-item-0"]').should('exist')
+    cy.get('[data-testid="autocomplete-input"]').should('exist')
+  })
+
+  it('Should redirect to article page on clicking the search results', () => {
+    cy.get('[data-testid="content-list-item-0"]').should('exist')
+    cy.get('[data-testid="content-list-item-0"]').should('be.visible').click()
+    cy.location('href').should('include', '/article')
+  })
+
+  it('Should match the query param in the description block', () => {
+    const paramObj = {}
+    cy.url().then((url) => {
+      const arr = url.split('?')
+      arr.forEach((param) => {
+        const [key, value] = param.split('=')
+        paramObj[key] = value
+      })
+      cy.get('[data-testid="description-block"]').contains(`${paramObj.q}`)
+    })
+  })
+  it('Should able to click the load more button', () => {
+    cy.get('[data-testid="load-more"]').should('exist')
+    cy.get('[data-testid="load-more"]').should('be.visible').click()
+  })
+})

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@newskit-render/core",
-  "version": "1.79.2",
+  "version": "1.80.1-alpha.0",
   "description": "Newskit Render - Core package",
   "author": "",
   "license": "UNLICENSED",
@@ -35,12 +35,12 @@
     "@apollo/client": "3.4.16",
     "@newskit-render/api": "^0.36.1",
     "@newskit-render/auth": "^0.44.0",
-    "@newskit-render/checkout": "^0.51.6",
+    "@newskit-render/checkout": "^0.51.7-alpha.0",
     "@newskit-render/feature-flags": "^0.24.0",
     "@newskit-render/feed": "^0.24.0",
-    "@newskit-render/my-account": "^0.184.0",
-    "@newskit-render/shared-components": "^0.68.1",
-    "@newskit-render/standalone-components": "^0.33.1",
+    "@newskit-render/my-account": "^1.2.1-alpha.0",
+    "@newskit-render/shared-components": "^0.68.2-alpha.0",
+    "@newskit-render/standalone-components": "^0.33.2-alpha.0",
     "@newskit-render/validation": "^0.50.0",
     "cross-fetch": "3.1.5",
     "graphql": "15.6.0",