add isVisible utils function

cypress/apiRequests/storeFront/Collections.js

@@ -6,6 +6,7 @@ class Collections {
           slug
           name
           products(first:100){
+            totalCount
             edges{
               node{
                 id

cypress/steps/collectionsSteps.js

@@ -40,9 +40,10 @@ class CollectionsSteps {
       .type(productName);
     cy.contains(ASSIGN_PRODUCTS_SELECTORS.tableRow, productName)
       .find(ASSIGN_PRODUCTS_SELECTORS.checkbox)
-      .click()
-      .get(ASSIGN_PRODUCTS_SELECTORS.submitButton)
       .click();
+    cy.addAliasToGraphRequest("CollectionAssignProduct");
+    cy.get(ASSIGN_PRODUCTS_SELECTORS.submitButton).click();
+    cy.wait("@CollectionAssignProduct");
   }
 }
 export default CollectionsSteps;

cypress/utils/storeFront/collectionsUtils.js

@@ -1,24 +1,23 @@
 import Collections from "../../apiRequests/storeFront/Collections";
+import { isVisible } from "./utils";
 
-export const isCollectionVisible = (collectionId, channelSlug) => {
+const collectionsRequest = new Collections();
-  const collectionsRequest = new Collections();
+
-  return collectionsRequest
+export const isCollectionVisible = (collectionId, channelSlug) =>
-    .getCollection(collectionId, channelSlug)
+  isVisible({
-    .then(resp => {
+    request: collectionsRequest.getCollection(collectionId, channelSlug),
-      const collection = resp.body.data.collection;
+    respObjectKey: ["collection"],
-      return collection !== null && collection.id === collectionId;
+    responseValueKey: ["id"],
+    value: collectionId
   });
-};
 export const isProductInCollectionVisible = (
   collectionId,
   channelSlug,
   productId
-) => {
+) =>
-  const collectionsRequest = new Collections();
+  isVisible({
-  return collectionsRequest
+    request: collectionsRequest.getCollection(collectionId, channelSlug),
-    .getCollection(collectionId, channelSlug)
+    respObjectKey: ["collection", "products"],
-    .then(resp => {
+    responseValueKey: ["edges", 0, "node", "id"],
-      const product = resp.body.data.collection.products.edges[0].node;
+    value: productId
-      return product !== null && product.id === productId;
   });
-};

cypress/utils/storeFront/storeFrontProductUtils.js

@@ -1,32 +1,28 @@
 import ProductDetails from "../../apiRequests/storeFront/ProductDetails";
 import Search from "../../apiRequests/storeFront/Search";
+import { isVisible } from "./utils";
 
-export const isProductVisible = (productId, channelSlug, name) => {
+const productDetails = new ProductDetails();
-  const productDetails = new ProductDetails();
+const search = new Search();
-  return productDetails
+
-    .getProductDetails(productId, channelSlug)
+export const isProductVisible = (productId, channelSlug, name) =>
-    .then(productDetailsResp => {
+  isVisible({
-      const product = productDetailsResp.body.data.product;
+    request: productDetails.getProductDetails(productId, channelSlug),
-      return product !== null && product.name === name;
+    respObjectKey: ["product"],
+    responseValueKey: ["name"],
+    value: name
   });
-};
 
-export const isProductAvailableForPurchase = (productId, channelSlug) => {
+export const isProductAvailableForPurchase = (productId, channelSlug) =>
-  const productDetails = new ProductDetails();
+  isVisible({
-  return productDetails
+    request: productDetails.getProductDetails(productId, channelSlug),
-    .getProductDetails(productId, channelSlug)
+    respObjectKey: ["product"],
-    .then(
+    responseValueKey: ["isAvailableForPurchase"]
-      productDetailsResp =>
+  });
-        productDetailsResp.body.data.product.isAvailableForPurchase
+export const isProductVisibleInSearchResult = (productName, channelSlug) =>
-    );
+  isVisible({
-};
+    request: search.searchInShop(productName, channelSlug),
-export const isProductVisibleInSearchResult = (productName, channelSlug) => {
+    respObjectKey: ["products"],
-  const search = new Search();
+    responseValueKey: ["edges", 0, "node", "name"],
-  return search
+    value: productName
-    .searchInShop(productName, channelSlug)
+  });
-    .then(
-      resp =>
-        resp.body.data.products.totalCount !== 0 &&
-        resp.body.data.products.edges[0].node.name === productName
-    );
-};

cypress/utils/storeFront/utils.js

@@ -0,0 +1,23 @@
+export const isVisible = ({
+  request,
+  respObjectKey,
+  responseValueKey,
+  value = true
+}) =>
+  request.then(resp => {
+    resp = resp.body.data;
+    respObjectKey.forEach(element => {
+      resp = resp[element];
+    });
+    if (resp === null) {
+      return false;
+    }
+    if ("totalCount" in resp && resp.totalCount === 0) {
+      return false;
+    }
+    let respValue = resp;
+    responseValueKey.forEach(element => {
+      respValue = respValue[element];
+    });
+    return respValue === value;
+  });