How to use emulateMediaType method in Puppeteer
Best JavaScript code snippet using puppeteer
compileHbsPuppeteer.js
Source:compileHbsPuppeteer.js 
...128 let coverPageContent = await pdfCompile1("coverpdf1", jsonValues1);129 console.log("First Page");130 await page.setDefaultNavigationTimeout(0);131 await page.setContent(coverPageContent);132 await page.emulateMediaType("screen");133 const page1 = await page.pdf({134 format: "A4",135 // path: "coverPage.pdf",136 pageRanges: "1",137 printBackground: true,138 });139 const dimensions = await page.evaluate(() => {140 return {141 width: document.documentElement.clientWidth,142 height: document.documentElement.clientHeight,143 deviceScaleFactor: window.devicePixelRatio,144 };145 });146 console.log("Dimensions:", dimensions);147 // Remaining Pages148 contents = await pdfCompile1("short-list", jsonValues);149 await page.setContent(contents);150 await page.emulateMediaType("screen");151 const remainingPages = await page.pdf({152 // path: 'mypdf.pdf',153 format: "A4",154 printBackground: true,155 displayHeaderFooter: true,156 headerTemplate: css + header1,157 footerTemplate: `<footer style="font-size:8px;margin-left:9em;">158 <div class="drawline" style="width: 57em;159 border-bottom: 15px solid #00afde;160 background-color: #00afde;">161 </div>162 <TABLE cellpadding=0 cellspacing=0 width="100%" class="t2">163 <TR>164 <TD class="tr7 td8">165 <P class="p9 ft8">${addr.A03}</P>166 </TD>167 <TD class="tr7 td9" >168 <P class="pageNumber" style="color:black"></P>169 </TD>170 </TR>171 </TABLE>172 </footer>`,173 margin: {174 top: "105px",175 bottom: "100px",176 right: "30px",177 left: "40px",178 },179 });180 await browser.close();181 // Combine all pdf's using Stream Buffer182 const combinePDFBuffers = async (page1, remainingPages) => {183 var outStream = new memoryStreams.WritableStream();184 try {185 var page1 = await new hummus.PDFRStreamForBuffer(page1);186 var remainingPages = await new hummus.PDFRStreamForBuffer(187 remainingPages188 );189 var pdfWriter = await hummus.createWriterToModify(190 page1,191 new hummus.PDFStreamForResponse(outStream)192 );193 await pdfWriter.appendPDFPagesFromPDF(remainingPages);194 pdfWriter.end();195 var newBuffer = await outStream.toBuffer();196 outStream.end();197 return newBuffer;198 } catch (e) {199 outStream.end();200 console.log("Error during PDF combination: " + e.message);201 }202 };203 var result = await combinePDFBuffers(page1, remainingPages);204 return result;205};206// pdf2 Puppetter compilation hbs files207const pdf2Main = async (jsonValues) => {208 // const browser = await puppeteer.launch({209 // args: [210 // "--no-sandbox",211 // "--disable-setuid-sandbox",212 // "--font-render-hinting=none",213 // ],214 // });215 const browser = await chromium.puppeteer.launch({216 args: chromium.args,217 defaultViewport: chromium.defaultViewport,218 executablePath: await chromium.executablePath,219 headless: chromium.headless,220 ignoreHTTPSErrors: true,221 });222 const page = await browser.newPage();223 // Storing Address value for property address224 var addr = {};225 jsonValues.map((a) => {226 a.name = a.name.replace(".", "S");227 if (a.name === "A0S9") {228 addr[a.name] = a.value.replace("\n", " ").trim();229 }230 });231 // All images for header and footer converted in base64 encode String232 var rics = await base64_encode("rics.jpg");233 var ricshomebuyer = await base64_encode("RicsHomeuyerReport.jpg");234 var B = await base64_encode("homebuyer/B.jpg");235 var C = await base64_encode("homebuyer/C.jpg");236 var D = await base64_encode("homebuyer/D.jpg");237 var E = await base64_encode("homebuyer/E.png");238 var F = await base64_encode("homebuyer/F.png");239 var G = await base64_encode("homebuyer/G.jpg");240 var H = await base64_encode("homebuyer/H.png");241 var I = await base64_encode("homebuyer/I.png");242 var J = await base64_encode("homebuyer/J.png");243 var K = await base64_encode("homebuyer/K.jpg");244 var L = await base64_encode("homebuyer/L.png");245 var Fi1 = await base64_encode("homebuyer/homeFinal.jpg");246 // Footer Tag for Home Buyer PDF247 let footeradr = `248 <div id="footer-template" style="font-size:10px !important;padding-left:10px">249 250 <table style="margin-left: 1.6em;">251 <tr>252 <td>253 <P style="margin-left:-2em;text-align:left;padding-left:42px;color:#a0a4b0;font-size:11px;">Property address</P>254 </td>255 <td>256 <div style="257 border: 1px solid #a0a4b0;258 width: 39em;height:2em;259 margin-left: -7em;260 ">261 <p style="margin-top: -0em;padding-left: 1em;padding-top: 0.7em;font-size:8px;">${addr.A0S9}</p>262 </div>263 </td>264 </tr>265 <tr>266 <td>267 <img src="data:image/jpeg;base64,${rics}" width="180em">268 </td>269 <td style="padding-left: 13em;">270 <img src="data:image/jpeg;base64,${ricshomebuyer}" width="230em">271 </td>272 </tr>273 </table>274 </div>275 `;276 // Header Tag for C page277 const headerC = `278 < div style = "margin-top:15em;" >279 <table style="margin:0em 70em 0em">280 <tr>281 <td>282 <img src="data:image/jpeg;base64,${C}" width="30em">283 </td>284 <td style="padding-left:30em;">285 <div style="font-family: Arial, Helvetica, sans-serif;286 line-height: 1.2em;287 font-size:20px;">Overall opinion and summary of the condition ratings</div>288 <div style="margin-top:6em;border-bottom: 0.5px solid #a0a4b0;border-width: medium;width: 400em;"></div>289 </td>290 </tr>291 </table>292 </div>293 `;294 // All headers with image, width, font, Title295 const headerb = headerFunction(296 B,297 "30",298 "70",299 "20",300 "30",301 "About the Inspection"302 );303 const headerd = headerFunction(304 D,305 "30",306 "70",307 "20",308 "30",309 "About the property"310 );311 const headere = headerFunction(312 E,313 "25",314 "70",315 "20",316 "40",317 "Outside the property"318 );319 const headerf = headerFunction(320 F,321 "25",322 "70",323 "20",324 "40",325 "Inside the property"326 );327 const headerg = headerFunction(G, "30", "70", "19.5", "40", "Services");328 const headerh = headerFunction(329 H,330 "30",331 "70",332 "20",333 "30",334 "Grounds (including shared areas for flats)"335 );336 const headeri = headerFunction(337 I,338 "14",339 "70",340 "21",341 "30",342 "Issues for your legal advisers"343 );344 const headerj = headerFunction(J, "16", "70", "20.5", "30", "Risks");345 const headerk = headerFunction(K, "32", "60", "20", "30", "Valuation");346 const headerl = headerFunction(347 L,348 "32",349 "60",350 "20",351 "40",352 "Surveyor's declaration"353 );354 const headerFinal = headerFunction(355 "",356 "",357 "90",358 "20",359 "40",360 "What to do now"361 );362 const headerFinal1 = headerFunction(363 "",364 "",365 "90",366 "20",367 "40",368 "Typical house diagram"369 );370 console.log("second Page");371 // Cover Page372 let content1 = await pdfCompile23("homebuyercover", jsonValues, addr);373 await page.setContent(content1);374 await page.emulateMediaType("screen");375 const h1 = await page.pdf({376 // path: 'homebuyercover.pdf',377 printBackground: true,378 format: "A4",379 });380 // Home B381 content1 = await pdfCompile23("homeB", jsonValues);382 await page.setContent(content1);383 await page.emulateMediaType("screen");384 const h2 = await page.pdf({385 // path: 'homeB.pdf',386 printBackground: true,387 format: "A4",388 displayHeaderFooter: true,389 headerTemplate: headerb,390 footerTemplate: footeradr,391 margin: {392 top: "100px",393 bottom: "128px",394 right: "30px",395 left: "25px",396 },397 });398 // Home C399 content1 = await pdfCompile23("homeC", jsonValues);400 await page.setContent(content1);401 await page.emulateMediaType("screen");402 const h3 = await page.pdf({403 // path: 'homeC.pdf',404 printBackground: true,405 format: "A4",406 displayHeaderFooter: true,407 headerTemplate: headerC,408 footerTemplate: footeradr,409 margin: {410 top: "120px",411 bottom: "128px",412 right: "30px",413 left: "25px",414 },415 });416 // Home D417 content1 = await pdfCompile23("homeD", jsonValues);418 await page.setContent(content1);419 await page.emulateMediaType("screen");420 const h4 = await page.pdf({421 // path: 'homeD.pdf',422 printBackground: true,423 format: "A4",424 displayHeaderFooter: true,425 headerTemplate: headerd,426 footerTemplate: footeradr,427 margin: {428 top: "100px",429 bottom: "128px",430 right: "30px",431 left: "25px",432 },433 });434 // Home E435 content1 = await pdfCompile23("homeE", jsonValues);436 await page.setContent(content1);437 await page.emulateMediaType("screen");438 const h5 = await page.pdf({439 // path: 'homeE.pdf',440 printBackground: true,441 format: "A4",442 displayHeaderFooter: true,443 headerTemplate: headere,444 footerTemplate: footeradr,445 margin: {446 top: "110px",447 bottom: "128px",448 right: "30px",449 left: "25px",450 },451 });452 // Home F453 content1 = await pdfCompile23("homeF", jsonValues);454 await page.setContent(content1);455 await page.emulateMediaType("screen");456 const h6 = await page.pdf({457 // path: 'homeF.pdf',458 printBackground: true,459 format: "A4",460 displayHeaderFooter: true,461 headerTemplate: headerf,462 footerTemplate: footeradr,463 margin: {464 top: "110px",465 bottom: "128px",466 right: "30px",467 left: "25px",468 },469 });470 // Home G471 content1 = await pdfCompile23("homeG", jsonValues);472 await page.setContent(content1);473 await page.emulateMediaType("screen");474 const h7 = await page.pdf({475 // path: 'homeG.pdf',476 printBackground: true,477 format: "A4",478 displayHeaderFooter: true,479 headerTemplate: headerg,480 footerTemplate: footeradr,481 margin: {482 top: "110px",483 bottom: "128px",484 right: "30px",485 left: "25px",486 },487 });488 // Home H489 content1 = await pdfCompile23("homeH", jsonValues);490 await page.setContent(content1);491 await page.emulateMediaType("screen");492 const h8 = await page.pdf({493 // path: 'homeH.pdf',494 printBackground: true,495 format: "A4",496 displayHeaderFooter: true,497 headerTemplate: headerh,498 footerTemplate: footeradr,499 margin: {500 top: "105px",501 bottom: "128px",502 right: "30px",503 left: "25px",504 },505 });506 // Home I507 content1 = await pdfCompile23("homeI", jsonValues);508 await page.setContent(content1);509 await page.emulateMediaType("screen");510 const h9 = await page.pdf({511 // path: 'homeI.pdf',512 printBackground: true,513 format: "A4",514 displayHeaderFooter: true,515 headerTemplate: headeri,516 footerTemplate: footeradr,517 margin: {518 top: "105px",519 bottom: "128px",520 right: "30px",521 left: "25px",522 },523 });524 // Home J525 content1 = await pdfCompile23("homeJ", jsonValues);526 await page.setContent(content1);527 await page.emulateMediaType("screen");528 const h10 = await page.pdf({529 // path: 'homeJ.pdf',530 printBackground: true,531 format: "A4",532 displayHeaderFooter: true,533 headerTemplate: headerj,534 footerTemplate: footeradr,535 margin: {536 top: "105px",537 bottom: "128px",538 right: "30px",539 left: "25px",540 },541 });542 // Home K543 content1 = await pdfCompile23("homeK", jsonValues);544 await page.setContent(content1);545 await page.emulateMediaType("screen");546 const h11 = await page.pdf({547 // path: 'homeK.pdf',548 printBackground: true,549 format: "A4",550 displayHeaderFooter: true,551 headerTemplate: headerk,552 footerTemplate: footeradr,553 margin: {554 top: "105px",555 bottom: "128px",556 right: "30px",557 left: "25px",558 },559 });560 // Home L561 content1 = await pdfCompile23("homeL", jsonValues);562 await page.setContent(content1);563 await page.emulateMediaType("screen");564 const h12 = await page.pdf({565 // path: 'homeL.pdf',566 printBackground: true,567 format: "A4",568 displayHeaderFooter: true,569 headerTemplate: headerl,570 footerTemplate: footeradr,571 margin: {572 top: "105px",573 bottom: "128px",574 right: "30px",575 left: "25px",576 },577 });578 // What to do Now page579 content1 = await pdfCompile23("homeFinal", jsonValues);580 await page.setContent(content1);581 await page.emulateMediaType("screen");582 const h13 = await page.pdf({583 // path: 'homeFinal.pdf',584 printBackground: true,585 format: "A4",586 displayHeaderFooter: true,587 headerTemplate: headerFinal,588 footerTemplate: footeradr,589 margin: {590 top: "105px",591 bottom: "128px",592 right: "30px",593 left: "25px",594 },595 });596 // last page with home image597 content1 = await pdfCompile23("homeFinal1", jsonValues);598 await page.setContent(content1);599 await page.emulateMediaType("screen");600 const h14 = await page.pdf({601 // path: 'homeFinal.pdf',602 printBackground: true,603 format: "A4",604 displayHeaderFooter: true,605 headerTemplate: headerFinal1,606 footerTemplate: footeradr,607 margin: {608 top: "105px",609 bottom: "128px",610 right: "30px",611 left: "25px",612 },613 });614 await browser.close();615 // Merge all pdf's616 const combinePDFBuffers = async (array) => {617 var outStream = new memoryStreams.WritableStream();618 try {619 var h1 = new hummus.PDFRStreamForBuffer(array[0]);620 var pdfWriter = hummus.createWriterToModify(621 h1,622 new hummus.PDFStreamForResponse(outStream)623 );624 array.shift();625 array.forEach((a1) => {626 var a1 = new hummus.PDFRStreamForBuffer(a1);627 pdfWriter.appendPDFPagesFromPDF(a1);628 });629 pdfWriter.end();630 var newBuffer = await outStream.toBuffer();631 outStream.end();632 return newBuffer;633 } catch (e) {634 outStream.end();635 console.log("Error during PDF combination: " + e.message);636 }637 };638 var result = await combinePDFBuffers([639 h1,640 h2,641 h3,642 h4,643 h5,644 h6,645 h7,646 h8,647 h9,648 h10,649 h11,650 h12,651 h13,652 h14,653 ]);654 return result;655};656// pdf3 Puppetter compilation hbs files657const pdf3Main = async (jsonValues) => {658 // const browser = await puppeteer.launch({659 // args: [660 // "--no-sandbox",661 // "--disable-setuid-sandbox",662 // "--font-render-hinting=none",663 // ],664 // });665 const browser = await chromium.puppeteer.launch({666 args: chromium.args,667 defaultViewport: chromium.defaultViewport,668 executablePath: await chromium.executablePath,669 headless: chromium.headless,670 ignoreHTTPSErrors: true,671 });672 const page = await browser.newPage();673 // Add address value for property address in footer tag674 var addr = {};675 jsonValues.map((a) => {676 a.name = a.name.replace(".", "S");677 if (a.name === "A0S9") {678 addr[a.name] = a.value.replace("\n", " ");679 }680 });681 // Covert all images in base64 encode Stiring682 var rics = await base64_encode("rics.jpg");683 var ricshomebuyer = await base64_encode("RicsHomeuyerReport.jpg");684 var B = await base64_encode("homebuyer/B.jpg");685 var C = await base64_encode("homebuyer/C.jpg");686 var D = await base64_encode("homebuyer/D.jpg");687 var E = await base64_encode("homebuyer/E.png");688 var F = await base64_encode("homebuyer/F.png");689 var G = await base64_encode("homebuyer/G.jpg");690 var H = await base64_encode("homebuyer/H.png");691 var I = await base64_encode("homebuyer/I.png");692 var J = await base64_encode("homebuyer/J.png");693 var K = await base64_encode("homebuyer/K.jpg");694 var L = await base64_encode("homebuyer/L.png");695 var Fi1 = await base64_encode("homebuyer/homeFinal.jpg");696 // Footer Tag for Home Survey pdf aka PDF 3697 let footeradr = `698 <div id="footer-template" style="font-size:10px !important;padding-left:10px">699 700 <table style="margin-left: 1.6em;">701 <tr>702 <td>703 <P style="margin-left:-2em;text-align:left;padding-left:42px;color:#a0a4b0;font-size:11px;">Property address</P>704 </td>705 <td>706 <div style="707 border: 1px solid #a0a4b0;708 width: 39em;height:2em;709 margin-left: -7em;710 ">711 <p style="margin-top: -0em;padding-left: 1em;padding-top: 0.7em;font-size:8px;">${addr.A0S9}</p>712 </div>713 </td>714 </tr>715 <tr>716 <td>717 <img src="data:image/jpeg;base64,${rics}" width="180em">718 </td>719 <td style="padding-left: 13em;">720 <img src="data:image/jpeg;base64,${ricshomebuyer}" width="230em">721 </td>722 </tr>723 </table>724 </div>725 `;726 // Header Tag for C page727 const headerC = `728 <div style="margin-top:15em;">729 <table style="margin:0em 70em 0em">730 <tr>731 <td>732 <img src="data:image/jpeg;base64,${C}" width="30em">733 </td>734 <td style="padding-left:30em;">735 <div style="font-family: Arial, Helvetica, sans-serif;736 line-height: 1.2em;737 font-size:20px;">Overall opinion and summary of the condition ratings</div>738 <div style="margin-top:6em;border-bottom: 0.5px solid #a0a4b0;border-width: medium;width: 400em;"></div>739 </td>740 </tr>741 </table>742 </div>743 `;744 // All headers with specified args (image, width, font, Title)745 const headerb = headerFunction(746 B,747 "30",748 "70",749 "20",750 "30",751 "About the Inspection"752 );753 const headerd = headerFunction(754 D,755 "30",756 "70",757 "20",758 "30",759 "About the property"760 );761 const headere = headerFunction(762 E,763 "25",764 "70",765 "20",766 "40",767 "Outside the property"768 );769 const headerf = headerFunction(770 F,771 "25",772 "70",773 "20",774 "40",775 "Inside the property"776 );777 const headerg = headerFunction(G, "30", "70", "19.5", "40", "Services");778 const headerh = headerFunction(779 H,780 "30",781 "70",782 "20",783 "30",784 "Grounds (including shared areas for flats)"785 );786 const headeri = headerFunction(787 I,788 "14",789 "70",790 "21",791 "30",792 "Issues for your legal advisers"793 );794 const headerj = headerFunction(J, "16", "70", "20.5", "30", "Risks");795 const headerk = headerFunction(796 K,797 "32",798 "70",799 "20",800 "30",801 "Energy efficiency"802 );803 const headerl = headerFunction(804 L,805 "32",806 "60",807 "20",808 "40",809 "Surveyor's declaration"810 );811 const headerFinal = headerFunction(812 "",813 "",814 "90",815 "20",816 "40",817 "What to do now"818 );819 const headerFinal1 = headerFunction(820 "",821 "",822 "90",823 "20",824 "40",825 "Typical house diagram"826 );827 console.log("third Page");828 // Cover Page829 let content1 = await pdfCompile23("homebuildercover", jsonValues, addr);830 await page.setContent(content1);831 await page.emulateMediaType("screen");832 const h1 = await page.pdf({833 // path: 'Survey.pdf',834 printBackground: true,835 format: "A4",836 });837 // Survey B838 content1 = await pdfCompile23("surveyB", jsonValues);839 await page.setContent(content1);840 await page.emulateMediaType("screen");841 const h2 = await page.pdf({842 // path: 'surveyB.pdf',843 printBackground: true,844 format: "A4",845 displayHeaderFooter: true,846 headerTemplate: headerb,847 footerTemplate: footeradr,848 margin: {849 top: "100px",850 bottom: "128px",851 right: "30px",852 left: "25px",853 },854 });855 // Survey C856 content1 = await pdfCompile23("surveyC", jsonValues);857 await page.setContent(content1);858 await page.emulateMediaType("screen");859 const h3 = await page.pdf({860 // path: 'surveyC.pdf',861 printBackground: true,862 format: "A4",863 displayHeaderFooter: true,864 headerTemplate: headerC,865 footerTemplate: footeradr,866 margin: {867 top: "125px",868 bottom: "128px",869 right: "30px",870 left: "25px",871 },872 });873 // Survey D874 content1 = await pdfCompile23("surveyD", jsonValues);875 await page.setContent(content1);876 await page.emulateMediaType("screen");877 const h4 = await page.pdf({878 // path: 'surveyD.pdf',879 printBackground: true,880 format: "A4",881 displayHeaderFooter: true,882 headerTemplate: headerd,883 footerTemplate: footeradr,884 margin: {885 top: "120px",886 bottom: "128px",887 right: "30px",888 left: "25px",889 },890 });891 // Survey E892 content1 = await pdfCompile23("surveyE", jsonValues);893 await page.setContent(content1);894 await page.emulateMediaType("screen");895 const h5 = await page.pdf({896 // path: 'surveyE.pdf',897 printBackground: true,898 format: "A4",899 displayHeaderFooter: true,900 headerTemplate: headere,901 footerTemplate: footeradr,902 margin: {903 top: "120px",904 bottom: "128px",905 right: "30px",906 left: "25px",907 },908 });909 // Survey F910 content1 = await pdfCompile23("surveyF", jsonValues);911 await page.setContent(content1);912 await page.emulateMediaType("screen");913 const h6 = await page.pdf({914 // path: 'surveyF.pdf',915 printBackground: true,916 format: "A4",917 displayHeaderFooter: true,918 headerTemplate: headerf,919 footerTemplate: footeradr,920 margin: {921 top: "120px",922 bottom: "128px",923 right: "30px",924 left: "25px",925 },926 });927 // Survey G928 content1 = await pdfCompile23("surveyG", jsonValues);929 await page.setContent(content1);930 await page.emulateMediaType("screen");931 const h7 = await page.pdf({932 // path: 'surveyG.pdf',933 printBackground: true,934 format: "A4",935 displayHeaderFooter: true,936 headerTemplate: headerg,937 footerTemplate: footeradr,938 margin: {939 top: "120px",940 bottom: "128px",941 right: "30px",942 left: "25px",943 },944 });945 // Survey H946 content1 = await pdfCompile23("surveyH", jsonValues);947 await page.setContent(content1);948 await page.emulateMediaType("screen");949 const h8 = await page.pdf({950 // path: 'surveyH.pdf',951 printBackground: true,952 format: "A4",953 displayHeaderFooter: true,954 headerTemplate: headerh,955 footerTemplate: footeradr,956 margin: {957 top: "120px",958 bottom: "128px",959 right: "30px",960 left: "25px",961 },962 });963 // Survey I964 content1 = await pdfCompile23("surveyI", jsonValues);965 await page.setContent(content1);966 await page.emulateMediaType("screen");967 const h9 = await page.pdf({968 // path: 'surveyI.pdf',969 printBackground: true,970 format: "A4",971 displayHeaderFooter: true,972 headerTemplate: headeri,973 footerTemplate: footeradr,974 margin: {975 top: "120px",976 bottom: "128px",977 right: "30px",978 left: "25px",979 },980 });981 // Survey J982 content1 = await pdfCompile23("surveyJ", jsonValues);983 await page.setContent(content1);984 await page.emulateMediaType("screen");985 const h10 = await page.pdf({986 // path: 'surveyJ.pdf',987 printBackground: true,988 format: "A4",989 displayHeaderFooter: true,990 headerTemplate: headerj,991 footerTemplate: footeradr,992 margin: {993 top: "120px",994 bottom: "128px",995 right: "30px",996 left: "25px",997 },998 });999 // Survey K1000 content1 = await pdfCompile23("surveyK", jsonValues);1001 await page.setContent(content1);1002 await page.emulateMediaType("screen");1003 const h11 = await page.pdf({1004 // path: 'surveyK.pdf',1005 printBackground: true,1006 format: "A4",1007 displayHeaderFooter: true,1008 headerTemplate: headerk,1009 footerTemplate: footeradr,1010 margin: {1011 top: "120px",1012 bottom: "128px",1013 right: "30px",1014 left: "25px",1015 },1016 });1017 // Survey L1018 content1 = await pdfCompile23("surveyL", jsonValues);1019 await page.setContent(content1);1020 await page.emulateMediaType("screen");1021 const h12 = await page.pdf({1022 // path: 'surveyL.pdf',1023 printBackground: true,1024 format: "A4",1025 displayHeaderFooter: true,1026 headerTemplate: headerl,1027 footerTemplate: footeradr,1028 margin: {1029 top: "120px",1030 bottom: "128px",1031 right: "30px",1032 left: "25px",1033 },1034 });1035 // What to do now page1036 content1 = await pdfCompile23("homeFinal", jsonValues);1037 await page.setContent(content1);1038 await page.emulateMediaType("screen");1039 const h13 = await page.pdf({1040 // path: 'homeFinal.pdf',1041 printBackground: true,1042 format: "A4",1043 displayHeaderFooter: true,1044 headerTemplate: headerFinal,1045 footerTemplate: footeradr,1046 margin: {1047 top: "105px",1048 bottom: "128px",1049 right: "30px",1050 left: "25px",1051 },1052 });1053 // Last Page1054 content1 = await pdfCompile23("homeFinal1", jsonValues);1055 await page.setContent(content1);1056 await page.emulateMediaType("screen");1057 const h14 = await page.pdf({1058 // path: 'homeFinal.pdf',1059 printBackground: true,1060 format: "A4",1061 displayHeaderFooter: true,1062 headerTemplate: headerFinal1,1063 footerTemplate: footeradr,1064 margin: {1065 top: "105px",1066 bottom: "128px",1067 right: "30px",1068 left: "25px",1069 },1070 });...
emulation.spec.js
Source:emulation.spec.js
...175 );176 expect(await page.evaluate(() => matchMedia('print').matches)).toBe(177 false178 );179 await page.emulateMediaType('print');180 expect(await page.evaluate(() => matchMedia('screen').matches)).toBe(181 false182 );183 expect(await page.evaluate(() => matchMedia('print').matches)).toBe(true);184 await page.emulateMediaType(null);185 expect(await page.evaluate(() => matchMedia('screen').matches)).toBe(186 true187 );188 expect(await page.evaluate(() => matchMedia('print').matches)).toBe(189 false190 );191 });192 it('should throw in case of bad argument', async () => {193 const { page } = getTestState();194 let error = null;195 await page.emulateMediaType('bad').catch((error_) => (error = error_));196 expect(error.message).toBe('Unsupported media type: bad');197 });198 });199 describe('Page.emulateMediaFeatures', function () {200 itFailsFirefox('should work', async () => {201 const { page } = getTestState();202 await page.emulateMediaFeatures([203 { name: 'prefers-reduced-motion', value: 'reduce' },204 ]);205 expect(206 await page.evaluate(207 () => matchMedia('(prefers-reduced-motion: reduce)').matches208 )209 ).toBe(true);...
renderer.js
Source:renderer.js
...106 await this.closePage(page)107 throw new Error(error)108 })109 if (emulateMediaType) {110 await page.emulateMediaType(emulateMediaType)111 }112 if (credentials) {113 await page.authenticate(credentials)114 }115 console.log("-----begin--page.goto-----", new Date(), url);116 // await page.goto(url, { timeout: timeout || defaultTime, waitUntil })117 await page.goto(url, { waitUntil })118 const renderdoneHandle = await page.waitForFunction('window.renderReportFlag', { polling: 120, timeout: defaultTime })119 const renderdone = await renderdoneHandle.jsonValue();120 if (renderdone) {121 console.info('页é¢è¯·æ±æ¥å£å è½½æå!', new Date(), url)122 } else {123 console.info('页é¢è¯·æ±å è½½ä¸...')124 }...
pdfConfigService.test.js
Source:pdfConfigService.test.js
...40 });41});42describe('Given you send letters to emulate media type as screen', () => {43 test('It should update the value', () => {44 const emulateMediaType = pdfService.emulateMediaType('screen');45 expect(emulateMediaType).toBe('screen');46 });47});48describe('Given you send letters to emulate media type as an empty value', () => {49 test('It should default to print', () => {50 const emulateMediaType = pdfService.emulateMediaType();51 expect(emulateMediaType).toBe('print');52 });53});54describe('Given you send letters to print background images', () => {55 test('It should be true', () => {56 const printBackground = pdfService.printBackground('true');57 expect(printBackground).toBeTruthy();58 });59});60describe('Given you send letters to not print background images', () => {61 test('It should be false', () => {62 const printBackground = pdfService.printBackground();63 expect(printBackground).toBeFalsy();64 });...
htmlToPdf.js
Source:htmlToPdf.js
...30 }31 let pdf;32 const page = await browser.newPage();33 try {34 await page.emulateMediaType(35 options.emulateMediaType ? options.emulateMediaType : 'print',36 );37 await page.setContent(html, options);38 pdf = await page.pdf({39 printBackground: options.printBackground,40 preferCSSPageSize: false,41 margin: {42 top: options.marginTop,43 bottom: options.marginBottom,44 right: options.marginRight,45 left: options.marginLeft,46 },47 format: 'A4',48 });...
pdfGenerator.js
Source:pdfGenerator.js
...8 });9 const page=await browser.newPage();10 console.log(req.body.html)11 await page.setContent(req.body.html)12 await page.emulateMediaType('screen');13 //await page.emulateMediaType('print');14 //await page.goto('http://localhost:3000/', {waitUntil : 'networkidle0'});15 await page.pdf({16 path:'testing.pdf',17 18 printBackground:true19 });20 var buffer = await page.pdf({21 path:'testing.pdf',22 23 printBackground:true24 });25 await browser.close();26 27 //process.exit();...
generatePdf.js
Source:generatePdf.js
1import { htmlToPdf } from './htmlToPdf';2import stripAnchorTags from './stripAnchorTags';3import { PDFDocument } from 'pdf-lib';4const generatePdf = async (html, options) => {5 if (options.stripTags) {6 html = await stripAnchorTags(html);7 }8 const pdf = await htmlToPdf(html, {9 waitUntil: 'load',10 marginTop: options.marginTop,11 marginBottom: options.marginBottom,12 marginLeft: options.marginLeft,13 marginRight: options.marginRight,14 printBackground: options.printBackground,15 emulateMediaType: options.emulateMediaType16 ? options.emulateMediaType // jshint ignore:line17 : 'print',18 });19 const pdfDoc = await PDFDocument.load(pdf.buffer);20 if (options.title) {21 pdfDoc.setTitle(options.title);22 }23 if (options.subject) {24 pdfDoc.setSubject(options.subject);25 }26 return await pdfDoc.save();27};...
pdfConfigService.js
Source:pdfConfigService.js
...11 }12 static subject(subject) {13 return subject ? subject : '';14 }15 static emulateMediaType(emulateMediaType) {16 return emulateMediaType ? emulateMediaType : 'print';17 }18 static printBackground(value) {19 return (this.printBackgroundValue = value == 'true'); // jshint ignore:line20 }21}...
Using AI Code Generation
1const puppeteer = require('puppeteer');2(async () => {3 const browser = await puppeteer.launch({headless: false});4 const page = await browser.newPage();5 await page.emulateMediaType('screen');6 await page.screenshot({path: 'google.png'});7 await browser.close();8})();
Using AI Code Generation
1const puppeteer = require('puppeteer');2(async () => {3 const browser = await puppeteer.launch();4 const page = await browser.newPage();5 await page.emulateMediaType('screen');6 await page.screenshot({path: 'google.png'});7 await browser.close();8})();9const puppeteer = require('puppeteer');10(async () => {11 const browser = await puppeteer.launch();12 const page = await browser.newPage();13 await page.emulateMediaType('print');14 await page.screenshot({path: 'google.png'});15 await browser.close();16})();17const puppeteer = require('puppeteer');18(async () => {19 const browser = await puppeteer.launch();20 const page = await browser.newPage();21 await page.emulateMediaType('screen');22 await page.screenshot({path: 'google.png'});23 await browser.close();24})();25const puppeteer = require('puppeteer');26(async () => {27 const browser = await puppeteer.launch();28 const page = await browser.newPage();29 await page.emulateMediaType('print');30 await page.screenshot({path: 'google.png'});31 await browser.close();32})();33const puppeteer = require('puppeteer');34(async () => {35 const browser = await puppeteer.launch();36 const page = await browser.newPage();37 await page.emulateMediaType('screen');38 await page.screenshot({path: 'google.png'});39 await browser.close();40})();41const puppeteer = require('puppeteer');42(async () => {43 const browser = await puppeteer.launch();44 const page = await browser.newPage();45 await page.emulateMediaType('print');46 await page.screenshot({path: 'google.png'});
Using AI Code Generation
1const puppeteer = require('puppeteer');2(async () => {3 const browser = await puppeteer.launch();4 const page = await browser.newPage();5 await page.emulateMediaType('screen');6 await page.screenshot({path: 'example.png'});7 await browser.close();8})();9const puppeteer = require('puppeteer');10(async () => {11 const browser = await puppeteer.launch();12 const page = await browser.newPage();13 await page.emulateMediaType('print');14 await page.pdf({path: 'example.pdf'});15 await browser.close();16})();17const puppeteer = require('puppeteer');18(async () => {19 const browser = await puppeteer.launch();20 const page = await browser.newPage();21 await page.emulateMediaType('screen');22 await page.screenshot({path: 'example.png'});23 await page.emulateMediaType('print');24 await page.pdf({path: 'example.pdf'});25 await browser.close();26})();27const puppeteer = require('puppeteer');28(async () => {29 const browser = await puppeteer.launch();30 const page = await browser.newPage();31 await page.emulateMediaType('print');32 await page.pdf({path: 'example.pdf'});33 await page.emulateMediaType('screen');34 await page.screenshot({path: 'example.png'});35 await browser.close();36})();37const puppeteer = require('puppeteer');38(async () => {39 const browser = await puppeteer.launch();40 const page = await browser.newPage();41 await page.emulateMediaType('screen');42 await page.pdf({path: 'example.pdf'});43 await page.emulateMediaType('print');44 await page.screenshot({path: 'example.png'});45 await browser.close();46})();
Using AI Code Generation
1const puppeteer = require('puppeteer');2(async () => {3 const browser = await puppeteer.launch();4 const page = await browser.newPage();5 await page.emulateMediaType('screen');6 await page.screenshot({path: 'google.png'});7 await browser.close();8})();
Using AI Code Generation
1const puppeteer = require('puppeteer');2(async () => {3 const browser = await puppeteer.launch();4 const page = await browser.newPage();5 await page.emulateMediaType('screen');6 await page.screenshot({ path: 'example.png' });7 await browser.close();8})();9page.emulateMediaType('screen');10Related Posts: Puppeteer - emulateMedia()11Puppeteer - emulateTimezone()12Puppeteer - emulateVisionDeficiency()13Puppeteer - emulateNetworkConditions()
Using AI Code Generation
1const puppeteer = require('puppeteer');2(async () => {3 const browser = await puppeteer.launch();4 const page = await browser.newPage();5 await page.emulateMediaType('screen');6 await browser.close();7})();
Using AI Code Generation
1(async () => {2 const browser = await puppeteer.launch({ headless: false });3 const page = await browser.newPage();4 await page.emulateMediaType('screen');5 await page.screenshot({ path: 'screenshot.png' });6 await browser.close();7})();8(async () => {9 const browser = await puppeteer.launch({ headless: false });10 const page = await browser.newPage();11 await page.emulateMediaType('print');12 await page.screenshot({ path: 'screenshot.png' });13 await browser.close();14})();15(async () => {16 const browser = await puppeteer.launch({ headless: false });17 const page = await browser.newPage();18 await page.emulateMediaType('screen');19 await page.screenshot({ path: 'screenshot.png' });20 await browser.close();21})();22(async () => {23 const browser = await puppeteer.launch({ headless: false });24 const page = await browser.newPage();25 await page.emulateMediaType('screen');26 await page.screenshot({ path: 'screenshot.png' });27 await browser.close();28})();29(async () => {30 const browser = await puppeteer.launch({ headless: false });31 const page = await browser.newPage();32 await page.emulateMediaType('screen');33 await page.screenshot({ path: 'screenshot.png' });34 await browser.close();35})();36(async () => {37 const browser = await puppeteer.launch({ headless: false });38 const page = await browser.newPage();39 await page.emulateMediaType('screen');40 await page.screenshot({ path: 'screenshot.png' });41 await browser.close();42})();
Using AI Code Generation
1const puppeteer = require('puppeteer');2(async () => {3 const browser = await puppeteer.launch();4 const page = await browser.newPage();5 await page.emulateMedia('screen');6 await page.screenshot({path: 'google.png'});7 await browser.close();8})();9const puppeteer = require('puppeteer');10(async () => {11 const browser = await puppeteer.launch();12 const page = await browser.newPage();13 await page.emulateMedia('print');14 await page.pdf({path: 'google.pdf'});15 await browser.close();16})();17const puppeteer = require('puppeteer');18(async () => {19 const browser = await puppeteer.launch();20 const page = await browser.newPage();21 await page.emulateMedia('screen');22 await page.pdf({path: 'google.pdf'});23 await browser.close();24})();25const puppeteer = require('puppeteer');26(async () => {27 const browser = await puppeteer.launch();28 const page = await browser.newPage();29 await page.emulateMedia('screen');30 await page.pdf({path: 'google.pdf'});31 await browser.close();32})();33const puppeteer = require('puppeteer');34(async () => {35 const browser = await puppeteer.launch();36 const page = await browser.newPage();37 await page.emulateMedia('screen');38 await page.pdf({path: 'google.pdf'});39 await browser.close();40})();41const puppeteer = require('puppeteer');42(async () => {43 const browser = await puppeteer.launch();44 const page = await browser.newPage();45 await page.emulateMedia('screen');
Using AI Code Generation
1const puppeteer = require('puppeteer');2(async () => {3 const browser = await puppeteer.launch();4 const page = await browser.newPage();5 await page.emulateMediaType('print');6 await page.pdf({ path: 'google.pdf', landscape: true });7 await browser.close();8})();
Automation Testing Tutorials
Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.
LambdaTest Learning Hubs:
- JUnit Tutorial
- TestNG Tutorial
- Webdriver Tutorial
- WebDriverIO Tutorial
- Protractor Tutorial
- Selenium 4 Tutorial
- Jenkins Tutorial
- NUnit Tutorial
- Jest Tutorial
- Playwright Tutorial
- Cypress Tutorial
- PyTest Tutorial
YouTube
You could also refer to video tutorials over LambdaTest YouTube channel to get step by step demonstration from industry experts.
Run Puppeteer automation tests on LambdaTest cloud grid
Perform automation testing on 3000+ real desktop and mobile devices online.
Try LambdaTest Now !!
Get 100 minutes of automation test minutes FREE!!
Was this article helpful?
