test: render image snapshots with Sharp

Author: shuding

test/__image_snapshots__/webp-test-tsx-test-webp-test-tsx-web-p-images-renders-extended-vp-8-x-images-1-snap.png

@@ -62,7 +62,7 @@ export async function toImageWithSharp(svg: string, width = 100) {
   const webpDataUris = svg.match(/data:image\/webp;base64,[^"']+/g) || []
 
   for (const dataUri of webpDataUris) {
-    // Resvg cannot decode embedded WebP, so transcode only the image payload.
+    // Sharp's SVG decoder cannot decode embedded WebP, so transcode the payload.
     const webp = Buffer.from(dataUri.slice(dataUri.indexOf(',') + 1), 'base64')
     const png = await Sharp(webp).png().toBuffer()
     svg = svg.replace(
@@ -71,7 +71,7 @@ export async function toImageWithSharp(svg: string, width = 100) {
     )
   }
 
-  return toImage(svg, width)
+  return Sharp(Buffer.from(svg)).resize({ width }).png().toBuffer()
 }
 
 declare global {