Upgrade puppeteer and chromium (#465)

Signed-off-by: Joshua Li <joshuali925@gmail.com>

dashboards-reports/package.json

@@ -26,7 +26,7 @@
     "jquery": "^3.5.0",
     "jsdom": "13.1.0",
     "json-2-csv": "^3.7.6",
-    "puppeteer-core": "^1.19.0",
+    "puppeteer-core": "^13.7.0",
     "react-addons-test-utils": "^15.6.2",
     "react-id-generator": "^3.0.1",
     "react-markdown": "^4.3.1",
@@ -44,7 +44,7 @@
     "@types/dompurify": "^2.3.3",
     "@types/enzyme-adapter-react-16": "^1.0.6",
     "@types/jsdom": "^16.2.3",
-    "@types/puppeteer-core": "^2.0.0",
+    "@types/puppeteer-core": "^5.4.0",
     "@types/react": "^16.9.36",
     "@types/react-addons-test-utils": "^0.14.25",
     "@types/react-dom": "^16.9.8",

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

@@ -76,7 +76,6 @@ export const createVisualReport = async (
       '--disable-setuid-sandbox',
       '--disable-gpu',
       '--no-zygote',
-      '--single-process',
       '--font-render-hinting=none',
       '--js-flags="--jitless --no-opt"',
       '--disable-features=V8OptimizeJavascript',
@@ -86,6 +85,7 @@ export const createVisualReport = async (
     env: {
       TZ: timezone || 'UTC',
     },
+    pipe: true,
   });
   const page = await browser.newPage();
 
@@ -177,7 +177,7 @@ export const createVisualReport = async (
   );
 
   // force wait for any resize to load after the above DOM modification
-  await page.waitFor(1000);
+  await new Promise(resolve => setTimeout(resolve, 1000));
   // crop content
   switch (reportSource) {
     case REPORT_TYPE.dashboard:
@@ -327,6 +327,6 @@ const waitForDynamicContent = async (
     }
 
     previousLength = currentLength;
-    await page.waitFor(interval);
+    await new Promise(resolve => setTimeout(resolve, interval));
   }
 };