Fix zoom in CSS paint worklets

third_party/WebKit/LayoutTests/csspaint/paint2d-zoom.html

Index: third_party/WebKit/LayoutTests/csspaint/paint2d-zoom.html
diff --git a/third_party/WebKit/LayoutTests/csspaint/invalid-image-constructor-error.html b/third_party/WebKit/LayoutTests/csspaint/paint2d-zoom.html
similarity index 57%
copy from third_party/WebKit/LayoutTests/csspaint/invalid-image-constructor-error.html
copy to third_party/WebKit/LayoutTests/csspaint/paint2d-zoom.html
index 55528a9d4f954454c317276006c0146ed8be416c..3d5f5a28bcdc04be83287f04cc52b75affc1e9e5 100644
--- a/third_party/WebKit/LayoutTests/csspaint/invalid-image-constructor-error.html
+++ b/third_party/WebKit/LayoutTests/csspaint/paint2d-zoom.html
@@ -7,8 +7,7 @@
     #output {
         width: 100px;
         height: 100px;
-        background-image: paint(error);
-        background-color: green;
+        background-image: paint(worklet);
     }
 </style>
 </head>
@@ -16,18 +15,20 @@
 <div id="output"></div>
 
 <script id="code" type="text/worklet">
-registerPaint('error', class {
-    constructor() { throw Error('failed!'); }
+registerPaint('worklet', class {
     paint(ctx, geom) {
-        ctx.fillStyle = 'red';
-        ctx.fillRect(0, 0, geom.width, geom.height);
+         ctx.strokeStyle = 'blue';
+         ctx.lineWidth = 4;
+         ctx.strokeRect(20, 20, 60, 60);
+         console.log('width: ' + geom.width + ', height: ' + geom.height);
     }
 });
 </script>
 
 <script>
+    document.body.style.zoom = "300%";
+    console.log('The worklet should log: \'width: 100, height: 100\'');
     importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
 </script>
-
 </body>
 </html>