Bug 1248708 - Part3: add reftests. r=jfkthame
authorJeremy Chen <jeremychen@mozilla.com>
Sat, 23 Apr 2016 01:40:38 +0800
changeset 332453 28b1a8408b86f6d2502ec5ffa636cbac945fe529
parent 332452 3ae9a6bb08211560f6c27a362de4243e676266e9
child 332454 500cb83c36269920989f23e6ad054a5d0db7ce13
push id6048
push userkmoir@mozilla.com
push dateMon, 06 Jun 2016 19:02:08 +0000
treeherdermozilla-beta@46d72a56c57d [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersjfkthame
bugs1248708
milestone48.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 1248708 - Part3: add reftests. r=jfkthame
layout/reftests/reftest.list
layout/reftests/text-stroke/reftest.list
layout/reftests/text-stroke/webkit-text-stroke-property-001-ref.html
layout/reftests/text-stroke/webkit-text-stroke-property-001.html
layout/reftests/text-stroke/webkit-text-stroke-property-002-ref.html
layout/reftests/text-stroke/webkit-text-stroke-property-002.html
layout/reftests/text-stroke/webkit-text-stroke-property-003-ref.html
layout/reftests/text-stroke/webkit-text-stroke-property-003.html
layout/reftests/text-stroke/webkit-text-stroke-property-004-ref.html
layout/reftests/text-stroke/webkit-text-stroke-property-004.html
layout/reftests/text-stroke/webkit-text-stroke-property-005-ref.html
layout/reftests/text-stroke/webkit-text-stroke-property-005.html
--- a/layout/reftests/reftest.list
+++ b/layout/reftests/reftest.list
@@ -325,16 +325,19 @@ include table-overflow/reftest.list
 # table-width/
 include table-width/reftest.list
 
 include ../tables/reftests/reftest.list
 
 # text/
 include text/reftest.list
 
+# text-stroke
+include text-stroke/reftest.list
+
 # text-decoration/
 include text-decoration/reftest.list
 
 # text-indent/
 include text-indent/reftest.list
 
 # text-shadow/
 include text-shadow/reftest.list
new file mode 100644
--- /dev/null
+++ b/layout/reftests/text-stroke/reftest.list
@@ -0,0 +1,7 @@
+# basic tests for webkit-text-stroke
+# fuzzy is needed here for platform dependent backends
+fuzzy-if(gtkWidget,255,20) fuzzy-if(winWidget,20,10) == webkit-text-stroke-property-001.html webkit-text-stroke-property-001-ref.html
+fuzzy-if(gtkWidget,255,20) fuzzy-if(winWidget,20,10) == webkit-text-stroke-property-002.html webkit-text-stroke-property-002-ref.html
+fuzzy-if(gtkWidget,255,20) fuzzy-if(winWidget,20,10) == webkit-text-stroke-property-003.html webkit-text-stroke-property-003-ref.html
+fuzzy-if(gtkWidget,255,20) fuzzy-if(winWidget,20,10) == webkit-text-stroke-property-004.html webkit-text-stroke-property-004-ref.html
+fuzzy-if(gtkWidget,255,20) fuzzy-if(winWidget,20,10) == webkit-text-stroke-property-005.html webkit-text-stroke-property-005-ref.html
new file mode 100644
--- /dev/null
+++ b/layout/reftests/text-stroke/webkit-text-stroke-property-001-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<title>webkit-text-stroke: SVG text reference</title>
+<link rel="author" title="Jeremy Chen" href="jeremychen@mozilla.com">
+<link rel="author" title="Mozilla" href="https://www.mozilla.org">
+<body>
+<div style="width: 500px; height: 200px;">
+<!-- set overflow to visible so that stroking near boundary won't be hidden -->
+<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%; overflow: visible;">
+<text x="0" y="100" font-size="64px" fill="transparent" stroke="green" stroke-width="2px">TEXT stroke</text>
+</svg>
+</div>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/text-stroke/webkit-text-stroke-property-001.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<title>webkit-text-stroke: 2px green</title>
+<link rel="author" title="Jeremy Chen" href="jeremychen@mozilla.com">
+<link rel="author" title="Mozilla" href="https://www.mozilla.org">
+<link rel="help" href="https://compat.spec.whatwg.org/#the-webkit-text-stroke">
+<meta name="assert" content="The webkit-text-stroke of texts should take effect">
+<link rel="match" href="webkit-text-stroke-property-001-ref.html">
+<body>
+<div style="width: 500px; height: 200px;">
+<text style="padding-left: 0px; color: transparent; font-size: 64px; -webkit-text-stroke: 2px green;">TEXT stroke</text>
+<!-- need this inline-block to make sure text is rendered at the same position as the SVG reference -->
+<div style="display:inline-block; width:0px; height:100px;"/>
+</div>
+<body>
+<html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/text-stroke/webkit-text-stroke-property-002-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<title>webkit-text-stroke: SVG text reference</title>
+<link rel="author" title="Jeremy Chen" href="jeremychen@mozilla.com">
+<link rel="author" title="Mozilla" href="https://www.mozilla.org">
+<body>
+<div style="width: 500px; height: 200px;">
+<!-- set overflow to visible so that stroking near boundary won't be hidden -->
+<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%; overflow: visible;">
+<text x="0" y="100" font-size="64px" fill="transparent" stroke="black" stroke-width="1px">TEXT stroke</text>
+</svg>
+</div>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/text-stroke/webkit-text-stroke-property-002.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<title>webkit-text-stroke: thin black</title>
+<link rel="author" title="Jeremy Chen" href="jeremychen@mozilla.com">
+<link rel="author" title="Mozilla" href="https://www.mozilla.org">
+<link rel="help" href="https://compat.spec.whatwg.org/#the-webkit-text-stroke">
+<meta name="assert" content="thin keyword should take effect for webkit-text-stroke-width">
+<link rel="match" href="webkit-text-stroke-property-002-ref.html">
+<body>
+<div style="width: 500px; height: 200px;">
+<text style="padding-left: 0px; color: transparent; font-size: 64px; -webkit-text-stroke: thin black;">TEXT stroke</text>
+<!-- need this inline-block to make sure text is rendered at the same position as the SVG reference -->
+<div style="display:inline-block; width:0px; height:100px;"/>
+</div>
+<body>
+<html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/text-stroke/webkit-text-stroke-property-003-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<title>webkit-text-stroke: SVG text reference</title>
+<link rel="author" title="Jeremy Chen" href="jeremychen@mozilla.com">
+<link rel="author" title="Mozilla" href="https://www.mozilla.org">
+<body>
+<div style="width: 500px; height: 200px;">
+<!-- set overflow to visible so that stroking near boundary won't be hidden -->
+<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%; overflow: visible;">
+<text x="0" y="100" font-size="64px" fill="transparent" stroke="black" stroke-width="3px">TEXT stroke</text>
+</svg>
+</div>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/text-stroke/webkit-text-stroke-property-003.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<title>webkit-text-stroke: medium black</title>
+<link rel="author" title="Jeremy Chen" href="jeremychen@mozilla.com">
+<link rel="author" title="Mozilla" href="https://www.mozilla.org">
+<link rel="help" href="https://compat.spec.whatwg.org/#the-webkit-text-stroke">
+<meta name="assert" content="medium keyword should take effect for webkit-text-stroke-width">
+<link rel="match" href="webkit-text-stroke-property-003-ref.html">
+<body>
+<div style="width: 500px; height: 200px;">
+<text style="padding-left: 0px; color: transparent; font-size: 64px; -webkit-text-stroke: medium black;">TEXT stroke</text>
+<!-- need this inline-block to make sure text is rendered at the same position as the SVG reference -->
+<div style="display:inline-block; width:0px; height:100px;"/>
+</div>
+<body>
+<html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/text-stroke/webkit-text-stroke-property-004-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<title>webkit-text-stroke: SVG text reference</title>
+<link rel="author" title="Jeremy Chen" href="jeremychen@mozilla.com">
+<link rel="author" title="Mozilla" href="https://www.mozilla.org">
+<body>
+<div style="width: 500px; height: 200px;">
+<!-- set overflow to visible so that stroking near boundary won't be hidden -->
+<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%; overflow: visible;">
+<text x="0" y="100" font-size="64px" fill="transparent" stroke="black" stroke-width="5px">TEXT stroke</text>
+</svg>
+</div>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/text-stroke/webkit-text-stroke-property-004.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<title>webkit-text-stroke: thick black</title>
+<link rel="author" title="Jeremy Chen" href="jeremychen@mozilla.com">
+<link rel="author" title="Mozilla" href="https://www.mozilla.org">
+<link rel="help" href="https://compat.spec.whatwg.org/#the-webkit-text-stroke">
+<meta name="assert" content="thick keyword should take effect for webkit-text-stroke-width">
+<link rel="match" href="webkit-text-stroke-property-004-ref.html">
+<body>
+<div style="width: 500px; height: 200px;">
+<text style="padding-left: 0px; color: transparent; font-size: 64px; -webkit-text-stroke: thick black;">TEXT stroke</text>
+<!-- need this inline-block to make sure text is rendered at the same position as the SVG reference -->
+<div style="display:inline-block; width:0px; height:100px;"/>
+</div>
+<body>
+<html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/text-stroke/webkit-text-stroke-property-005-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<title>webkit-text-stroke: SVG text reference</title>
+<link rel="author" title="Jeremy Chen" href="jeremychen@mozilla.com">
+<link rel="author" title="Mozilla" href="https://www.mozilla.org">
+<body>
+<div style="width: 500px; height: 200px;">
+<!-- set overflow to visible so that stroking near boundary won't be hidden -->
+<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%; overflow: visible;">
+<text x="0" y="100" font-size="64px" fill="transparent" stroke="green" stroke-width="2px">TEXT stroke</text>
+</svg>
+</div>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/text-stroke/webkit-text-stroke-property-005.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<title>webkit-text-stroke: 2px green</title>
+<link rel="author" title="Jeremy Chen" href="jeremychen@mozilla.com">
+<link rel="author" title="Mozilla" href="https://www.mozilla.org">
+<link rel="help" href="https://compat.spec.whatwg.org/#the-webkit-text-stroke">
+<meta name="assert" content="webkit-text-stroke-color should take effect">
+<link rel="match" href="webkit-text-stroke-property-005-ref.html">
+<style>
+text {
+  padding-left: 0px;
+  color: red;
+  font-size: 64px;
+  -webkit-text-fill-color: transparent;
+  -webkit-text-stroke: 2px green;
+}
+</style>
+<body>
+<div style="width: 500px; height: 200px;">
+<text>TEXT stroke</text>
+<!-- need this inline-block to make sure text is rendered at the same position as the SVG reference -->
+<div style="display:inline-block; width:0px; height:100px;"/>
+</div>
+<body>
+<html>