Merge pull request #11 from feroline/links

cenários da tela Links e @alias para os path,

cypress.config.ts

@@ -1,4 +1,6 @@
 import { defineConfig } from 'cypress';
+import 'module-alias/register';
+
 require('dotenv').config();
 
 export default defineConfig({
@@ -7,11 +9,9 @@ export default defineConfig({
 		pageLoadTimeout: 10000,
 		baseUrl: 'https://demoqa.com',
 		setupNodeEvents(on, config) {
-			// implement node event listeners here
 			on('task', {
 				pause(ms) {
 					return new Promise((resolve) => {
-						// tasks should not resolve with undefined
 						setTimeout(() => resolve(null), ms);
 					});
 				},

cypress/e2e/elements/apresentacao.cy.ts

@@ -1,4 +1,4 @@
-import ElementsLink from '../../support/Enum/links/Elements';
+import ElementsLink from '@enum/links/Elements';
 
 beforeEach(() => {
 	cy.visitarToolsQA(ElementsLink.Elements);

cypress/e2e/elements/buttons.cy.ts

@@ -1,5 +1,5 @@
-import ButtonsPage from '../../pageObjects/buttons/ButtonsPage';
-import ElementsLink from '../../support/Enum/links/Elements';
+import ButtonsPage from '@pageObject/buttons/ButtonsPage';
+import ElementsLink from '@enum/links/Elements';
 
 const Buttons = new ButtonsPage();
 

cypress/e2e/elements/checkBox.cy.ts

@@ -1,6 +1,6 @@
-import ElementsLink from '../../support/Enum/links/Elements';
-import CheckBoxPage from '../../pageObjects/checkBox/CheckBoxPage';
-import CheckBoxText from '../../support/Enum/CheckBoxText';
+import ElementsLink from '@enum/links/Elements';
+import CheckBoxPage from '@pageObject/checkBox/CheckBoxPage';
+import CheckBoxText from '@enum/CheckBoxText';
 
 const CheckBox = new CheckBoxPage();
 

cypress/e2e/elements/links.cy.ts

@@ -0,0 +1,138 @@
+import LinksPage from '@pageObject/links/LinksPage';
+import ElementsLinks from '@enum/links/Elements';
+import Link from '@enum/links/Link';
+
+const Links = new LinksPage();
+const baseUrl = Cypress.config('baseUrl');
+
+beforeEach(() => {
+	cy.visitarToolsQA(ElementsLinks.Links);
+});
+
+describe('Open new tab', () => {
+	describe('Simple Link', () => {
+		it.only('Check FrontEnd (Opens New Tab)', () => {
+			Links.getsimpleLink().then(($link) => {
+				cy.visit(Links.getPropHref($link));
+				cy.url().should('be.equal', `${baseUrl}/`);
+				Links.checkRedirectFrontHome();
+			});
+		});
+
+		it('Check Backend (API)', () => {
+			Links.getsimpleLink().then(($link) => {
+				cy.request(Links.getPropHref($link)).as('request');
+
+				cy.get('@request').then((response) => {
+					//@ts-ignore
+					let urlRecebida = response.allRequestResponses[0]['Request URL'];
+					//@ts-ignore
+					Links.expectStatus(response.status, 200);
+					Links.expectUrl(urlRecebida, `${baseUrl}/`);
+				});
+			});
+		});
+	});
+
+	describe('Dynamic Link', () => {
+		it('Check FrontEnd (Opens New Tab)', () => {
+			Links.getDynamicLink().then(($link) => {
+				cy.visit(Links.getPropHref($link));
+				cy.url().should('be.equal', `${baseUrl}/`);
+				Links.checkRedirectFrontHome();
+			});
+		});
+		it('Check Backend (API)', () => {
+			Links.getDynamicLink().then(($link) => {
+				cy.request(Links.getPropHref($link)).as('request');
+
+				cy.get('@request').then((response) => {
+					//@ts-ignore
+					let urlRecebida = response.allRequestResponses[0]['Request URL'];
+					//@ts-ignore
+					Links.expectStatus(response.status, 200);
+					Links.expectUrl(urlRecebida, `${baseUrl}/`);
+				});
+			});
+		});
+	});
+});
+
+describe('Send an api call', () => {
+	it('Created', () => {
+		cy.intercept('GET', `**${Link.Created}`).as('intercept');
+
+		Links.createdLink();
+
+		cy.wait('@intercept').then(({ request, response }) => {
+			Links.expectUrl(request.url, `${baseUrl}${Link.Created}`);
+			Links.expectStatus(response?.statusCode, 201);
+		});
+	});
+
+	it('No Content', () => {
+		cy.intercept('GET', `**${Link.NoContent}`).as('intercept');
+
+		Links.noContentLink();
+
+		cy.wait('@intercept').then(({ request, response }) => {
+			Links.expectUrl(request.url, `${baseUrl}${Link.NoContent}`);
+			Links.expectStatus(response?.statusCode, 204);
+		});
+	});
+
+	it('Moved', () => {
+		cy.intercept('GET', `**${Link.Moved}`).as('intercept');
+
+		Links.movedLink();
+
+		cy.wait('@intercept').then(({ request, response }) => {
+			Links.expectUrl(request.url, `${baseUrl}${Link.Moved}`);
+			Links.expectStatus(response?.statusCode, 301);
+		});
+	});
+
+	it('Bad Request', () => {
+		cy.intercept('GET', `**${Link.BadRequest}`).as('intercept');
+
+		Links.badRequestLink();
+
+		cy.wait('@intercept').then(({ request, response }) => {
+			Links.expectUrl(request.url, `${baseUrl}${Link.BadRequest}`);
+			Links.expectStatus(response?.statusCode, 400);
+		});
+	});
+
+	it('Unauthorized', () => {
+		cy.intercept('GET', `**${Link.Unauthorized}`).as('intercept');
+
+		Links.unauthorizedLink();
+
+		cy.wait('@intercept').then(({ request, response }) => {
+			Links.expectUrl(request.url, `${baseUrl}${Link.Unauthorized}`);
+			Links.expectStatus(response?.statusCode, 401);
+		});
+	});
+
+	it('Forbidden', () => {
+		cy.intercept('GET', `**${Link.Forbidden}`).as('intercept');
+
+		Links.forbiddenLink();
+
+		cy.wait('@intercept').then(({ request, response }) => {
+			Links.expectUrl(request.url, `${baseUrl}${Link.Forbidden}`);
+			Links.expectStatus(response?.statusCode, 403);
+		});
+	});
+
+	it('Not Found', () => {
+		cy.intercept('GET', `**${Link.NotFound}`).as('intercept');
+
+		Links.notFoundLink();
+
+		cy.wait('@intercept').then(({ request, response }) => {
+			Links.expectUrl(request.url, `${baseUrl}${Link.NotFound}`);
+			Links.expectStatus(response?.statusCode, 404);
+		});
+	});
+});

cypress/e2e/elements/radioButton.cy.ts

@@ -1,5 +1,5 @@
-import ElementsLink from '../../support/Enum/links/Elements';
-import RadioButtonPage from '../../pageObjects/radioButton/RadioBtnPage';
+import ElementsLink from '@enum/links/Elements';
+import RadioButtonPage from '@pageObject/radioButton/RadioBtnPage';
 
 const RadioButton = new RadioButtonPage();
 

cypress/e2e/elements/textBox.cy.ts

@@ -1,5 +1,5 @@
-import TextBoxPage from '../../pageObjects/textBox/TextBoxPage';
-import ElementsLink from '../../support/Enum/links/Elements';
+import TextBoxPage from '@pageObject/textBox/TextBoxPage';
+import ElementsLink from '@enum/links/Elements';
 
 const TextBox = new TextBoxPage();
 const usuarioValidoFixture = '/usuarios/valido';

cypress/e2e/elements/webTables.cy.ts

@@ -1,5 +1,5 @@
-import WebTablesPage from '../../pageObjects/webTables/WebTablePage';
-import ElementsLink from '../../support/Enum/links/Elements';
+import WebTablesPage from '@pageObject/webTables/WebTablePage';
+import ElementsLink from '@enum/links/Elements';
 
 const WebTables = new WebTablesPage();
 

cypress/e2e/home.cy.ts

@@ -1,5 +1,5 @@
-import HomePage from '../pageObjects/home/HomePage';
-import HomeLinks from '../support/Enum/links/Home';
+import HomePage from '@pageObject/home/HomePage';
+import HomeLinks from '@enum/links/Home';
 
 const Home = new HomePage();
 

cypress/pageObjects/buttons/ButtonsPage.ts

@@ -1,5 +1,5 @@
 import locator from './ButtonsLocatos';
-import mensagens from '../../support/Enum/ButtonsMsg';
+import mensagens from '@enum/ButtonsMsg';
 
 class ButtonsPage {
 	dbClickButton(dbClick: boolean) {

cypress/pageObjects/checkBox/CheckBoxPage.ts

@@ -1,4 +1,4 @@
-import CheckBoxNode from '../../support/Types/CheckBoxNode';
+import CheckBoxNode from '@type/CheckBoxNode';
 import locators from './CheckBoxLocators';
 
 class CheckBoxPage {

cypress/pageObjects/home/HomeLocators.ts

@@ -2,6 +2,8 @@ const HomeLocators = {
 	homeBanner: (link: string | undefined) => {
 		return `div.home-banner a[href="${link}"]`;
 	},
+
+	// TODO: mudar o tipo para os tipos de card existentes 'Elements', 'Forms', etc
 	cardXpath: (title: string) => {
 		return `//div[contains(@class, 'card-body')][contains(.,'${title}')]`;
 	},

cypress/pageObjects/home/HomePage.ts

@@ -1,5 +1,5 @@
 import locators from './HomeLocators';
-import Cards from '../../support/Enum/Cards';
+import Cards from '@enum/Cards';
 
 class HomePage {
 	link?: string;

cypress/pageObjects/links/LinksLocators.ts

@@ -0,0 +1,13 @@
+const LinksLocators = {
+	simple: 'p>a#simpleLink',
+	dynamic: 'p>a#dynamicLink',
+	created: 'p>a#created',
+	noContent: 'p>a#no-content',
+	moved: 'p>a#moved',
+	badRequest: 'p>a#bad-request',
+	unauthorized: 'p>a#unauthorized',
+	forbidden: 'p>a#forbidden',
+	notFound: 'p>a#invalid-url',
+};
+
+export default LinksLocators;

cypress/pageObjects/links/LinksPage.ts

@@ -0,0 +1,63 @@
+import locators from './LinksLocators';
+import homeLocators from '@pageObject/home/HomeLocators';
+import Cards from '@enum/Cards';
+
+class LinksPage {
+	getsimpleLink() {
+		return cy.get(locators.simple).click();
+	}
+
+	getDynamicLink() {
+		return cy.get(locators.dynamic).click();
+	}
+
+	getPropHref($link: JQuery<HTMLElement>) {
+		return $link.prop('href');
+	}
+
+	createdLink() {
+		cy.get(locators.created).click();
+	}
+
+	noContentLink() {
+		cy.get(locators.noContent).click();
+	}
+
+	movedLink() {
+		cy.get(locators.moved).click();
+	}
+
+	badRequestLink() {
+		cy.get(locators.badRequest).click();
+	}
+
+	unauthorizedLink() {
+		cy.get(locators.unauthorized).click();
+	}
+
+	forbiddenLink() {
+		cy.get(locators.forbidden).click();
+	}
+
+	notFoundLink() {
+		cy.get(locators.notFound).click();
+	}
+
+	expectStatus(statusRecebido: number | undefined, cod: number) {
+		expect(statusRecebido).be.equal(cod);
+	}
+
+	expectUrl(urlRecebida: string | undefined, urlEsperada: string) {
+		expect(urlRecebida).be.equal(urlEsperada);
+	}
+
+	expectRequestUrl(requestUrl: string, urlEsperada: string) {
+		expect(requestUrl).be.equal(urlEsperada);
+	}
+
+	checkRedirectFrontHome() {
+		cy.xpath(homeLocators.cardXpath(Cards.Elements)).should('be.visible');
+	}
+}
+
+export default LinksPage;

cypress/pageObjects/textBox/TextBoxPage.ts

@@ -1,4 +1,4 @@
-import Colors from '../../support/Enum/Colors';
+import Colors from '@enum/Colors';
 import locators from './TextBoxLocators';
 
 class ElementsPage {

cypress/support/Enum/links/Elements.ts

@@ -5,6 +5,7 @@ enum Elements {
 	RadioButton = '/radio-button',
 	WebTables = '/webtables',
 	Buttons = '/buttons/',
+	Links = '/links',
 }
 
 export default Elements;

cypress/support/Enum/links/Link.ts

@@ -0,0 +1,11 @@
+enum Links {
+	Created = '/created',
+	NoContent = '/no-content',
+	Moved = '/moved',
+	BadRequest = '/bad-request',
+	Unauthorized = '/unauthorized',
+	Forbidden = '/forbidden',
+	NotFound = '/invalid-url',
+}
+
+export default Links;

cypress/support/e2e.ts

@@ -1,14 +1,14 @@
-// Import commands.js using ES2015 syntax:
 import './commands';
+
 require('@cypress/xpath');
 
 beforeEach(() => {
 	cy.session(
 		'performance',
 		() => {
 			cy.visit('/', { timeout: 100000 });
-		},
-		{ cacheAcrossSpecs: true }
+		}
+		// { cacheAcrossSpecs: true }
 	);
 });