Optimize selectors for DOM operation to reduce possible version compatibility issue

kibana-reports/server/routes/utils/constants.ts

@@ -68,7 +68,6 @@ export enum DELIVERY_TYPE {
 export enum SELECTOR {
   dashboard = '#dashboardViewport',
   visualization = '.visEditor__content',
-  topNavBar = '#globalHeaderBars',
 }
 
 // https://www.elastic.co/guide/en/elasticsearch/reference/6.8/search-request-from-size.html

kibana-reports/server/routes/utils/visual_report/visualReportHelper.ts

@@ -51,7 +51,6 @@ export const createVisualReport = async (
     report_format: reportFormat,
   } = coreParams;
 
-  // TODO: polish default header, maybe add a logo, depends on UX design
   const window = new JSDOM('').window;
   const DOMPurify = createDOMPurify(window);
 
@@ -93,16 +92,17 @@ export const createVisualReport = async (
   // remove top nav bar
   await page.evaluate(
     /* istanbul ignore next */
-    (selector) => {
-      document.querySelector(selector)?.remove();
+    () => {
+      // remove buttons
       document
         .querySelectorAll("[class^='euiButton']")
         .forEach((e) => e.remove());
-      document.querySelector(
-        '.coreSystemRootDomElement.euiBody--headerIsFixed'
-      ).style.paddingTop = '0px';
-    },
-    SELECTOR.topNavBar
+      // remove top navBar
+      document
+        .querySelectorAll("[class^='euiHeader']")
+        .forEach((e) => e.remove());
+      document.body.style.paddingTop = '0px';
+    }
   );
   // force wait for any resize to load after the above DOM modification
   await page.waitFor(1000);