Chore: Tests with Playwright (task: ROC-29, 10-user-preferences)

.gitignore

@@ -81,5 +81,7 @@ tests/end-to-end/temporary_staged_test
 /storybook-static
 /tests/cypress/screenshots
 /tests/cypress/videos
+/tests/e2e/test-failures
 coverage
 .nyc_output
+data

package.json

@@ -14,6 +14,7 @@
 	"scripts": {
 		"prepare": "husky install",
 		"start": "meteor",
+		"dev": "meteor reset && npm start",
 		"ha": "meteor npm run ha:start",
 		"ha:start": "ts-node .scripts/run-ha.ts main",
 		"ha:add": "ts-node .scripts/run-ha.ts instance",
@@ -36,6 +37,9 @@
 		"testunit-definition": "mocha --config ./.mocharc.definition.js",
 		"testunit-watch": "mocha --watch --config ./.mocharc.js",
 		"test": "npm run testapi && npm run testui",
+		"test:playwright": "playwright test",
+		"test:playwright:watch": "PWDEBUG=1 playwright test",
+		"test:playwright:headed": "playwright test --headed",
 		"translation-diff": "node .scripts/translationDiff.js",
 		"translation-check": "node .scripts/check-i18n.js",
 		"translation-fix-order": "node .scripts/fix-i18n.js",
@@ -60,6 +64,7 @@
 		"@babel/preset-env": "^7.14.7",
 		"@babel/preset-react": "^7.14.5",
 		"@babel/register": "^7.14.5",
+		"@playwright/test": "^1.20.0",
 		"@rocket.chat/eslint-config": "^0.4.0",
 		"@rocket.chat/livechat": "^1.12.2",
 		"@settlin/spacebars-loader": "^1.0.9",

playwright.config.ts

@@ -0,0 +1,18 @@
+import { PlaywrightTestConfig } from '@playwright/test';
+
+const config: PlaywrightTestConfig = {
+	outputDir: 'tests/e2e/test-failures',
+	reporter: [['list']],
+	workers: 3,
+	use: {
+		baseURL: process.env.BASE_URL || 'http://localhost:3000',
+		headless: false,
+		viewport: { width: 1368, height: 768 },
+		ignoreHTTPSErrors: true,
+		video: 'retain-on-failure',
+		screenshot: 'only-on-failure',
+		trace: 'retain-on-failure',
+	},
+	testDir: 'tests/e2e',
+};
+export default config;

tests/e2e/00-wizard.spec.ts

@@ -0,0 +1,99 @@
+import { test, expect } from '@playwright/test';
+
+import SetupWizard from './utils/pageobjects/wizard.page';
+import { adminRegister, VALID_EMAIL } from './utils/mocks/userAndPasswordMock';
+import { LOCALHOST, setupWizardStepRegex } from './utils/mocks/urlMock';
+import { HOME_SELECTOR } from './utils/mocks/waitSelectorsMock';
+
+test.describe('[Wizard]', () => {
+	let setupWizard: SetupWizard;
+	test.beforeEach(async ({ page }) => {
+		setupWizard = new SetupWizard(page);
+	});
+	test.describe('[Step 1]', () => {
+		test.beforeEach(async ({ baseURL }) => {
+			const baseUrl = baseURL || LOCALHOST;
+			await setupWizard.goto(baseUrl);
+		});
+
+		test('expect required field alert showed when user dont inform data', async () => {
+			await setupWizard.stepOneFailedBlankFields();
+		});
+
+		test('expect alert showed when email provided is invalid', async () => {
+			await setupWizard.stepOneFailedWithInvalidEmail(adminRegister);
+		});
+
+		test('expect go to Step 2 successfully', async () => {
+			await setupWizard.stepOneSucess(adminRegister);
+
+			await expect(setupWizard.getPage()).toHaveURL(setupWizardStepRegex._2);
+		});
+	});
+
+	test.describe('[Step 2]', async () => {
+		test.beforeEach(async ({ baseURL }) => {
+			const baseUrl = baseURL || LOCALHOST;
+			await setupWizard.goto(baseUrl);
+			await setupWizard.stepOneSucess(adminRegister);
+		});
+
+		test('expect required field alert showed when user dont inform data', async () => {
+			await setupWizard.stepTwoFailedWithBlankFields();
+		});
+
+		test('expect go to Step 3 successfully', async () => {
+			await setupWizard.stepTwoSucess();
+			await expect(setupWizard.getPage()).toHaveURL(setupWizardStepRegex._3);
+		});
+	});
+
+	test.describe('[Step 3]', async () => {
+		test.beforeEach(async () => {
+			await setupWizard.goto('');
+			await setupWizard.stepOneSucess(adminRegister);
+			await setupWizard.stepTwoSucess();
+		});
+
+		test('expect have email field to register the server', async () => {
+			await expect(setupWizard.registeredServer()).toBeVisible();
+		});
+
+		test('expect start "Register" button disabled', async () => {
+			await expect(setupWizard.registerButton()).toBeDisabled();
+		});
+
+		test('expect show an error on invalid email', async () => {
+			await setupWizard.stepThreeFailedWithInvalidField();
+		});
+
+		test('expect enable "Register" button when email is valid and terms checked', async () => {
+			await setupWizard.registeredServer().type(VALID_EMAIL);
+			await setupWizard.agreementField().click();
+			await expect(setupWizard.registerButton()).toBeEnabled();
+		});
+
+		test('expect have option for standalone server', async () => {
+			await expect(setupWizard.standaloneServer()).toBeVisible();
+		});
+	});
+
+	test.describe('[Final Step]', async () => {
+		test.beforeEach(async () => {
+			await setupWizard.goto('');
+			await setupWizard.stepOneSucess(adminRegister);
+			await setupWizard.stepTwoSucess();
+			await setupWizard.stepThreeSucess();
+		});
+
+		test('expect confirm the standalone option', async () => {
+			await expect(setupWizard.goToWorkspace()).toBeVisible();
+			await expect(setupWizard.standaloneConfirmText()).toBeVisible();
+		});
+
+		test('expect confirm standalone', async () => {
+			await setupWizard.goToWorkspace().click();
+			await setupWizard.waitForSelector(HOME_SELECTOR);
+		});
+	});
+});

tests/e2e/01-forgot-password.spec.ts

@@ -0,0 +1,40 @@
+import { test, expect } from '@playwright/test';
+
+import LoginPage from './utils/pageobjects/login.page';
+import { LOCALHOST } from './utils/mocks/urlMock';
+import { VALID_EMAIL, INVALID_EMAIL, INVALID_EMAIL_WITHOUT_MAIL_PROVIDER } from './utils/mocks/userAndPasswordMock';
+
+test.describe('[Forgot Password]', () => {
+	let loginPage: LoginPage;
+
+	test.beforeEach(async ({ page, baseURL }) => {
+		loginPage = new LoginPage(page);
+		const baseUrl = baseURL || LOCALHOST;
+		await loginPage.goto(baseUrl);
+		await loginPage.gotToForgotPassword();
+	});
+
+	test('expect be required', async () => {
+		loginPage.submit();
+
+		await expect(loginPage.emailInvalidText()).toBeVisible();
+	});
+
+	test('expect invalid for email without domain', async () => {
+		await loginPage.emailField().type(INVALID_EMAIL_WITHOUT_MAIL_PROVIDER);
+		await loginPage.submit();
+		await expect(loginPage.emailInvalidText()).toBeVisible();
+	});
+
+	test('expect be invalid for email with invalid domain', async () => {
+		await loginPage.emailField().type(INVALID_EMAIL);
+		await loginPage.submit();
+		await expect(loginPage.emailInvalidText()).toBeVisible();
+	});
+
+	test('expect user type a valid email', async () => {
+		await loginPage.emailField().type(VALID_EMAIL);
+		await loginPage.submit();
+		await expect(loginPage.getToastMessageSuccess()).toBeVisible();
+	});
+});

tests/e2e/02-register.spec.ts

@@ -0,0 +1,28 @@
+import { test } from '@playwright/test';
+
+import { registerUser, WRONG_PASSWORD } from './utils/mocks/userAndPasswordMock';
+import LoginPage from './utils/pageobjects/login.page';
+import { LOCALHOST } from './utils/mocks/urlMock';
+
+test.describe('[Register]', () => {
+	let loginPage: LoginPage;
+
+	test.beforeEach(async ({ page, baseURL }) => {
+		const URL = baseURL || LOCALHOST;
+		loginPage = new LoginPage(page);
+		await loginPage.goto(URL);
+	});
+
+	test('expect user click in register button without data', async () => {
+		await loginPage.registerFail();
+	});
+
+	test('expect user click in register button with different password', async () => {
+		await loginPage.registerFailWithDifentPassword(registerUser, WRONG_PASSWORD);
+	});
+
+	test('expect new user is created', async () => {
+		await loginPage.gotToRegister();
+		await loginPage.registerNewUser(registerUser);
+	});
+});

tests/e2e/03-login.spec.ts

@@ -0,0 +1,30 @@
+import { test, expect } from '@playwright/test';
+
+import { validUser } from './utils/mocks/userAndPasswordMock';
+import LoginPage from './utils/pageobjects/login.page';
+import { LOCALHOST } from './utils/mocks/urlMock';
+import { HOME_SELECTOR } from './utils/mocks/waitSelectorsMock';
+
+test.describe('[Login]', () => {
+	let loginPage: LoginPage;
+
+	test.beforeEach(async ({ page, baseURL }) => {
+		const baseUrl = baseURL || LOCALHOST;
+		loginPage = new LoginPage(page);
+		await loginPage.goto(baseUrl);
+	});
+
+	test('expect user make login', async () => {
+		await loginPage.login(validUser);
+		await loginPage.waitForSelector(HOME_SELECTOR);
+	});
+
+	test('expect user write a password incorrectly', async () => {
+		const invalidUserPassword = {
+			email: validUser.email,
+			password: 'any_password1',
+		};
+		await loginPage.login(invalidUserPassword);
+		await expect(loginPage.getToastError()).toBeVisible();
+	});
+});