added new cypress steps for info button and year of creation

Author: Cronus1007

tests/cypress/integration/AttributionDetails._spec.js

@@ -109,6 +109,31 @@ describe('Attribution Details Step.vue', () => {
     })
   })
 
+  describe('Year Of Creation Input field available or not', () => {
+    it('not visible if the license is not CC-BY type', () => {
+      cy.visit('/')
+      cy.makeAChoice('.FS', 'yes')
+      cy.clickNext()
+      cy.get('select').select('CC0 1.0')
+      cy.hasRecommendedLicense('CC0 1.0 Universal')
+      cy.hasStepsCount(4)
+      cy.clickNext()
+      cy.waiveCopyright()
+      cy.clickNext()
+      cy.missingInputField(5)
+    })
+    it('visible if the license is of type CC-BY', () => {
+      cy.visit('/')
+      cy.makeAChoice('.FS', 'yes')
+      cy.clickNext()
+      cy.get('select').select('CC BY 4.0')
+      cy.hasRecommendedLicense('Attribution 4.0 International')
+      cy.hasStepsCount(3)
+      cy.clickNext()
+      cy.visibleInputField(5)
+    })
+  })
+
   describe('Attribution details are updated correctly', () => {
     it('When the user adds information in the attribution details, the license code is updated accordingly', () => {
       cy.visit('/')
@@ -127,5 +152,15 @@ describe('Attribution Details Step.vue', () => {
       cy.valueOfInputField(1, '[property="dct:title"]')
       cy.valueOfInputField(2, '[property="cc:attributionName"]')
     })
+    it('When the user adds information in the attribution details, the year of Creation field is updated accordingly', () => {
+      cy.clickBack()
+      cy.clickBack()
+      cy.get('select').select('CC BY 4.0')
+      cy.hasRecommendedLicense('Attribution 4.0 International')
+      cy.hasStepsCount(3)
+      cy.clickNext()
+      cy.selectInputField(5, '2021')
+      cy.valueOfInputField(5, '.license-text > :nth-child(2)')
+    })
   })
 })

tests/cypress/integration/Stepper._spec.js

@@ -205,4 +205,21 @@ describe('Stepper.vue', () => {
       })
     })
   })
+  it('Clicking the info button', () => {
+    cy.visit('/')
+    cy.makeAChoice('.FS', 'yes')
+    cy.clickNext()
+    cy.get('select').select('CC0 1.0')
+    cy.hasRecommendedLicense('CC0 1.0 Universal')
+    cy.hasStepsCount(4)
+    cy.clickNext()
+    cy.waiveCopyright()
+    cy.clickNext()
+    cy.hasLicenseInAttributionCode(' CC0 1.0 ')
+    cy.missingModal()
+    cy.clickInfo()
+    cy.openModal()
+    cy.clickClose()
+    cy.missingModal()
+  })
 })

tests/cypress/support/commands.js

@@ -31,6 +31,10 @@ Cypress.Commands.add("clickBack", () => {
   cy.get('button').contains('BACK').click()
 })
 
+Cypress.Commands.add('clickInfo', () => {
+  cy.get('.info').click()
+})
+
 Cypress.Commands.add("makeAChoice", (stepId, choice) => {
   cy.get(stepId).find(`[value="${choice}"]`).check()
 })
@@ -47,33 +51,62 @@ Cypress.Commands.add('hasRecommendedLicense', (license) => {
 Cypress.Commands.add('hasLicenseInAttributionCode', (license) => {
   cy.get('.license-use-card').should('be.visible').contains(license)
 })
+
 Cypress.Commands.add('hasStepsCount', (stepsCount) => {
   cy.get('.stepper__container').find('.step-container').should('have.lengthOf', stepsCount)
 })
+
 Cypress.Commands.add('missingLicenseInAttributionCode', () => {
   cy.get('.license-use-card').should('not.exist')
 })
+
 Cypress.Commands.add('headerTitle', (license) => {
   cy.get('.license-short-name > .b-header').contains(license)
 })
+
 Cypress.Commands.add('readableStringTitle', (license) => {
   cy.get('b').contains(license)
 })
+
 Cypress.Commands.add('licenseText', (license) => {
   cy.get('.license-text > a').contains(license)
 })
+
 Cypress.Commands.add('copyButton', (text) => {
   cy.get('.donate').contains(text).click()
 })
+
+Cypress.Commands.add('missingInputField', (id) => {
+  cy.get(`:nth-child(${id}) > label.is-normal > .control-inner > .input`).should('not.exist')
+})
+
+Cypress.Commands.add('visibleInputField', (id) => {
+  cy.get(`:nth-child(${id}) > label.is-normal > .control-inner > .input`).should('exist')
+})
+
 Cypress.Commands.add('selectInputField', (id, text) => {
   cy.get(`:nth-child(${id}) > label.is-normal > .control-inner > .input`).type(text)
 })
+
 Cypress.Commands.add('valueOfInputField', (id, attr) => {
   cy.get(`:nth-child(${id}) > label.is-normal > .control-inner > .input`).invoke('val')
     .then((text) => {
       cy.get(`${attr}`).contains(text)
     })
 })
+
 Cypress.Commands.add('toggleButton', () => {
   cy.get('#copy-type').click()
 })
+
+Cypress.Commands.add('openModal', () => {
+  cy.get('.modal').should('exist')
+})
+
+Cypress.Commands.add('missingModal', () => {
+  cy.get('.modal').should('not.exist')
+})
+
+Cypress.Commands.add('clickClose', () => {
+  cy.get('.close-button').click()
+})