tests: Add tests

cypress.config.js

@@ -2,8 +2,7 @@ const { defineConfig } = require('cypress');
 
 module.exports = defineConfig({
   e2e: {
-    setupNodeEvents(on, config) {
-      // implement node event listeners here
-    }
+    baseUrl: 'https://conduit.mate.academy/',
+    setupNodeEvents(on, config) {}
   }
 });

cypress/e2e/signUp.cy.js

@@ -1,5 +1,18 @@
+/// <reference types='cypress' />
+import { generateUser } from '../support/generate';
+
 describe('Sign Up page', () => {
+  const { username, email, password } = generateUser();
+
   it('should provide an ability to register new account', () => {
+    cy.visit('/user/register');
 
+    cy.getByPlaceholder('Username', username);
+    cy.getByPlaceholder('Email', email);
+    cy.getByPlaceholder('Password', password);
+    cy.get('button[type="submit"]').click();
+    cy.get('a[class=nav-link]')
+      .contains(username.toLowerCase())
+      .should('be.visible');
   });
 });

cypress/support/commands.js

@@ -1,25 +1,5 @@
-// ***********************************************
-// This example commands.js shows you how to
-// create various custom commands and overwrite
-// existing commands.
-//
-// For more comprehensive examples of custom
-// commands please read more here:
-// https://on.cypress.io/custom-commands
-// ***********************************************
-//
-//
-// -- This is a parent command --
-// Cypress.Commands.add('login', (email, password) => { ... })
-//
-//
-// -- This is a child command --
-// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
-//
-//
-// -- This is a dual command --
-// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
-//
-//
-// -- This will overwrite an existing command --
-// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
+/// <reference types='cypress' />
+
+Cypress.Commands.add('getByPlaceholder', (placeholder, value) => {
+  cy.get(`input[placeholder="${placeholder}"]`).type(value);
+});

cypress/support/e2e.js

@@ -1,20 +1,2 @@
-// ***********************************************************
-// This example support/e2e.js is processed and
-// loaded automatically before your test files.
-//
-// This is a great place to put global configuration and
-// behavior that modifies Cypress.
-//
-// You can change the location of this file or turn off
-// automatically serving support files with the
-// 'supportFile' configuration option.
-//
-// You can read more here:
-// https://on.cypress.io/configuration
-// ***********************************************************
-
-// Import commands.js using ES2015 syntax:
 import './commands';
-
-// Alternatively you can use CommonJS syntax:
-// require('./commands')
+import './generate';

cypress/support/generate.js

@@ -0,0 +1,12 @@
+import { faker } from '@faker-js/faker';
+
+function generateUser() {
+  const randomNumber = Math.random().toString().slice(2, 6);
+  const username = faker.internet.userName() + '_' + randomNumber;
+  const email = `${username}@mail.com`;
+  const password = '12345Qwert!';
+
+  return { email, password, username };
+}
+
+module.exports = { generateUser };