Increase the amount of the soft nav paint area for two more WPT tests.

For visited-link.tentative.html,
use a longer .innerText, to cause a larger paint, much like
in https://chromium-review.googlesource.com/c/chromium/src/+/6513813.
to support the updated criteria for soft navs in
https://chromium-review.googlesource.com/c/chromium/src/+/6492746.

Similarly, increase the painted area for the softnav in
text-lcp-followed-by-anim-image-softnav-lcp.tentative.html.
In my instrumentated run, I saw that the required_paint_area
was 7690, whereas the size of the png is only 100x50 = 5000.
So this change adds the image with size and width specified,
so now it's 500x500 = 250000.

Bug: 378148364
Change-Id: If27f78520208fff54d991dce031ae1437cd55cc6
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/6516042
Reviewed-by: Michal Mocny <mmocny@chromium.org>
Reviewed-by: Scott Haseley <shaseley@chromium.org>
Commit-Queue: Johannes Henkel <johannes@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1456517}

Author: powdercloud

soft-navigation-heuristics/text-lcp-followed-by-anim-image-softnav-lcp.tentative.html

@@ -21,12 +21,15 @@
       addContent: async () => {
         const main = document.getElementById("main");
         main.removeChild(document.getElementsByTagName("div")[0]);
-        await addImageToMain("anim-gr.png");
+        const img = new Image(500, 500);
+        img.src = "/images/anim-gr.png?" + Math.random();
+        img.id = "imagelcp";
+        img.setAttribute("elementtiming", "imagelcp");
+        main.appendChild(img);
       },
       link: link,
-      test: "Test that a text LCP followup by a smaller soft navigation image"
-        + " LCP properly queues an LCP entry"});
+      test: "Test that a text LCP followup by an animaged image "
+        + " properly queues a soft navigation entry"});
   </script>
 </body>
 </html>
-

soft-navigation-heuristics/visited-link.tentative.html

@@ -24,7 +24,15 @@
       }));
       const main = document.getElementById("main");
       const div = document.createElement("div");
-      const text = document.createTextNode("Lorem Ipsum");
+      const text = document.createTextNode(
+          'Lorem ipsum dolor sit amet, consectetur adipiscing elit, ' +
+          'sed do eiusmod tempor incididunt ut labore et dolore magna ' +
+          'aliqua. Ut enim ad minim veniam, quis nostrud exercitation ' +
+          'ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis ' +
+          'aute irure dolor in reprehenderit in voluptate velit esse ' +
+          'cillum dolore eu fugiat nulla pariatur. Excepteur sint ' +
+          'occaecat cupidatat non proident, sunt in culpa qui officia ' +
+          'deserunt mollit anim id est laborum.');
       div.appendChild(text);
       main.appendChild(div);
     }