Fix not rendering multiple calls to html() (#3271)

Author: KurtGokhan

src/modules/html.js

@@ -494,9 +494,12 @@ import { globalObject } from "../libs/globalObject.js";
               )
             : options.windowHeight;
 
+        pdf.context2d.save(true);
         return html2canvas(this.prop.container, options);
       })
       .then(function toContext2d_post(canvas) {
+        this.opt.jsPDF.context2d.restore(true);
+
         // Handle old-fashioned 'onrendered' argument.
         var onRendered = this.opt.html2canvas.onrendered || function() {};
         onRendered(canvas);

test/reference/html-basic.pdf

@@ -15,7 +15,7 @@ const browsers = {
     base: "SauceLabs",
     browserName: "chrome",
     platform: "Windows 10",
-    version: "83"
+    version: "94"
   },
   sl_firefox: {
     base: "SauceLabs",

test/reference/html-font-faces.pdf

@@ -277,7 +277,7 @@ describe("Module: html", () => {
   });
 
   it("page break with image", async () => {
-    const doc = jsPDF({ floatPrecision: 2, unit: "pt", format: [100, 100] });
+    const doc = jsPDF({ floatPrecision: 2, unit: "pt", format: [100, 100], lineWidth: 1 });
     await new Promise(resolve =>
       doc.html(
         '<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8DwHwAFBQIAX8jx0gAAAABJRU5ErkJggg==" width="10" height="200">',
@@ -315,6 +315,14 @@ describe("Module: html", () => {
     comparePdf(doc.output(), "html-x-y.pdf", "html");
   });
 
+  it("is able to render html multiple times", async () => {
+    const doc = jsPDF({ floatPrecision: 2, unit: "pt" });
+    await doc.html("<div style='background: red; width: 10px; height: 10px;'></div>", { x: 30, y: 10 });
+    await doc.html("<div style='background: red; width: 10px; height: 10px;'></div>", { x: 50, y: 10 });
+    await doc.html("<div style='background: red; width: 10px; height: 10px;'></div>", { x: 10, y: 10 });
+    comparePdf(doc.output(), "html-multiple.pdf", "html");
+  });
+
   it("html x, y + margin offsets properly", async () => {
     const doc = jsPDF({ floatPrecision: 2, unit: "pt" });
     doc.line(30, 10, 100, 10);