From 79cd61feecaf16e9c7dae0d3855eeb4ac4baba42 Mon Sep 17 00:00:00 2001
From: CD Cabrera <ccabrera@redhat.com>
Date: Tue, 9 Feb 2021 14:10:01 -0500
Subject: [PATCH] fix(pageHeader): ent-3533 check consistent html for Pendo
 (#580)

---
 config/cspell.config.json                     |  1 +
 .../__snapshots__/pageHeader.test.js.snap     | 44 +++++++++++++++++++
 .../pageLayout/__tests__/pageHeader.test.js   |  1 +
 3 files changed, 46 insertions(+)

diff --git a/config/cspell.config.json b/config/cspell.config.json
index e021f782f..bd829a2e5 100644
--- a/config/cspell.config.json
+++ b/config/cspell.config.json
@@ -32,6 +32,7 @@
     "openshift",
     "optin",
     "patternfly",
+    "pendo",
     "perpage",
     "qe's",
     "random'ish",
diff --git a/src/components/pageLayout/__tests__/__snapshots__/pageHeader.test.js.snap b/src/components/pageLayout/__tests__/__snapshots__/pageHeader.test.js.snap
index 6f53bb5d4..d2686a448 100644
--- a/src/components/pageLayout/__tests__/__snapshots__/pageHeader.test.js.snap
+++ b/src/components/pageLayout/__tests__/__snapshots__/pageHeader.test.js.snap
@@ -190,6 +190,50 @@ exports[`PageHeader Component should render the subtitle when viewId is provided
 </PageHeader>
 `;
 
+exports[`PageHeader Component should render the tour button when includeTour is provided: consistent html output for Pendo CSS selector 1`] = `
+<section
+  class="pf-l-page-header pf-c-page-header pf-l-page__main-section pf-c-page__main-section pf-m-light"
+  widget-type="InsightsPageHeader"
+>
+  <div
+    class="pf-l-flex pf-m-justify-content-space-between-on-sm"
+  >
+    <div
+      class=""
+    >
+      <h1
+        class="pf-c-title pf-m-2xl pf-u-mb-sm"
+        widget-type="InsightsPageHeaderTitle"
+      >
+         lorem 
+      </h1>
+    </div>
+    <div
+      class=""
+    >
+      <button
+        aria-disabled="false"
+        class="pf-c-button pf-m-link pf-m-inline uxui-curiosity__button-tour"
+        data-ouia-component-id="OUIA-Generated-Button-link-1"
+        data-ouia-component-type="PF4/Button"
+        data-ouia-safe="true"
+        type="button"
+      >
+        <span
+          class="pf-c-label pf-m-blue"
+        >
+          <span
+            class="pf-c-label__content"
+          >
+            t(curiosity-optin.buttonTour)
+          </span>
+        </span>
+      </button>
+    </div>
+  </div>
+</section>
+`;
+
 exports[`PageHeader Component should render the tour button when includeTour is provided: with tour button 1`] = `
 <PageHeader
   includeTour={true}
diff --git a/src/components/pageLayout/__tests__/pageHeader.test.js b/src/components/pageLayout/__tests__/pageHeader.test.js
index c850e7949..2f8624e88 100644
--- a/src/components/pageLayout/__tests__/pageHeader.test.js
+++ b/src/components/pageLayout/__tests__/pageHeader.test.js
@@ -26,5 +26,6 @@ describe('PageHeader Component', () => {
   it('should render the tour button when includeTour is provided', () => {
     const component = mount(<PageHeader includeTour>lorem</PageHeader>);
     expect(component).toMatchSnapshot('with tour button');
+    expect(component.render()).toMatchSnapshot('consistent html output for Pendo CSS selector');
   });
 });