solution

cypress.config.js

@@ -1,4 +1,5 @@
 const { defineConfig } = require('cypress');
+const { faker } = require('@faker-js/faker');
 
 module.exports = defineConfig({
   e2e: {
@@ -7,13 +8,20 @@ module.exports = defineConfig({
       on('task', {
         generateUser() {
           const randomNumber = Math.ceil(Math.random(1000) * 1000);
+          const randomMonth = Math.ceil(Math.random() * 12);
+          const randomYear = Math.ceil(Math.random() * 2024);
           return {
             username: faker.name.firstName() + `${randomNumber}`,
-            email: 'test' + `${randomNumber}` + '@mail.com',
-            password: 'Password12345!'
+            email: 'user' + `${randomNumber}` + '@mail.com',
+            password: 'Password12345!',
+            country: faker.lorem.word(),
+            city: faker.lorem.word(),
+            card: faker.lorem.word(),
+            month: randomMonth,
+            year: randomYear
           };
         }
-      })
+      });
     }
   }
 });

cypress/e2e/checkout.cy.js

@@ -1,11 +1,52 @@
+import PlaceOrderFormPageObject from '../support/pages/orderForm.pageObject';
+import HomeAndCataloguePageObject
+  from '../support/pages/homeСatalogue.pageObject';
+// eslint-disable-next-line max-len
+import ConfirmationFormPageObject from '../support/pages/confirmForm.pageObject';
+import CartFormPageObject from '../support/pages/cartForm.pageObject';
+
+const orderForm = new PlaceOrderFormPageObject();
+const homePage = new HomeAndCataloguePageObject();
+const confirmWindowValue = new ConfirmationFormPageObject();
+const cartWindow = new CartFormPageObject();
+
 /// <reference types='cypress' />
 
-describe('', () => {
-  before(() => {
+describe('The order', () => {
+  let user;
 
+  before(() => {
+    cy.task('generateUser').then((generateUser) => {
+      user = generateUser;
+    });
+    homePage.visit();
   });
 
-  it('', () => {
-
+  it('should be placed by purchase the form', () => {
+    const confirmationMessage = 'Thank you for your purchase!';
+    homePage.clickOnCategory('Laptops');
+    homePage.clickOnProduct('Sony vaio i7');
+    homePage.clickOnBtnOnProductPage('Add to cart');
+    orderForm.handleConfirmWindow();
+    homePage.clickOnLink('Cart');
+    cartWindow.table.should('contain', 'Sony vaio i7');
+    homePage.clickOnBtnInCart('Place Order');
+    orderForm.typeName(user.username);
+    orderForm.typeCountry(user.country);
+    orderForm.typeCity(user.city);
+    orderForm.typeCard(user.card);
+    orderForm.typeMonth(user.month);
+    orderForm.typeYear(user.year);
+    homePage.clickOnBtnInOrderForm('Purchase');
+    confirmWindowValue.confirmWindow.should('exist');
+    confirmWindowValue.customerName
+      .should('contain', user.username);
+    confirmWindowValue.confirmMsg
+      .should('contain', confirmationMessage);
+    confirmWindowValue.customerCard
+      .should('contain', user.card);
+    confirmWindowValue.orderId
+      .should('contain', 'Id');
+    homePage.clickOnOk();
   });
 });

cypress/e2e/contactForm.cy.js

@@ -1,6 +1,6 @@
 import ContactFormPageObject from '../support/pages/contactForm.pageObject';
 import HomeAndCataloguePageObject
-  from '../support/pages/homeCatalogue.pageObject';
+  from '../support/pages/homeAndCataloguePageObject';
 import faker from 'faker';
 /// <reference types='cypress' />
 

cypress/support/commands.js

@@ -22,4 +22,4 @@
 //
 //
 // -- This will overwrite an existing command --
-// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
+// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })

cypress/support/pages/cartForm.pageObject.js

@@ -0,0 +1,11 @@
+import PageObject from '../PageObject';
+
+class CartFormPageObject extends PageObject {
+  url = '/cart.html';
+
+  get table() {
+    return cy.get('.table-responsive');
+  }
+}
+
+export default CartFormPageObject;

cypress/support/pages/confirmForm.pageObject.js

@@ -0,0 +1,27 @@
+import PageObject from '../PageObject';
+
+class ConfirmationFormPageObject extends PageObject {
+  url = '/cart.html';
+
+  get confirmWindow() {
+    return cy.get('.sweet-alert');
+  }
+
+  get customerName() {
+    return cy.get('.lead');
+  }
+
+  get confirmMsg() {
+    return cy.get('.sweet-alert > h2');
+  }
+
+  get customerCard() {
+    return cy.get('.lead');
+  }
+
+  get orderId() {
+    return cy.get('.lead');
+  }
+}
+
+export default ConfirmationFormPageObject;

cypress/support/pages/homeCatalogue.pageObject.js

@@ -1,4 +1,6 @@
+/* eslint-disable max-len */
 import PageObject from '../PageObject';
+const purchase = '#orderModal > .modal-dialog > .modal-content > .modal-footer > .btn-primary';
 
 class HomeAndCataloguePageObject extends PageObject {
   url = '/index.html';
@@ -17,6 +19,25 @@ class HomeAndCataloguePageObject extends PageObject {
     cy.contains('.hrefch', product)
       .click();
   }
-}
 
+  clickOnBtnInCart(buttonName) {
+    cy.contains('.col-lg-1 > .btn', buttonName)
+      .click();
+  }
+
+  clickOnBtnOnProductPage(button) {
+    cy.contains('.col-sm-12 > .btn', button)
+      .click();
+  }
+
+  clickOnBtnInOrderForm(button) {
+    cy.contains(purchase, button)
+      .click();
+  }
+
+  clickOnOk() {
+    cy.get('.confirm')
+      .click();
+  }
+}
 export default HomeAndCataloguePageObject;

cypress/support/pages/orderForm.pageObject.js

@@ -0,0 +1,62 @@
+import PageObject from '../PageObject';
+
+class PlaceOrderFormPageObject extends PageObject {
+  url = '/cart.html';
+
+  get nameField() {
+    return cy.get('#name');
+  }
+
+  get countryField() {
+    return cy.get('#country');
+  }
+
+  get cityField() {
+    return cy.get('#city');
+  }
+
+  get creditCardField() {
+    return cy.get('#card');
+  }
+
+  get monthField() {
+    return cy.get('#month');
+  }
+
+  get yearField() {
+    return cy.get('#year');
+  }
+
+  handleConfirmWindow() {
+    cy.on('window:alert', (alertText) => {
+      expect(alertText).to.equal('Product added');
+      cy.contains('button', 'OK').click();
+    });
+  }
+
+  typeName(name) {
+    this.nameField.type(name, { force: true });
+  }
+
+  typeCountry(country) {
+    this.countryField.type(country, { force: true });
+  }
+
+  typeCity(city) {
+    this.cityField.type(city, { force: true });
+  }
+
+  typeCard(card) {
+    this.creditCardField.type(card, { force: true });
+  }
+
+  typeMonth(month) {
+    this.monthField.type(month, { force: true });
+  }
+
+  typeYear(year) {
+    this.yearField.type(year, { force: true });
+  }
+}
+
+export default PlaceOrderFormPageObject;