Automated cart functionality test scenarios

Signed-off-by: Ganesh Hubale <ganeshhubale03@gmail.com>

cypress/e2e/products/cart.cy.js

@@ -0,0 +1,105 @@
+const items = require("../../fixtures/items.json");
+const cart = require("../../pages/cartPage");
+
+describe("Cart Functionality", () => {
+
+    beforeEach("login", () => {
+        cy.login()
+    });
+
+    afterEach("CleanUp", () => {
+        cy.clearCookies();
+        cy.clearLocalStorage();
+    });
+
+    it("Add a Single Item to the Cart", () => {
+        // Choose item and Click on it. For example - Item name - Sauce Labs Backpack
+        const itemName = items.sauceLabsBackpack.name;
+
+        cart.addSingleItem(itemName);
+
+        // Go to cart
+        cart.goToCart();
+
+        // Confirm only one item in cart
+        cy.get("div[data-test=inventory-item-name]").then((items) => {
+            const totalItems = [...items].map((item) => item.textContent.trim())
+
+            expect(totalItems.length).to.equal(1);
+            expect(totalItems[0]).to.equals(itemName)
+        });
+    });
+
+    it("Add Multiple Items to the Cart", () => {
+        // Add multiple items to cart
+        const itemNames = Object.values(items).map(item => item.name);
+
+        cart.addMultipleItems(itemNames);
+
+        // Go to cart
+        cart.goToCart();
+
+        // Confirm  multiple items added in cart
+        cy.get("div[data-test=inventory-item-name]").then((items) => {
+            const totalItems = [...items].map((item) => item.textContent.trim())
+
+            expect(totalItems.length).to.equal(itemNames.length);
+        });
+    });
+
+    it("Remove an Item from the Cart", () => {
+        // Add multiple items to cart
+        const itemNames = Object.values(items).map(item => item.name);
+
+        cart.addMultipleItems(itemNames);
+
+        // Go to cart
+        cart.goToCart();
+
+        // Remove an item from cart and check count reduced
+        cart.removeFromCart([itemNames[0]]);
+
+        // Confirm total count reduced by one
+        cy.get("div[data-test=inventory-item-name]").then((items) => {
+            const totalItems = [...items].map((item) => item.textContent.trim())
+
+            expect(totalItems.length).to.equal(itemNames.length-1);
+        });
+    });
+
+    it("Empty the Cart", () => {
+        // Add multiple items to cart
+        const itemNames = Object.values(items).map(item => item.name);
+
+        cart.addMultipleItems(itemNames);
+
+        // Go to cart
+        cart.goToCart();
+
+        // Remove an item from cart and check count reduced
+        cart.removeFromCart(itemNames);
+
+        // Confirm the cart is empty
+        cy.get("div[data-test=inventory-item-name]").should("not.exist");
+    });
+
+    it("Verify Cart Persistence", () => {
+        // Add multiple items to cart
+        const itemNames = Object.values(items).map(item => item.name);
+
+        cart.addMultipleItems(itemNames);
+
+        // Reload the inventory
+        cy.reload();
+
+        // Go to cart
+        cart.goToCart();
+
+        // Confirm total count of items is equal to total items in cart
+        cy.get("div[data-test=inventory-item-name]").then((items) => {
+            const totalItems = [...items].map((item) => item.textContent.trim())
+
+            expect(totalItems.length).to.equal(itemNames.length);
+        });
+    });
+});

cypress/e2e/products/sort-items.cy.js

@@ -3,7 +3,7 @@ const inventoryPage = require("../../pages/inventoryPage")
 describe("Sort product items", () => {
     beforeEach("login", () => {
         cy.login()
-    })
+    });
 
     afterEach(() => {
         cy.clearCookies();
@@ -25,7 +25,7 @@ describe("Sort product items", () => {
             const sortedNames = [...itemNames].sort();
             expect(itemNames).to.deep.equal(sortedNames);
         });
-    })  
+    });
 
     it("Verify sort items by Name: Z-A", () => {
         inventoryPage.sort_by_name("za")
@@ -41,7 +41,7 @@ describe("Sort product items", () => {
             const sortedNames = [...itemNames].sort((a,b) => b.localeCompare(a));
             expect(itemNames).to.deep.equal(sortedNames);
         });
-    })
+    });
 
     it("Verify sort items by price: low to high", () => {
         inventoryPage.sort_by_price("lohi")
@@ -57,7 +57,7 @@ describe("Sort product items", () => {
             const sortedPrices = [...itemPrices].sort((a, b) => a - b);;
             expect(itemPrices).to.deep.equal(sortedPrices);
         });
-    })
+    });
 
     it("Verify sort items by price: high to low", () => {
         inventoryPage.sort_by_price("hilo")
@@ -73,5 +73,5 @@ describe("Sort product items", () => {
             const sortedPrices = [...itemPrices].sort((a, b) => b - a);
             expect(itemPrices).to.deep.equal(sortedPrices);
         });
-    })
+    });
 });

cypress/fixtures/items.json

@@ -0,0 +1,11 @@
+{
+    "sauceLabsBackpack": {
+    "name": "Sauce Labs Backpack"
+    },
+    "sauceLabsBikelight": {
+    "name": "Sauce Labs Bike Light"
+    },
+    "testallthings": {
+    "name": "Test.allTheThings() T-Shirt (Red)"
+    }
+}

cypress/pages/cartPage.js

@@ -0,0 +1,36 @@
+class Cart{
+
+    elements = {
+        itemName: () => cy.get("div[data-test=inventory-item-name]"),
+        addToCart: () => cy.get("button[id=add-to-cart]"),
+        cartBtn: () => cy.get("div[id=shopping_cart_container]")
+    }
+
+    addSingleItem(name){
+        // Click on item
+        this.elements.itemName().contains(name).click();
+
+        // Add to card
+        this.elements.addToCart().click()
+    };
+
+    addMultipleItems(itemNames){
+        itemNames.forEach((itemName) => {
+            const name = itemName.trim().toLowerCase().replace(/\s+/g, '-');
+            cy.get(`button[id='add-to-cart-${name}']`).click();
+        });
+    };
+
+    removeFromCart(itemNames){
+        itemNames.forEach((itemName) => {
+            const name = itemName.trim().toLowerCase().replace(/\s+/g, '-');
+            cy.get(`button[id='remove-${name}']`).click();
+        });
+    };
+
+    goToCart(){
+        // Click on cart button
+        this.elements.cartBtn().click();
+    }
+};
+module.exports = new Cart();

cypress/pages/inventoryPage.js

@@ -14,4 +14,4 @@ class Inventory{
     }
 
 }
-module.exports = new Inventory();
+module.exports = new Inventory();