Bug 1304353 - part 3 - Add reftests for use of globalAlpha with canvas text drawing. r=bas
authorJonathan Kew <jkew@mozilla.com>
Fri, 23 Sep 2016 13:38:06 +0100
changeset 315165 3a3751c3573a81e751079ed0a2ddbe1a29d0be3e
parent 315164 59a8a58754d58667c5484a2a4b8c889a640a2f89
child 315166 395617b1ea5570b028e56efdf14513799d852e7f
push id32563
push userihsiao@mozilla.com
push dateMon, 26 Sep 2016 11:18:33 +0000
treeherderautoland@eb840c87b5fd [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersbas
bugs1304353
milestone52.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1304353 - part 3 - Add reftests for use of globalAlpha with canvas text drawing. r=bas
layout/reftests/canvas/1304353-text-global-alpha-1-ref.html
layout/reftests/canvas/1304353-text-global-alpha-1.html
layout/reftests/canvas/1304353-text-global-alpha-2-ref.html
layout/reftests/canvas/1304353-text-global-alpha-2.html
layout/reftests/canvas/reftest.list
new file mode 100644
--- /dev/null
+++ b/layout/reftests/canvas/1304353-text-global-alpha-1-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+
+<script>
+function do_test() {
+    var canvas = document.getElementById("test");
+    var ctx = canvas.getContext("2d");
+
+    var g = ctx.createLinearGradient(0, 0, canvas.width, canvas.height);
+    g.addColorStop(0, "red");
+    g.addColorStop(1, "green");
+
+    ctx.fillStyle = g;
+    ctx.fillRect(0, 0, canvas.width, canvas.height);
+
+    ctx.fillStyle = "white";
+    ctx.font = "bold 24px sans-serif";
+
+    ctx.fillText('globalAlpha = 1.0', 20, 40);
+
+    // for reference, use a fill color with alpha instead of global alpha
+    ctx.fillStyle = "rgba(255, 255, 255, 0.5)";
+    ctx.fillText('globalAlpha = 0.5', 20, 80);
+
+    ctx.fillStyle = "rgba(255, 255, 255, 0.2)";
+    ctx.fillText('globalAlpha = 0.2', 20, 120);
+};
+</script>
+
+</head>
+
+<body onload="do_test()">
+
+<canvas id="test"></canvas>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/canvas/1304353-text-global-alpha-1.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+
+<script>
+function do_test() {
+    var canvas = document.getElementById("test");
+    var ctx = canvas.getContext("2d");
+
+    var g = ctx.createLinearGradient(0, 0, canvas.width, canvas.height);
+    g.addColorStop(0, "red");
+    g.addColorStop(1, "green");
+
+    ctx.fillStyle = g;
+    ctx.fillRect(0, 0, canvas.width, canvas.height);
+
+    ctx.fillStyle = "white";
+    ctx.font = "bold 24px sans-serif";
+
+    ctx.fillText('globalAlpha = 1.0', 20, 40);
+
+    ctx.globalAlpha = 0.5;
+    ctx.fillText('globalAlpha = 0.5', 20, 80);
+
+    ctx.globalAlpha = 0.2;
+    ctx.fillText('globalAlpha = 0.2', 20, 120);
+};
+</script>
+
+</head>
+
+<body onload="do_test()">
+
+<canvas id="test"></canvas>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/canvas/1304353-text-global-alpha-2-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+
+<script>
+function do_test() {
+    var canvas = document.getElementById("test");
+    var ctx = canvas.getContext("2d");
+
+    var g = ctx.createLinearGradient(0, 0, canvas.width, canvas.height);
+    g.addColorStop(0, "red");
+    g.addColorStop(1, "green");
+
+    ctx.fillStyle = g;
+    ctx.fillRect(0, 0, canvas.width, canvas.height);
+
+    ctx.strokeStyle = "white";
+    ctx.font = "bold 24px sans-serif";
+
+    ctx.strokeText('globalAlpha = 1.0', 20, 40);
+
+    // for reference, use a stroke color with alpha instead of global alpha
+    ctx.strokeStyle = "rgba(255, 255, 255, 0.5)";
+    ctx.strokeText('globalAlpha = 0.5', 20, 80);
+
+    ctx.strokeStyle = "rgba(255, 255, 255, 0.2)";
+    ctx.strokeText('globalAlpha = 0.2', 20, 120);
+};
+</script>
+
+</head>
+
+<body onload="do_test()">
+
+<canvas id="test"></canvas>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/canvas/1304353-text-global-alpha-2.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+
+<script>
+function do_test() {
+    var canvas = document.getElementById("test");
+    var ctx = canvas.getContext("2d");
+
+    var g = ctx.createLinearGradient(0, 0, canvas.width, canvas.height);
+    g.addColorStop(0, "red");
+    g.addColorStop(1, "green");
+
+    ctx.fillStyle = g;
+    ctx.fillRect(0, 0, canvas.width, canvas.height);
+
+    ctx.strokeStyle = "white";
+    ctx.font = "bold 24px sans-serif";
+
+    ctx.strokeText('globalAlpha = 1.0', 20, 40);
+
+    ctx.globalAlpha = 0.5;
+    ctx.strokeText('globalAlpha = 0.5', 20, 80);
+
+    ctx.globalAlpha = 0.2;
+    ctx.strokeText('globalAlpha = 0.2', 20, 120);
+};
+</script>
+
+</head>
+
+<body onload="do_test()">
+
+<canvas id="test"></canvas>
+
+</body>
+</html>
--- a/layout/reftests/canvas/reftest.list
+++ b/layout/reftests/canvas/reftest.list
@@ -101,8 +101,11 @@ fuzzy-if(azureQuartz,2,128) fuzzy-if(d2d
 
 == 802658-1.html 802658-1-ref.html
 == 1074733-1.html 1074733-1-ref.html
 fuzzy-if(Mulet,45,2) == 1107096-invisibles.html 1107096-invisibles-ref.html
 == 1151821-1.html 1151821-1-ref.html
 == 1201272-1.html 1201272-1-ref.html
 == 1224976-1.html 1224976-1-ref.html
 == 1238795-1.html 1238795-1-ref.html
+
+== 1304353-text-global-alpha-1.html 1304353-text-global-alpha-1-ref.html
+== 1304353-text-global-alpha-2.html 1304353-text-global-alpha-2-ref.html