Bug 1304539 - Add reftest for fillText and strokeText with filter. r=mstange

This commit is contained in:
Ethan Lin 2016-09-28 23:17:00 +02:00
parent 5ec5294315
commit 9d1424da43
21 changed files with 275 additions and 0 deletions

View File

@ -0,0 +1,12 @@
<!DOCTYPE html>
<html>
<head>
<canvas id="canvas" width="100" height="100"></canvas>
<script>
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.fillStyle = "rgb(85,85,85)";
ctx.font = "20px serif";
ctx.fillText("Hello world", 0, 50);
</script>
</body></html>

View File

@ -0,0 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<canvas id="canvas" width="100" height="100"></canvas>
<script>
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.fillStyle = "rgb(85,85,85)";
ctx.filter = "grayscale(100%)";
ctx.font = "20px serif";
ctx.fillText("Hello world", 0, 50);
</script>
</body></html>

View File

@ -0,0 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<canvas id="canvas" width="100" height="100"></canvas>
<script>
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.globalAlpha = 0.5;
ctx.fillStyle = "rgb(85,85,85)";
ctx.font = "20px serif";
ctx.fillText("Hello world", 0, 50);
</script>
</body></html>

View File

@ -0,0 +1,14 @@
<!DOCTYPE html>
<html>
<head>
<canvas id="canvas" width="100" height="100"></canvas>
<script>
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.globalAlpha = 0.5;
ctx.fillStyle = "rgb(85,85,85)";
ctx.filter = "grayscale(100%)";
ctx.font = "20px serif";
ctx.fillText("Hello world", 0, 50);
</script>
</body></html>

View File

@ -0,0 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<canvas id="canvas" width="100" height="100"></canvas>
<script>
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.globalAlpha = 0.5;
ctx.fillStyle = "rgb(0,128,0)";
ctx.font = "20px serif";
ctx.fillText("Hello world", 0, 50);
</script>
</body></html>

View File

@ -0,0 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<canvas id="canvas" width="100" height="100"></canvas>
<script>
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.fillStyle = "rgb(0,128,0)";
ctx.filter = "opacity(0.5)";
ctx.font = "20px serif";
ctx.fillText("Hello world", 0, 50);
</script>
</body></html>

View File

@ -0,0 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<canvas id="canvas" width="100" height="100"></canvas>
<script>
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.globalAlpha = 0.25;
ctx.fillStyle = "rgb(0,255,0)";
ctx.font = "20px serif";
ctx.fillText("Hello world", 0, 50);
</script>
</body></html>

View File

@ -0,0 +1,14 @@
<!DOCTYPE html>
<html>
<head>
<canvas id="canvas" width="100" height="100"></canvas>
<script>
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.globalAlpha = 0.5;
ctx.fillStyle = "rgb(0,255,0)";
ctx.filter = "opacity(0.5)";
ctx.font = "20px serif";
ctx.fillText("Hello world", 0, 50);
</script>
</body></html>

View File

@ -0,0 +1,14 @@
<!DOCTYPE html>
<html>
<head>
<canvas id="canvas" width="100" height="100"></canvas>
<script>
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.shadowColor = "black";
ctx.shadowBlur = 2;
ctx.fillStyle = "green";
ctx.font = "20px serif";
ctx.fillText("Hello world", 0, 50);
</script>
</body></html>

View File

@ -0,0 +1,15 @@
<!DOCTYPE html>
<html>
<head>
<canvas id="canvas" width="100" height="100"></canvas>
<script>
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.globalAlpha = 0.5;
ctx.shadowColor = "black";
ctx.shadowBlur = 2;
ctx.fillStyle = "green";
ctx.font = "20px serif";
ctx.fillText("Hello world", 0, 50);
</script>
</body></html>

View File

@ -0,0 +1,12 @@
<!DOCTYPE html>
<html>
<head>
<canvas id="canvas" width="100" height="100"></canvas>
<script>
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.fillStyle = "green";
ctx.font = "20px serif";
ctx.fillText("Hello world", 0, 50);
</script>
</body></html>

View File

@ -0,0 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<canvas id="canvas" width="100" height="100"></canvas>
<script>
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.globalAlpha = 0.5;
ctx.fillStyle = "green";
ctx.font = "20px serif";
ctx.fillText("Hello world", 0, 50);
</script>
</body></html>

View File

@ -18,3 +18,13 @@ fuzzy-if(azureSkia,1,1500) == global-alpha.html global-alpha-ref.html
== units-em.html ref.html
== units-ex.html ref.html
== units-off-screen.html ref.html
fuzzy(1,700) == fillText-with-filter-opacity-1.html fillText-with-filter-opacity-1-ref.html
fuzzy(1,300) == fillText-with-filter-opacity-2.html fillText-with-filter-opacity-2-ref.html
fuzzy(1,400) == strokeText-with-filter-grayscale-1.html strokeText-with-filter-grayscale-1-ref.html
fuzzy(1,400) == strokeText-with-filter-grayscale-2.html strokeText-with-filter-grayscale-2-ref.html
!= fillText-with-shadow-1.html fillText-without-shadow-1-ref.html
!= fillText-with-shadow-2.html fillText-without-shadow-2-ref.html
fuzzy(1,200) == fillText-with-filter-grayscale-1.html fillText-with-filter-grayscale-1-ref.html
fuzzy(1,200) == fillText-with-filter-grayscale-2.html fillText-with-filter-grayscale-2-ref.html
!= strokeText-with-shadow-1.html strokeText-without-shadow-1-ref.html
!= strokeText-with-shadow-2.html strokeText-without-shadow-2-ref.html

View File

@ -0,0 +1,12 @@
<!DOCTYPE html>
<html>
<head>
<canvas id="canvas" width="100" height="100"></canvas>
<script>
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.strokeStyle = "rgb(85,85,85)";
ctx.font = "20px serif";
ctx.strokeText("Hello world", 0, 50);
</script>
</body></html>

View File

@ -0,0 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<canvas id="canvas" width="100" height="100"></canvas>
<script>
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.strokeStyle = "rgb(85,85,85)";
ctx.filter = "grayscale(100%)";
ctx.font = "20px serif";
ctx.strokeText("Hello world", 0, 50);
</script>
</body></html>

View File

@ -0,0 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<canvas id="canvas" width="100" height="100"></canvas>
<script>
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.globalAlpha = 0.5;
ctx.strokeStyle = "rgb(85,85,85)";
ctx.font = "20px serif";
ctx.strokeText("Hello world", 0, 50);
</script>
</body></html>

View File

@ -0,0 +1,14 @@
<!DOCTYPE html>
<html>
<head>
<canvas id="canvas" width="100" height="100"></canvas>
<script>
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.globalAlpha = 0.5;
ctx.strokeStyle = "rgb(85,85,85)";
ctx.filter = "grayscale(100%)";
ctx.font = "20px serif";
ctx.strokeText("Hello world", 0, 50);
</script>
</body></html>

View File

@ -0,0 +1,14 @@
<!DOCTYPE html>
<html>
<head>
<canvas id="canvas" width="100" height="100"></canvas>
<script>
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.shadowColor = "black";
ctx.shadowBlur = 2;
ctx.strokeStyle = "green";
ctx.font = "20px serif";
ctx.strokeText("Hello world", 0, 50);
</script>
</body></html>

View File

@ -0,0 +1,15 @@
<!DOCTYPE html>
<html>
<head>
<canvas id="canvas" width="100" height="100"></canvas>
<script>
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.globalAlpha = 0.5;
ctx.shadowColor = "black";
ctx.shadowBlur = 2;
ctx.strokeStyle = "green";
ctx.font = "20px serif";
ctx.strokeText("Hello world", 0, 50);
</script>
</body></html>

View File

@ -0,0 +1,12 @@
<!DOCTYPE html>
<html>
<head>
<canvas id="canvas" width="100" height="100"></canvas>
<script>
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.strokeStyle = "green";
ctx.font = "20px serif";
ctx.strokeText("Hello world", 0, 50);
</script>
</body></html>

View File

@ -0,0 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<canvas id="canvas" width="100" height="100"></canvas>
<script>
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.globalAlpha = 0.5;
ctx.strokeStyle = "green";
ctx.font = "20px serif";
ctx.strokeText("Hello world", 0, 50);
</script>
</body></html>