Visual tests for all cards

test-site/config/index.json

@@ -36,10 +36,20 @@
     },
     "KM": {
       "universalSectionTemplate": "grid-two-columns",
-      "cardType": "multilang-financial-professional-location",
+      "cardType": "financial-professional-location",
       "mapConfig": {
         "mapProvider": "Google"
       }
+    },
+    "products": {
+      "universalSectionTemplate": "grid-three-columns",
+      "cardType": "product-prominentimage"
+    },
+    "links": {
+      "cardType": "link-standard"
+    },
+    "healthcare_professionals": {
+      "cardType": "professional-location"
     }
   }
 }

test-site/scripts/create-verticals.js

@@ -39,6 +39,41 @@ 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'
+  },
+  financial_professionals: {
+    verticalKey: 'financial_professionals',
+    template: 'vertical-standard',
+    cardName: 'financial-professional-location'
+  },
+  healthcare_professionals: {
+    verticalKey: 'healthcare_professionals',
+    template: 'vertical-grid',
+    cardName: 'professional-standard'
+  },
+  jobs: {
+    verticalKey: 'jobs',
+    template: 'vertical-standard',
+    cardName: 'job-standard'
+  },
+  help_articles: {
+    verticalKey: 'help_articles',
+    template: 'vertical-standard',
+    cardName: 'document-standard'
+  },
+  menu_items: {
+    verticalKey: 'menu_items',
+    template: 'vertical-grid',
+    cardName: 'menuitem-standard'
   }
 };
 

tests/percy/photographer.js

@@ -17,33 +17,53 @@ class Photographer {
   }
 
   async captureSnapshots() {
-    await this._captureHomepage();
     await this._captureUniversalSearch();
     await this._captureVerticalSearch();
     await this._captureVerticalGridSearch();
     await this._captureVerticalMapSearch();
     await this._captureVerticalFullPageMapSearch();
-  }
-
-  async _captureHomepage () {
-    await this._pageNavigator.gotoUniversalPage();
-    await this._camera.snapshot('homepage');
+    await this._captureDirectAnswers();
   }
 
   async _captureUniversalSearch () {
-    await this._pageNavigator.gotoUniversalPage({ query: 'a' });
+    await this._pageNavigator.gotoUniversalPage();
     await this._camera.snapshot('universal-search');
 
+    await this._pageNavigator.gotoUniversalPage({ query: 'a' });
+    await this._camera.snapshot('universal-search--no-results');
+
     await this._pageNavigator.gotoUniversalPage({ query: 'office sparce'});
     await this._camera.snapshot('universal-search--spellcheck');
+
+    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 () {
-    await this._pageNavigator.gotoVerticalPage('events', { query: 'a' });
+    await this._pageNavigator.gotoVerticalPage('events');
     await this._camera.snapshot('vertical-search');
 
-    await this._pageNavigator.gotoVerticalPage('events',{ query: 'vrginia' });
+    await this._pageNavigator.gotoVerticalPage('events', { query: 'a' });
+    await this._camera.snapshot('vertical-search--no-results');
+
+    await this._pageNavigator.gotoVerticalPage('events', { query: 'vrginia' });
     await this._camera.snapshot('vertical-search--spellcheck');
+
+    await this._pageNavigator.gotoVerticalPage('financial_professionals', { query: 'connor' });
+    await this._camera.snapshot('vertical-search--financial-professional-location');
+
+    await this._pageNavigator.gotoVerticalPage('jobs', { query: 'job' });
+    await this._camera.snapshot('vertical-search--job-standard');
+
+    await this._pageNavigator.gotoVerticalPage('help_articles', { query: 'slap chop' });
+    await this._camera.snapshot('vertical-search--document-standard');
+
+    await this._pageNavigator.gotoVerticalPage('menu_items', { query: 'roll' });
+    await this._camera.snapshot('vertical-search--menuitem-standard');
   }
 
   async _captureVerticalGridSearch () {
@@ -52,6 +72,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 () {
@@ -88,6 +114,14 @@ class Photographer {
       .gotoVerticalPage('locations_full_page_map_with_filters', { query: 'virginia' });
     await this._camera.snapshotDesktopOnly('vertical-full-page-map-with-filters--nlp-filters__desktop-view');
   }
+
+  async _captureDirectAnswers () {
+    await this._pageNavigator.gotoUniversalPage({ query: 'bryan reed phone number' });
+    await this._camera.snapshot('field-direct-answer');
+
+    await this._pageNavigator.gotoUniversalPage({ query: 'where was joe exotic born?' });
+    await this._camera.snapshot('documentsearch-direct-answer')
+  }
 }
 
 module.exports = Photographer;