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/paint2d-rects.html b/third_party/WebKit/LayoutTests/csspaint/paint2d-zoom.html
similarity index 55%
copy from third_party/WebKit/LayoutTests/csspaint/paint2d-rects.html
copy to third_party/WebKit/LayoutTests/csspaint/paint2d-zoom.html
index 847746bdd4bc7020bd07ebecc000111dc0d455f5..ba2229950c6b2a3d8ed26a3e090e72446b2f2257 100644
--- a/third_party/WebKit/LayoutTests/csspaint/paint2d-rects.html
+++ b/third_party/WebKit/LayoutTests/csspaint/paint2d-zoom.html
@@ -7,8 +7,7 @@
     #output {
         width: 100px;
         height: 100px;
-        background-image: paint(rects);
-        background-color: blue;
+        background-image: paint(worklet);
     }
 </style>
 </head>
@@ -16,21 +15,20 @@
 <div id="output"></div>
 
 <script id="code" type="text/worklet">
-registerPaint('rects', class {
+registerPaint('worklet', class {
     paint(ctx, geom) {
-        ctx.fillStyle = 'green';
-        ctx.fillRect(0, 0, geom.width, geom.height);
-
-        ctx.clearRect(40, 40, 20, 20);
-
-        ctx.strokeStyle = 'red';
-        ctx.lineWidth = 4;
-        ctx.strokeRect(20, 20, 60, 60);
+         ctx.rotate(10 * Math.PI / 180);
+         ctx.strokeStyle = 'blue';
+         ctx.lineWidth = 4;
+         ctx.strokeRect(30, 10, 30, 30);
+         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>