hours validation

cypress/support/api_testcase.js

@@ -29,10 +29,11 @@ export function setIntialPickupPoints(response) {
 
 export function listallPickupPointsAPI() {
   it('List all pickup points via API', updateRetry(2), () => {
-    cy.addDelayBetweenRetries(2000)
+    cy.addDelayBetweenRetries(10000)
     cy.getVtexItems().then((vtex) => {
       cy.getAPI(getPickupPoints(vtex.baseUrl)).then((response) => {
         expect(response.status).to.equal(200)
+        cy.savePickupPoints(response.body)
         setIntialPickupPoints(response)
       })
     })

cypress/support/commands.js

@@ -1,6 +1,7 @@
 import 'cypress-file-upload'
 import selectors from './common/selectors'
 import storelocatorSelectors, { getAddressLink } from './selectors.js'
+import { pickuppointsJsonFile } from './constants'
 
 const storelocatorJson = '.storelocator.json'
 const fileName = 'pickups.xls'
@@ -16,6 +17,11 @@ Cypress.Commands.add(
   }
 )
 
+// Save pickupPoint
+Cypress.Commands.add('savePickupPoints', (pickuppoints) => {
+  cy.writeFile(pickuppointsJsonFile, pickuppoints)
+})
+
 // Get pickupPoint
 Cypress.Commands.add('getPickupPointItem', () => {
   cy.readFile(storelocatorJson).then((items) => {

cypress/support/common.js

@@ -1,6 +1,7 @@
 import { updateRetry } from './common/support'
 import storeLocatorSelectors, { findPickupPoint } from './selectors.js'
 import { INTIAL_PICKUP_POINTS_ENV } from './api_testcase'
+import { pickuppointsJsonFile } from './constants'
 
 export function addPickUpPoint(pickPointName) {
   cy.visit('/admin/app/pickup-points')
@@ -27,6 +28,17 @@ export function addPickUpPoint(pickPointName) {
     .contains('Changes saved')
 }
 
+function tConvert(timeString) {
+  const hourEnd = timeString.indexOf(':')
+  const H = +timeString.substr(0, hourEnd)
+  const h = H % 12 || 12
+  const ampm = H < 12 ? 'am' : 'pm'
+
+  timeString = h + timeString.substr(hourEnd, 3) + ampm
+
+  return timeString
+}
+
 export function clickLoadAllStores() {
   cy.get('body').then(($body) => {
     if ($body.find(storeLocatorSelectors.LoadStores).length) {
@@ -47,24 +59,64 @@ export function verifyAllPickUpPoint() {
       'have.length',
       pickupCount[INTIAL_PICKUP_POINTS_ENV] + 4
     )
-    cy.get(storeLocatorSelectors.MoreItems)
-      .its('length')
-      .then((itemLen) => {
-        for (let i = 0; i < itemLen; i++) {
-          clickLoadAllStores()
-          cy.get(storeLocatorSelectors.MoreItems)
-            .eq(i)
-            .should('be.visible')
-            .click()
-          cy.get(storeLocatorSelectors.AddressContainer, {
-            timeout: 20000,
-          }).should('be.visible')
-          cy.get(storeLocatorSelectors.HoursContainer).should('be.visible')
-          cy.get(storeLocatorSelectors.BackToPickUpPoint)
-            .should('be.visible')
-            .click()
-          cy.get(storeLocatorSelectors.MoreItems).should('be.visible')
-        }
+    cy.contains('li', 'pickup example 1')
+      .invoke('index')
+      .then((i) => {
+        cy.get(storeLocatorSelectors.MoreItems)
+          .eq(i)
+          .scrollIntoView()
+          .should('be.visible')
+          .click()
+        cy.get(storeLocatorSelectors.HourRow).then(($els) => {
+          const pickupPoins = [...$els].map((el) => el.innerText)
+          const pickupPointsHours = pickupPoins.map((name) => name.split(':\n'))
+
+          cy.readFile(pickuppointsJsonFile).then((pp) => {
+            const filterPickupPoint = pp.filter(
+              (p) => p.name === 'pickup example 1'
+            )
+
+            const [{ businessHours }] = filterPickupPoint
+
+            // eslint-disable-next-line array-callback-return
+            businessHours.map((ba) => {
+              if (ba.dayOfWeek === 1) {
+                const dayOfWeek = pickupPointsHours.filter(
+                  (day) => day[0] === 'Monday'
+                )
+
+                const startTime = tConvert(ba.openingTime)
+                const endTime = tConvert(ba.closingTime)
+
+                expect(dayOfWeek[0][1]).to.be.equal(
+                  `0${startTime} - ${endTime}`
+                )
+              } else if (ba.dayOfWeek === 2) {
+                const dayOfWeek = pickupPointsHours.filter(
+                  (day) => day[0] === 'Tuesday'
+                )
+
+                const startTime = tConvert(ba.openingTime)
+                const endTime = tConvert(ba.closingTime)
+
+                expect(dayOfWeek[0][1]).to.be.equal(
+                  `0${startTime} - ${endTime}`
+                )
+              } else if (ba.dayOfWeek === 5) {
+                const dayOfWeek = pickupPointsHours.filter(
+                  (day) => day[0] === 'Friday'
+                )
+
+                const startTime = tConvert(ba.openingTime)
+                const endTime = tConvert(ba.closingTime)
+
+                expect(dayOfWeek[0][1]).to.be.equal(
+                  `0${startTime} - ${endTime}`
+                )
+              }
+            })
+          })
+        })
       })
   })
 }

cypress/support/constants.js

@@ -0,0 +1,3 @@
+export default {
+  pickuppointsJsonFile: '.pickuppoints.json',
+}

cypress/support/selectors.js

@@ -18,6 +18,9 @@ export default {
   LoadStores: 'span[class*=loadAll]',
   MoreItems: 'span[class*=addressListLink]',
   AddressContainer: 'div[class*=addressContainer]',
+  Hours: '.vtex-store-locator-0-x-hoursContainer',
+  StoreName: 'div[class*=store-storedetail] div[class*=storeName]',
+  HourRow: 'div[class*=hourRow]',
   BackToPickUpPoint: 'span[class*=backlink]',
   VtexButton: '.vtex-button',
   UploadInput: 'input[type=file]',