Gx 23722 ✅ tools qa elements broken links images

.github/workflows/CI-Suite.yml

@@ -54,18 +54,18 @@ jobs:
               with:
                   browser: chrome
                   command: | #EDITAR AQUÍ EL ARCHIVO SUITE A EJECUTAR:
-                      yarn file cypress/e2e/Tests/Interactions/GX2-4365-Droppable.cy.js
+                      yarn file cypress/e2e/Tests/Elements/GX-23722-Broken-link-image.cy.js
 
-            - name: ✅Import Test Results to Xray
-              if: always()
-              uses: mikepenz/xray-action@v2
-              with: #OPCIONES PARA IMPORTAR LOS RESULTADOS DE PRUEBA A JIRA XRAY:
-                  username: ${{secrets.XRAY_CLIENT_ID}}
-                  password: ${{secrets.XRAY_CLIENT_SECRET}}
-                  testFormat: 'junit' #OPCIONES PARA CAMBIAR: 'junit' (para xml) o 'cucumber' (para json)
-                  testPaths: 'reports/test-results.xml' #OPCIONES: '/test-results.xml' o 'cucumber-report.json'
-                  testExecKey: 'GX2-4367' #EDITAR AQUÍ EL TEST EXECUTION A IMPORTAR LAS PRUEBAS.
-                  projectKey: 'GX2' #EDITAR EN CASO DE TRABAJAR CON OTRO PROYECTO.
+            # - name: ✅Import Test Results to Xray
+            #   if: always()
+            #   uses: mikepenz/xray-action@v2
+            #   with: #OPCIONES PARA IMPORTAR LOS RESULTADOS DE PRUEBA A JIRA XRAY:
+            #       username: ${{secrets.XRAY_CLIENT_ID}}
+            #       password: ${{secrets.XRAY_CLIENT_SECRET}}
+            #       testFormat: 'junit' #OPCIONES PARA CAMBIAR: 'junit' (para xml) o 'cucumber' (para json)
+            #       testPaths: 'reports/test-results.xml' #OPCIONES: '/test-results.xml' o 'cucumber-report.json'
+            #       testExecKey: 'GX-23724' #EDITAR AQUÍ EL TEST EXECUTION A IMPORTAR LAS PRUEBAS.
+            #       projectKey: 'GX' #EDITAR EN CASO DE TRABAJAR CON OTRO PROYECTO.
 
             - name: 🔔Slack Notification of Done
               if: always()

cypress/e2e/Tests/Elements/GX-23722-Broken-link-image.cy.js

@@ -0,0 +1,35 @@
+import { removeLogs } from '@helper/RemoveLogs';
+import { brokenL } from '@pages/Elements/GX-23722-BrokenLinks';
+import data from '@data/GX-23722-BrokenLink.json';
+
+describe('ToolsQA | Elements | Broken Links Images', () => {
+	beforeEach('Usuario debe estar en la website', () => {
+		cy.visit('/broken');
+	});
+
+	it('GX-23722 | TC1: Validar las propiedades de imagen valida', () => {
+		brokenL.get.ValidImage().should('to.exist').and('have.prop', 'width', 347).and('have.prop', 'height', 100);
+	});
+
+	it('GX-23722 | TC2: Validar las propiedades de imagen rota', () => {
+		brokenL.get.BrokedImage().then(image => {
+			expect(image).to.be.exist;
+			expect(image).to.have.prop('naturalWidth').to.be.equal(0);
+			expect(image).to.have.prop('naturalHeight').to.be.equal(0);
+		});
+	});
+
+	it('GX-23722 | TC3: Validar las propiedades de link valido', () => {
+		cy.intercept('GET', data.ValidURL).as('Link1');
+		brokenL.clickLink(1);
+		cy.wait('@Link1').its('response.statusCode').should('eq', 200);
+	});
+
+	it('GX-23722 | TC4: Validar las propiedades de link roto', () => {
+		cy.intercept('GET', data.BrokedURL).as('Link2');
+		brokenL.clickLink(2);
+		cy.wait('@Link2').its('response.statusCode').should('eq', 500);
+	});
+});
+
+removeLogs();

cypress/fixtures/data/GX-23722-BrokenLink.json

@@ -0,0 +1,4 @@
+{
+    "ValidURL":"https://demoqa.com/",
+    "BrokedURL":"http://the-internet.herokuapp.com/status_codes/500"
+}

cypress/support/pages/Elements/GX-23722-BrokenLinks.js

@@ -0,0 +1,18 @@
+class BrokenLinks{
+
+    get={
+        ValidImage: ()=> cy.get('[class^="col-12"] [src$="/Toolsqa.jpg"]'),
+        BrokedImage: ()=> cy.get('[src$="/Toolsqa_1.jpg"]'),
+        AllLinks: numberLink => cy.get('[class^="col-12"] a').eq(`${numberLink}`)
+
+    }
+
+
+    clickLink(numberLink){
+        this.get.AllLinks(numberLink-1).click();
+    }
+
+
+}
+
+export const brokenL = new BrokenLinks();

cypress/test-plan/in-sprint/sprint-21/GX-23722.md

@@ -0,0 +1,42 @@
+QA should perform validation of the following functionality
+
+As a QA learner,
+
+I want to test:
+
+valid image.
+
+broken image.
+
+valid link
+
+invalid link.
+
+So that I can improve my testing skills for this scenario.
+
+✅ACCEPTANCE CRITERIA
+
+(This feature doesn’t need BDD AC - Please take a look into the BRS tab)
+
+
+🚩BUSINESS RULES SPEC
+
+For the first image on the page: 
+
+THEN: the Tools QA logo must be displayed correctly.
+
+For the broken image:
+
+THEN: must appear a broken image icon.
+
+For the valid link:
+
+THEN: the link must be working correctly. 
+
+Destination: https://demoqa.com/ 
+
+For the invalid link:
+
+THEN: must go to a webpage showing a 500 status code.
+
+Destination: http://the-internet.herokuapp.com/status_codes/500