cenários de broken links - images adicionados

cypress.config.ts

@@ -5,6 +5,7 @@ require('dotenv').config();
 
 export default defineConfig({
 	projectId: process.env.CYPRESS_PROJECT_ID,
+	chromeWebSecurity: false,
 	e2e: {
 		pageLoadTimeout: 10000,
 		baseUrl: 'https://demoqa.com',

cypress/e2e/elements/brokenLinks.cy.ts

@@ -0,0 +1,26 @@
+import BrokenLinksPage from '@pageObject/brokenLinks/BrokenLinksPage';
+import ElementsLinks from '@enum/links/Elements';
+
+const brokenLinks = new BrokenLinksPage();
+
+beforeEach(() => {
+	cy.visitarToolsQA(ElementsLinks.BrokenLinks);
+});
+
+describe('Broken Links', () => {
+	it('Check Valid Image', () => {
+		brokenLinks.checkValidImage();
+	});
+
+	it.skip('Check Broken Image', () => {
+		brokenLinks.checkBrokenImage();
+	});
+
+	it('Check Valid Link', () => {
+		brokenLinks.checkValidLink();
+	});
+
+	it('Check Broken Link - 500 status code', () => {
+		brokenLinks.checkInvalidLink();
+	});
+});

cypress/pageObjects/brokenLinks/BrokenLinksLocators.ts

@@ -0,0 +1,9 @@
+const BrokenLinksLocators = {
+	validImage: 'div>img[src="/images/Toolsqa.jpg"]',
+	brokenImage: 'div>img[src="/images/Toolsqa_1.jpg"]',
+	validLinkXpath: '//a[contains(.,"Click Here for Valid Link")]',
+	invalidLinkXpath: '//a[contains(.,"Click Here for Broken Link")]',
+	pragrafoBrokenLink: 'div.example>p',
+};
+
+export default BrokenLinksLocators;

cypress/pageObjects/brokenLinks/BrokenLinksPage.ts

@@ -0,0 +1,47 @@
+import locators from './BrokenLinksLocators';
+
+class BrokenLinksPage {
+	checkValidImage() {
+		cy
+			.get(locators.validImage)
+			.should('exist')
+			.and('be.visible')
+			//@ts-ignore
+			.and(($img) => expect($img[0].naturalWidth).to.be.gt(0));
+	}
+
+	checkBrokenImage() {
+		cy
+			.get(locators.brokenImage)
+			.should('exist')
+			.and('be.visible')
+			//@ts-ignore
+			.and(($img) => expect($img[0].naturalWidth).to.be.gt(0));
+	}
+
+	checkValidLink() {
+		cy
+			.xpath(locators.validLinkXpath)
+			.click()
+			.then(
+				//@ts-ignore com o {timeout}
+				() => {
+					cy.url().should('be.contains', Cypress.config('baseUrl'));
+				},
+				{ timeout: 10000 }
+			);
+	}
+
+	checkInvalidLink() {
+		cy
+			.xpath(locators.invalidLinkXpath)
+			.click()
+			.then(() => {
+				cy
+					.get(locators.pragrafoBrokenLink)
+					.should('contain.text', '500 status code');
+			});
+	}
+}
+
+export default BrokenLinksPage;

cypress/support/Enum/links/Elements.ts

@@ -6,6 +6,7 @@ enum Elements {
 	WebTables = '/webtables',
 	Buttons = '/buttons/',
 	Links = '/links',
+	BrokenLinks = '/broken',
 }
 
 export default Elements;