Solution

cypress/e2e/checkout.cy.js

@@ -1,11 +1,60 @@
+import { faker } from '@faker-js/faker';
+import HomeAndCataloguePageObject from '../support/pages/homeСatalogue.pageObject';
+import CartPageObject from '../support/pages/cart.pageObject';
 /// <reference types='cypress' />
 
-describe('', () => {
-  before(() => {
+const homePage = new HomeAndCataloguePageObject();
+const cartPage = new CartPageObject();
+
+const testData = {
+  name: faker.name.firstName(),
+  country: faker.address.country(),
+  city: faker.address.city(),
+  creditCard: faker.finance.creditCardNumber(),
+  month: faker.date.month(),
+  year: faker.date.future({ years: 5 }).getFullYear(),
+  productName: 'Sony vaio i7',
+  successMessage: 'Product added'
+};
 
+describe('Shopping Cart', () => {
+  before(() => {
+    homePage.visit();
   });
 
-  it('', () => {
+  it('should allow a user to add a product to the cart', () => {
+    homePage.clickOnLaptops();
+    homePage.clickOnProduct(testData.productName);
+    homePage.addToCart();
+
+    // Assert the product was added
+    cy.on('window:alert', (alertText) => {
+      expect(alertText).to.contains(testData.successMessage);
+    });
+
+    homePage.clickOnCart();
+    cartPage.assertProductInCart(testData.productName);
+
+    cartPage.clickOnPlaceOrder();
+    cartPage.fillOrderDetails(
+      testData.name,
+      testData.country,
+      testData.city,
+      testData.creditCard,
+      testData.month,
+      testData.year
+    );
+    cartPage.clickOnPurchase();
 
+    // Assert the modal shows the correct information
+    cartPage.assertModalData(
+      testData.name,
+      testData.country,
+      testData.city,
+      testData.creditCard,
+      testData.month,
+      testData.year
+    );
+    cartPage.clickOnOk();
   });
 });

cypress/e2e/contactForm.cy.js

@@ -1,7 +1,7 @@
+import { faker } from '@faker-js/faker';
 import ContactFormPageObject from '../support/pages/contactForm.pageObject';
 import HomeAndCataloguePageObject
   from '../support/pages/homeСatalogue.pageObject';
-import faker from 'faker';
 /// <reference types='cypress' />
 
 const contactForm = new ContactFormPageObject();

cypress/support/pages/cart.pageObject.js

@@ -0,0 +1,39 @@
+import PageObject from '../PageObject';
+
+class CartPageObject {
+  assertProductInCart(productName) {
+    cy.contains('td', productName).should('be.visible');
+  }
+
+  clickOnPlaceOrder() {
+    cy.contains('Place Order').click();
+  }
+
+  fillOrderDetails(name, country, city, creditCard, month, year) {
+    cy.get('input[id^="name"]').type(name);
+    cy.get('input[id^="country"]').type(country);
+    cy.get('input[id^="city"]').type(city);
+    cy.get('input[id^="card"]').type(creditCard);
+    cy.get('input[id^="month"]').type(month);
+    cy.get('input[id^="year"]').type(year);
+  }
+
+  clickOnPurchase() {
+    cy.contains('Purchase').click();
+  }
+
+  assertModalData(name, country, city, creditCard, month, year) {
+    cy.contains('Id').should('be.visible');
+    cy.contains('Amount').should('be.visible');
+    cy.contains('Card Number').should('be.visible');
+    cy.contains('Name').should('exist');
+    cy.contains('Date').should('be.visible');
+    cy.contains('Country').should('be.visible');
+  }
+
+  clickOnOk() {
+    cy.contains('OK').click();
+  }
+}
+
+export default CartPageObject;

cypress/support/pages/homeСatalogue.pageObject.js

@@ -17,6 +17,17 @@ class HomeAndCataloguePageObject extends PageObject {
     cy.contains('.hrefch', product)
       .click();
   }
-}
 
+  clickOnLaptops() {
+    cy.contains('Laptops').click();
+  }
+
+  addToCart() {
+    cy.contains('Add to cart').click();
+  }
+
+  clickOnCart() {
+    cy.contains('Cart').click();
+  }
+}
 export default HomeAndCataloguePageObject;