Cypress multiple wishlist

venia-integration-tests/src/actions/categoryPage/index.js

@@ -1,6 +1,8 @@
 import {
     categoryPageAddToWishListButton,
-    categoryPageSelectedWishlistButton
+    createWishlistButton,
+    wishlistNameField,
+    createWishlistConfirmButton
 } from '../../fields/categoryPage';
 
 /**
@@ -12,10 +14,20 @@ export const addProductToWishlistFromCategoryPage = productToAdd => {
         .siblings()
         .find(categoryPageAddToWishListButton)
         .click();
+};
 
-    // assert product selected indicator
-    cy.contains(productToAdd)
-        .siblings()
-        .find(categoryPageSelectedWishlistButton)
-        .should('exist');
+/**
+ * Utility function to create wishlist
+ *
+ * @param {String} wishlistName wishlist name
+ */
+export const createWishlistViaDialog = wishlistName => {
+    // click on Create a List link
+    cy.get(createWishlistButton).click();
+
+    // enter wishlist name
+    cy.get(wishlistNameField).type(wishlistName);
+
+    // Create wishlist
+    cy.get(createWishlistConfirmButton).click();
 };

venia-integration-tests/src/actions/index.js

@@ -1,3 +1,4 @@
 export * as categoryPage from './categoryPage';
 export * as myAccountMenu from './myAccountMenu';
 export * as productPage from './productPage';
+export * as wishlistPage from './wishlistPage';

venia-integration-tests/src/actions/productPage/index.js

@@ -1,15 +1,22 @@
 import {
     productPageAddToWishListButton,
-    productPageSelectedWishlistButton
+    addProductToWishlist
 } from '../../fields/productPage';
 
 /**
- * Utility function to add product to wishlist from product page
+ * Utility function to add product to wishlist  from product page
  */
 export const addProductToWishlistFromProductPage = () => {
     // add product to wishlist
     cy.get(productPageAddToWishListButton).click();
+};
 
-    // assert product selected indicator
-    cy.get(productPageSelectedWishlistButton).should('exist');
+/**
+ * Utility function to add product to wishlist from product page Dialog window
+ */
+export const addProductToExistingWishlistFromDialog = wishlistName => {
+    // add product to wishlist
+    cy.get(addProductToWishlist)
+        .contains(wishlistName)
+        .click();
 };

venia-integration-tests/src/actions/wishlistPage/index.js

@@ -0,0 +1,21 @@
+import {
+    createWishlistButton,
+    wishlistNameField,
+    createWishlistConfirmButton
+} from '../../fields/wishlist';
+
+/**
+ * Utility function to create wishlist
+ *
+ * @param {String} wishlistName wishlist name
+ */
+export const createWishlist = wishlistName => {
+    // click on Create a List link
+    cy.get(createWishlistButton).click();
+
+    // enter wishlist name
+    cy.get(wishlistNameField).type(wishlistName);
+
+    // Create wishlist
+    cy.get(createWishlistConfirmButton).click();
+};

venia-integration-tests/src/assertions/categoryPage/index.js

@@ -0,0 +1,12 @@
+import { categoryPageSelectedWishlistButton } from '../../fields/categoryPage';
+
+/**
+ * Utility function to assert selected product in wishlist
+ */
+export const assertWishlistSelectedProductOnCategoryPage = selectedProduct => {
+    // assert product selected indicator
+    cy.contains(selectedProduct)
+        .siblings()
+        .find(categoryPageSelectedWishlistButton)
+        .should('exist');
+};

venia-integration-tests/src/assertions/index.js

@@ -1,2 +1,4 @@
 export * as myAccountMenu from './myAccountMenu';
 export * as wishlist from './wishlist';
+export * as categoryPage from './categoryPage';
+export * as productPage from './productPage';

venia-integration-tests/src/assertions/productPage/index.js

@@ -0,0 +1,9 @@
+import { productPageSelectedWishlistButton } from '../../fields/productPage';
+
+/**
+ * Utility function to assert the product is in wishlist
+ */
+export const assertProductSelectIndicator = () => {
+    // assert product selected indicator
+    cy.get(productPageSelectedWishlistButton).should('exist');
+};

venia-integration-tests/src/assertions/wishlist/index.js

@@ -2,9 +2,12 @@ import {
     wishlistPageHeading,
     wishlistRoot,
     wishlistItemPrice,
-    wishlistItemAddToCartButton
+    wishlistItemAddToCartButton,
+    createWishlistButton
 } from '../../fields/wishlist';
 
+import { emptyWishlistMessage } from '../../fixtures/wishlist';
+
 /**
  * Utility function to assert empty wishlist
  * @param {String} wishlistHeaderText wishlist page header text
@@ -14,14 +17,6 @@ export const assertWishlistHeading = wishlistHeaderText => {
     cy.get(wishlistPageHeading).contains(wishlistHeaderText);
 };
 
-/**
- * Utility function to assert empty wishlist
- */
-export const assertEmptyWishlist = () => {
-    // assert product container does not exists
-    cy.get(wishlistRoot).should('not.exist');
-};
-
 /**
  * Utility function to assert product exists in wishlist
  * @param {String} productName product to verify it exist in wishlist
@@ -43,3 +38,21 @@ export const assertProductInWishlist = productName => {
         .children(wishlistItemAddToCartButton)
         .should('exist');
 };
+
+/**
+ * Utility function to assert create wishlist link exists
+ */
+export const assertCreateWishlistLink = () => {
+    // assert create a list link exists
+    cy.get(createWishlistButton).should('exist');
+};
+
+/**
+ * Utility function to assert empty wishlist for multiple wishlists
+ */
+export const assertEmptyWishlistExists = wishlistName => {
+    // assert wishlist exists and is empty
+    cy.get(wishlistRoot)
+        .should('contain.text', wishlistName)
+        .should('contain.text', emptyWishlistMessage);
+};

venia-integration-tests/src/fields/categoryPage/index.js

@@ -5,3 +5,11 @@ export const categoryPageSelectedWishlistButton =
     '*[class^="galleryButton-root_selected"]';
 
 export const filterButton = 'button[class^="category-filterButton"]';
+
+export const createWishlistButton =
+    'button[class^="wishlistDialog-createListButton-"]';
+
+export const wishlistNameField = 'input[id^="createWishlistForm-listname-"]';
+
+export const createWishlistConfirmButton =
+    'button[class^="button-root_highPriority-"]';

venia-integration-tests/src/fields/productPage/index.js

@@ -3,3 +3,5 @@ export const productPageAddToWishListButton =
 
 export const productPageSelectedWishlistButton =
     '*[class^="wishlistButton-wishlistButtonContent_disabled-"]';
+
+export const addProductToWishlist = 'button[class^="wishlistLineItem-root-"]';

venia-integration-tests/src/fields/wishlist/index.js

@@ -6,3 +6,11 @@ export const wishlistItemPrice = '*[class^="wishlistItem-priceContainer-"]';
 
 export const wishlistItemAddToCartButton =
     '*[class^="wishlistItem-addToCart-"]';
+
+export const createWishlistButton =
+    'button[class^="createWishlist-createButton-"]';
+
+export const wishlistNameField = 'input[name="name"]';
+
+export const createWishlistConfirmButton =
+    'button[class^="createWishlist-confirmButton-"]';

venia-integration-tests/src/fixtures/categoryPage/index.js

@@ -1,3 +1,5 @@
+export const categoryTops = 'venia-tops.html?page=1';
+
 export const categorySweaters = './venia-tops/venia-sweaters.html?page=1';
 
 export const productCarinaCardigan = 'Carina Cardigan';

venia-integration-tests/src/fixtures/graphqlMockedCalls/index.js

@@ -0,0 +1,24 @@
+export const hitGraphqlPath = '**/graphql';
+
+export const getCMSPage = '**/graphql?query=query+GetCmsPage*';
+
+export const getCustomerWishlistCall =
+    '**/graphql?query=query+GetCustomerWishlist*';
+
+export const getMultipleWishlistConfigCall =
+    '**/graphql?query=query+getMultipleWishlistsEnabled*';
+
+export const getWishlistDialogDataCall =
+    '**/graphql?query=query+getWishlistsDialogData*';
+
+export const getWishlistitemsForLocalFieldsCall =
+    '**/graphql?query=query+GetWishlistItemsForLocalField*';
+
+export const getWishlistConfigForGalleryCall =
+    '**/graphql?query=query+GetWishlistConfigForGallery*';
+
+export const getWishlistConfigForProductPageCall =
+    '**/graphql?query=query+wishlistConfig*';
+
+export const getCustomerWishlist =
+    '**/graphql?query=query+GetCustomerWishlist*';

venia-integration-tests/src/fixtures/index.js

@@ -4,3 +4,4 @@ export * as homePage from './homePage';
 export * as myAccountMenu from './myAccountMenu';
 export * as productPage from './productPage';
 export * as wishlist from './wishlist';
+export * as graphqlMockedCalls from './graphqlMockedCalls';

venia-integration-tests/src/fixtures/productPage/index.js

@@ -1,3 +1,9 @@
-export const productValeriaTwoLayeredTankUrl = './valeria-two-layer-tank.html';
+export const productAugustaEarrings = {
+    name: 'Augusta Earrings',
+    url: '/augusta-earrings.html'
+};
 
-export const productValeriaTwoLayeredTankName = 'Valeria Two-Layer Tank';
+export const productValeriaTwoLayeredTank = {
+    name: 'Valeria Two-Layer Tank',
+    url: '/valeria-two-layer-tank.html'
+};

venia-integration-tests/src/fixtures/wishlist/index.js

@@ -1,6 +1,12 @@
-export const wishistRoute = './wishlist';
+export const wishlistRoute = 'wishlist';
 
 export const wishlistRemove = 'Remove';
 
 export const removeProductMessage =
     'Are you sure you want to delete this product from the list?';
+
+export const singleWishlistHeading = 'Remove';
+
+export const multipleWishlistHeading = 'Remove';
+
+export const emptyWishlistMessage = 'There are currently no items in this list';

venia-integration-tests/src/fixtures/wishlist/multipleWishlist/ProductPageAddProductToWishlist.json

@@ -0,0 +1,13 @@
+{
+    "data": {
+        "addProductsToWishlist": {
+            "user_errors": [],
+            "wishlist": {
+                "id": "31",
+                "name": "Test List1",
+                "__typename": "Wishlist"
+            },
+            "__typename": "AddProductsToWishlistOutput"
+        }
+    }
+}

venia-integration-tests/src/fixtures/wishlist/multipleWishlist/categoryPageAddProductToWishlist.json

@@ -0,0 +1,13 @@
+{
+    "data": {
+        "addProductsToWishlist": {
+            "user_errors": [],
+            "wishlist": {
+                "id": "32",
+                "name": "Test List2",
+                "__typename": "Wishlist"
+            },
+            "__typename": "AddProductsToWishlistOutput"
+        }
+    }
+}

venia-integration-tests/src/fixtures/wishlist/multipleWishlist/categoryPageCreateWishlist2.json

@@ -0,0 +1,11 @@
+{
+    "data": {
+        "createWishlist": {
+            "wishlist": {
+                "id": "32",
+                "__typename": "Wishlist"
+            },
+            "__typename": "CreateWishlistOutput"
+        }
+    }
+}

venia-integration-tests/src/fixtures/wishlist/multipleWishlist/categoryPageGetWishListDataForLocalFields.json

@@ -0,0 +1,23 @@
+{
+    "data": {
+        "customer": {
+            "id": null,
+            "wishlists": [
+                {
+                    "id": "31",
+                    "items_v2": {
+                        "items": [],
+                        "page_info": {
+                            "current_page": 1,
+                            "total_pages": 1,
+                            "__typename": "SearchResultPageInfo"
+                        },
+                        "__typename": "WishlistItems"
+                    },
+                    "__typename": "Wishlist"
+                }
+            ],
+            "__typename": "Customer"
+        }
+    }
+}

venia-integration-tests/src/fixtures/wishlist/multipleWishlist/categoryPageGetWishListDataForLocalFieldsUpdated.json

@@ -0,0 +1,46 @@
+{
+    "data": {
+        "customer": {
+            "id": null,
+            "wishlists": [
+                {
+                    "id": "31",
+                    "items_v2": {
+                        "items": [],
+                        "page_info": {
+                            "current_page": 1,
+                            "total_pages": 1,
+                            "__typename": "SearchResultPageInfo"
+                        },
+                        "__typename": "WishlistItems"
+                    },
+                    "__typename": "Wishlist"
+                },
+                {
+                    "id": "32",
+                    "items_v2": {
+                        "items": [
+                            {
+                                "id": "70",
+                                "product": {
+                                    "id": 1120,
+                                    "sku": "VSW01",
+                                    "__typename": "ConfigurableProduct"
+                                },
+                                "__typename": "ConfigurableWishlistItem"
+                            }
+                        ],
+                        "page_info": {
+                            "current_page": 1,
+                            "total_pages": 1,
+                            "__typename": "SearchResultPageInfo"
+                        },
+                        "__typename": "WishlistItems"
+                    },
+                    "__typename": "Wishlist"
+                }
+            ],
+            "__typename": "Customer"
+        }
+    }
+}

venia-integration-tests/src/fixtures/wishlist/multipleWishlist/categoryPageGetWishlistConfigForGallery.json

@@ -0,0 +1,10 @@
+{
+    "data": {
+        "storeConfig": {
+            "id": 1,
+            "magento_wishlist_general_is_enabled": "1",
+            "enable_multiple_wishlists": "1",
+            "__typename": "StoreConfig"
+        }
+    }
+}