Add product snapshots (#812)

Snapshot the the product video and image cards J=SLAP-1361 TEST=visual Check updated percy snapshots
yext · Jun 4, 2021 · c964561 · c964561
1 parent 7a90b17
commit c964561
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 0 deletions.
diff --git a/test-site/config/index.json b/test-site/config/index.json
@@ -40,6 +40,10 @@
       "mapConfig": {
         "mapProvider": "Google"
       }
+    },
+    "products": {
+      "universalSectionTemplate": "grid-three-columns",
+      "cardType": "product-prominentimage"
     }
   }
 }
diff --git a/test-site/scripts/create-verticals.js b/test-site/scripts/create-verticals.js
@@ -39,6 +39,16 @@ const verticalConfiguration = {
     verticalKey: 'people',
     template: 'vertical-grid',
     cardName: 'standard'
+  },
+  products: {
+    verticalKey: 'products',
+    template: 'vertical-grid',
+    cardName: 'multilang-product-prominentvideo'
+  },
+  products_clickable_image: {
+    verticalKey: 'products',
+    template: 'vertical-grid',
+    cardName: 'product-prominentimage-clickable'
   }
 };
 

diff --git a/tests/percy/photographer.js b/tests/percy/photographer.js
@@ -38,6 +38,9 @@ class Photographer {
     await this._pageNavigator.gotoUniversalPage({ query: 'what if i forget my password?'});
     await this._pageNavigator.click('.HitchhikerFaqAccordion-toggle')
     await this._camera.snapshot('universal-search--faq-accordion');
+
+    await this._pageNavigator.gotoUniversalPage({ query: 'yext answers'});
+    await this._camera.snapshot('universal-search--product-prominentimage');
   }
 
   async _captureVerticalSearch () {
@@ -57,6 +60,12 @@ class Photographer {
 
     await this._pageNavigator.gotoVerticalPage('people', { query: 'vrginia' });
     await this._camera.snapshot('vertical-grid-search--spellcheck');
+
+    await this._pageNavigator.gotoVerticalPage('products', { query: 'yext answers' });
+    await this._camera.snapshot('vertical-grid-search--product-prominentvideo');
+
+    await this._pageNavigator.gotoVerticalPage('products_clickable_image', { query: 'yext answers' });
+    await this._camera.snapshot('vertical-grid-search--product-prominentimage-clickable');
   }
 
   async _captureVerticalMapSearch () {