fix finding duplicate action log elements on cypress tests in chapter 8

Author: lucasfcosta

chapter8/1_writing_end_to_end_tests/2_writing_your_first_tests/cypress/integration/itemSubmission.spec.js

@@ -43,7 +43,15 @@ describe("item submission", () => {
       .contains("Undo")
       .click();
 
-    cy.get("li").contains("cheesecake - Quantity: 10");
+    cy.get("p")
+      .then(p => {
+        return Array.from(p).filter(p => {
+          return p.innerText.contains(
+            'The inventory has been updated - {"cheesecake":10}'
+          );
+        });
+      })
+      .should("have.length", 2);
   });
 
   it("saves each submission to the action log", () => {
@@ -66,9 +74,16 @@ describe("item submission", () => {
       .click();
 
     cy.get("p").contains("The inventory has been updated - {}");
-    cy.get("p").contains('The inventory has been updated - {"cheesecake":10}');
+    cy.get("p")
+      .then(p => {
+        return Array.from(p).filter(p => {
+          return p.innerText.contains(
+            'The inventory has been updated - {"cheesecake":10}'
+          );
+        });
+      })
+      .should("have.length", 2);
     cy.get("p").contains('The inventory has been updated - {"cheesecake":15}');
-    cy.get("p").contains('The inventory has been updated - {"cheesecake":10}');
   });
 
   describe("given a user enters an invalid item name", () => {

chapter8/1_writing_end_to_end_tests/3_sending_http_requests/cypress/integration/itemSubmission.spec.js

@@ -43,7 +43,15 @@ describe("item submission", () => {
       .contains("Undo")
       .click();
 
-    cy.get("li").contains("cheesecake - Quantity: 10");
+    cy.get("p")
+      .then(p => {
+        return Array.from(p).filter(p => {
+          return p.innerText.contains(
+            'The inventory has been updated - {"cheesecake":10}'
+          );
+        });
+      })
+      .should("have.length", 2);
   });
 
   it("saves each submission to the action log", () => {
@@ -66,9 +74,16 @@ describe("item submission", () => {
       .click();
 
     cy.get("p").contains("The inventory has been updated - {}");
-    cy.get("p").contains('The inventory has been updated - {"cheesecake":10}');
     cy.get("p").contains('The inventory has been updated - {"cheesecake":15}');
-    cy.get("p").contains('The inventory has been updated - {"cheesecake":10}');
+    cy.get("p")
+      .then(p => {
+        return Array.from(p).filter(p => {
+          return p.innerText.contains(
+            'The inventory has been updated - {"cheesecake":10}'
+          );
+        });
+      })
+      .should("have.length", 2);
   });
 
   describe("given a user enters an invalid item name", () => {

chapter8/2_best_practices_for_end_to_end_tests/1_page_objects/cypress/integration/itemSubmission.spec.js

@@ -32,9 +32,8 @@ describe("item submission", () => {
     InventoryManagement.findItemEntry("cheesecake", "10");
 
     InventoryManagement.findAction({});
-    InventoryManagement.findAction({ cheesecake: 10 });
+    InventoryManagement.findAction({ cheesecake: 10 }).should("have.length", 2);
     InventoryManagement.findAction({ cheesecake: 15 });
-    InventoryManagement.findAction({ cheesecake: 10 });
   });
 
   describe("given a user enters an invalid item name", () => {

chapter8/2_best_practices_for_end_to_end_tests/1_page_objects/cypress/pageObjects/inventoryManagement.js

@@ -39,10 +39,12 @@ export class InventoryManagement {
   }
 
   static findAction(inventoryState) {
-    return cy
-      .get("p:not(:nth-of-type(1))")
-      .contains(
-        `The inventory has been updated - ${JSON.stringify(inventoryState)}`
-      );
+    return cy.get("p:not(:nth-of-type(1))").then(p => {
+      return Array.from(p).filter(p => {
+        return p.innerText.includes(
+          `The inventory has been updated - ${JSON.stringify(inventoryState)}`
+        );
+      });
+    });
   }
 }

chapter8/2_best_practices_for_end_to_end_tests/2_application_actions/cypress/integration/itemSubmission.spec.js

@@ -40,9 +40,8 @@ describe("item submission", () => {
     InventoryManagement.findItemEntry("cheesecake", "10");
 
     InventoryManagement.findAction({});
-    InventoryManagement.findAction({ cheesecake: 10 });
+    InventoryManagement.findAction({ cheesecake: 10 }).should("have.length", 2);
     InventoryManagement.findAction({ cheesecake: 15 });
-    InventoryManagement.findAction({ cheesecake: 10 });
   });
 
   describe("given a user enters an invalid item name", () => {

chapter8/2_best_practices_for_end_to_end_tests/2_application_actions/cypress/pageObjects/inventoryManagement.js

@@ -39,10 +39,12 @@ export class InventoryManagement {
   }
 
   static findAction(inventoryState) {
-    return cy
-      .get("p:not(:nth-of-type(1))")
-      .contains(
-        `The inventory has been updated - ${JSON.stringify(inventoryState)}`
-      );
+    return cy.get("p:not(:nth-of-type(1))").then(p => {
+      return Array.from(p).filter(p => {
+        return p.innerText.includes(
+          `The inventory has been updated - ${JSON.stringify(inventoryState)}`
+        );
+      });
+    });
   }
 }

chapter8/3_dealing_with_flakiness/1_avoiding_waiting_for_fixed_amounts_of_time/cypress/integration/itemSubmission.spec.js

@@ -37,10 +37,9 @@ describe("item submission", () => {
     InventoryManagement.undo();
     InventoryManagement.findItemEntry("cheesecake", "10");
 
-    InventoryManagement.findAction({});
-    InventoryManagement.findAction({ cheesecake: 10 });
-    InventoryManagement.findAction({ cheesecake: 15 });
-    InventoryManagement.findAction({ cheesecake: 10 });
+    InventoryManagement.findAction({}).should("have.length", 1);
+    InventoryManagement.findAction({ cheesecake: 10 }).should("have.length", 2);
+    InventoryManagement.findAction({ cheesecake: 15 }).should("have.length", 1);
   });
 
   describe("given a user enters an invalid item name", () => {

chapter8/3_dealing_with_flakiness/1_avoiding_waiting_for_fixed_amounts_of_time/cypress/pageObjects/inventoryManagement.js

@@ -39,10 +39,12 @@ export class InventoryManagement {
   }
 
   static findAction(inventoryState) {
-    return cy
-      .get("p:not(:nth-of-type(1))")
-      .contains(
-        `The inventory has been updated - ${JSON.stringify(inventoryState)}`
-      );
+    return cy.get("p:not(:nth-of-type(1))").then(p => {
+      return Array.from(p).filter(p => {
+        return p.innerText.includes(
+          `The inventory has been updated - ${JSON.stringify(inventoryState)}`
+        );
+      });
+    });
   }
 }