Increase tolerance for Canvas ConicGradient WPT tests

Bug: 1355539 Change-Id: I3dc852a209200b9fd154096ef6740ce7283a0efc
web-platform-tests · Aug 30, 2022 · ec44dd6 · ec44dd6
1 parent 0e75a8e
commit ec44dd6
Show file tree

Hide file tree

Showing 8 changed files with 20 additions and 20 deletions.
diff --git a/html/canvas/element/fill-and-stroke-styles/2d.gradient.conic.negative.rotation.html b/html/canvas/element/fill-and-stroke-styles/2d.gradient.conic.negative.rotation.html
@@ -27,8 +27,8 @@ <h1>2d.gradient.conic.negative.rotation</h1>
 g.addColorStop(0.75, "#f00");
 ctx.fillStyle = g;
 ctx.fillRect(0, 0, 100, 50);
-_assertPixel(canvas, 25,15, 255,0,0,255, "25,15", "255,0,0,255");
-_assertPixel(canvas, 75,40, 0,255,0,255, "75,40", "0,255,0,255");
+_assertPixelApprox(canvas, 25,15, 255,0,0,255, "25,15", "255,0,0,255", 3);
+_assertPixelApprox(canvas, 75,40, 0,255,0,255, "75,40", "0,255,0,255", 3);
 
 
 });

diff --git a/html/canvas/element/fill-and-stroke-styles/2d.gradient.conic.positive.rotation.html b/html/canvas/element/fill-and-stroke-styles/2d.gradient.conic.positive.rotation.html
@@ -27,8 +27,8 @@ <h1>2d.gradient.conic.positive.rotation</h1>
 g.addColorStop(0.75, "#f00");
 ctx.fillStyle = g;
 ctx.fillRect(0, 0, 100, 50);
-_assertPixel(canvas, 25,15, 255,0,0,255, "25,15", "255,0,0,255");
-_assertPixel(canvas, 75,40, 0,255,0,255, "75,40", "0,255,0,255");
+_assertPixelApprox(canvas, 25,15, 255,0,0,255, "25,15", "255,0,0,255", 3);
+_assertPixelApprox(canvas, 75,40, 0,255,0,255, "75,40", "0,255,0,255", 3);
 
 
 });

diff --git a/html/canvas/offscreen/fill-and-stroke-styles/2d.gradient.conic.negative.rotation.html b/html/canvas/offscreen/fill-and-stroke-styles/2d.gradient.conic.negative.rotation.html
@@ -28,8 +28,8 @@ <h1>2d.gradient.conic.negative.rotation</h1>
 g.addColorStop(0.75, "#f00");
 ctx.fillStyle = g;
 ctx.fillRect(0, 0, 100, 50);
-_assertPixel(canvas, 25,15, 255,0,0,255, "25,15", "255,0,0,255");
-_assertPixel(canvas, 75,40, 0,255,0,255, "75,40", "0,255,0,255");
+_assertPixelApprox(canvas, 25,15, 255,0,0,255, "25,15", "255,0,0,255", 3);
+_assertPixelApprox(canvas, 75,40, 0,255,0,255, "75,40", "0,255,0,255", 3);
 t.done();
 
 });

diff --git a/html/canvas/offscreen/fill-and-stroke-styles/2d.gradient.conic.negative.rotation.worker.js b/html/canvas/offscreen/fill-and-stroke-styles/2d.gradient.conic.negative.rotation.worker.js
@@ -24,8 +24,8 @@ g.addColorStop(0.50, "#0f0");
 g.addColorStop(0.75, "#f00");
 ctx.fillStyle = g;
 ctx.fillRect(0, 0, 100, 50);
-_assertPixel(canvas, 25,15, 255,0,0,255, "25,15", "255,0,0,255");
-_assertPixel(canvas, 75,40, 0,255,0,255, "75,40", "0,255,0,255");
+_assertPixelApprox(canvas, 25,15, 255,0,0,255, "25,15", "255,0,0,255", 3);
+_assertPixelApprox(canvas, 75,40, 0,255,0,255, "75,40", "0,255,0,255", 3);
 t.done();
 
 });

diff --git a/html/canvas/offscreen/fill-and-stroke-styles/2d.gradient.conic.positive.rotation.html b/html/canvas/offscreen/fill-and-stroke-styles/2d.gradient.conic.positive.rotation.html
@@ -28,8 +28,8 @@ <h1>2d.gradient.conic.positive.rotation</h1>
 g.addColorStop(0.75, "#f00");
 ctx.fillStyle = g;
 ctx.fillRect(0, 0, 100, 50);
-_assertPixel(canvas, 25,15, 255,0,0,255, "25,15", "255,0,0,255");
-_assertPixel(canvas, 75,40, 0,255,0,255, "75,40", "0,255,0,255");
+_assertPixelApprox(canvas, 25,15, 255,0,0,255, "25,15", "255,0,0,255", 3);
+_assertPixelApprox(canvas, 75,40, 0,255,0,255, "75,40", "0,255,0,255", 3);
 t.done();
 
 });

diff --git a/html/canvas/offscreen/fill-and-stroke-styles/2d.gradient.conic.positive.rotation.worker.js b/html/canvas/offscreen/fill-and-stroke-styles/2d.gradient.conic.positive.rotation.worker.js
@@ -24,8 +24,8 @@ g.addColorStop(0.50, "#0f0");
 g.addColorStop(0.75, "#f00");
 ctx.fillStyle = g;
 ctx.fillRect(0, 0, 100, 50);
-_assertPixel(canvas, 25,15, 255,0,0,255, "25,15", "255,0,0,255");
-_assertPixel(canvas, 75,40, 0,255,0,255, "75,40", "0,255,0,255");
+_assertPixelApprox(canvas, 25,15, 255,0,0,255, "25,15", "255,0,0,255", 3);
+_assertPixelApprox(canvas, 75,40, 0,255,0,255, "75,40", "0,255,0,255", 3);
 t.done();
 
 });

diff --git a/html/canvas/tools/yaml/element/fill-and-stroke-styles.yaml b/html/canvas/tools/yaml/element/fill-and-stroke-styles.yaml
@@ -1213,8 +1213,8 @@
     g.addColorStop(0.75, "#f00");
     ctx.fillStyle = g;
     ctx.fillRect(0, 0, 100, 50);
-    @assert pixel 25,15 == 255,0,0,255;
-    @assert pixel 75,40 == 0,255,0,255;
+    @assert pixel 25,15 ==~ 255,0,0,255 +/- 3;
+    @assert pixel 75,40 ==~ 0,255,0,255 +/- 3;
   expected: green
 
 - name: 2d.gradient.conic.negative.rotation
@@ -1228,8 +1228,8 @@
     g.addColorStop(0.75, "#f00");
     ctx.fillStyle = g;
     ctx.fillRect(0, 0, 100, 50);
-    @assert pixel 25,15 == 255,0,0,255;
-    @assert pixel 75,40 == 0,255,0,255;
+    @assert pixel 25,15 ==~ 255,0,0,255 +/- 3;
+    @assert pixel 75,40 ==~ 0,255,0,255 +/- 3;
   expected: green
 
 - name: 2d.gradient.conic.invalid.inputs

diff --git a/html/canvas/tools/yaml/offscreen/fill-and-stroke-styles.yaml b/html/canvas/tools/yaml/offscreen/fill-and-stroke-styles.yaml
@@ -969,8 +969,8 @@
     g.addColorStop(0.75, "#f00");
     ctx.fillStyle = g;
     ctx.fillRect(0, 0, 100, 50);
-    @assert pixel 25,15 == 255,0,0,255;
-    @assert pixel 75,40 == 0,255,0,255;
+    @assert pixel 25,15 ==~ 255,0,0,255 +/- 3;
+    @assert pixel 75,40 ==~ 0,255,0,255 +/- 3;
     t.done();
 
 - name: 2d.gradient.conic.negative.rotation
@@ -984,8 +984,8 @@
     g.addColorStop(0.75, "#f00");
     ctx.fillStyle = g;
     ctx.fillRect(0, 0, 100, 50);
-    @assert pixel 25,15 == 255,0,0,255;
-    @assert pixel 75,40 == 0,255,0,255;
+    @assert pixel 25,15 ==~ 255,0,0,255 +/- 3;
+    @assert pixel 75,40 ==~ 0,255,0,255 +/- 3;
     t.done();
 
 - name: 2d.gradient.conic.invalid.inputs