Make compositing/canvas-with-object-fit-contain-in-composited-layer.html less flaky

third_party/WebKit/LayoutTests/compositing/canvas-with-object-fit-contain-in-composited-layer.html

Index: third_party/WebKit/LayoutTests/compositing/canvas-with-object-fit-contain-in-composited-layer.html
diff --git a/third_party/WebKit/LayoutTests/compositing/canvas-with-object-fit-contain-in-composited-layer.html b/third_party/WebKit/LayoutTests/compositing/canvas-with-object-fit-contain-in-composited-layer.html
index 364fd98206a07a6025c4d3a10591791a83a0ff3b..108e773252c2437cd94f19f9b3e75af66df6f505 100644
--- a/third_party/WebKit/LayoutTests/compositing/canvas-with-object-fit-contain-in-composited-layer.html
+++ b/third_party/WebKit/LayoutTests/compositing/canvas-with-object-fit-contain-in-composited-layer.html
@@ -2,25 +2,21 @@
 <style>
 canvas {
   background-color: gray;
-  width: 200px;
-  height: 200px;
+  width: 100px;
+  height: 100px;
   object-fit: contain;
 }
 </style>
-<p>Test passes if a green square inside an orange rectanlge is shown up without a distortion.
+<p>Test passes if a green square inside a gray square is shown without distortion.</p>
 <div>
-  <canvas width="200" height="400"></canvas>
+  <canvas width="50" height="100"></canvas>
 </div>
 <script>
 function paintCanvas(canvas)
 {
   var ctx = canvas.getContext('2d');
-  ctx.fillStyle = 'orange';
-  ctx.fillRect(0, 0, canvas.width, canvas.height);
-
   ctx.fillStyle = 'green';
-  var squarWidth = canvas.width / 2;
-  ctx.fillRect(50, 150, squarWidth, squarWidth);
+  ctx.fillRect(10, 35, 30, 30);
 }
 
 paintCanvas(document.querySelector('canvas'));