Bug 1403521 - Reftests for positioning of text-decoration in vertical mode. r=dholbert
authorJonathan Kew <jkew@mozilla.com>
Wed, 11 Oct 2017 14:02:00 +0100
changeset 385556 2ec64f31c306f26ecc640520bd4a22fd0c9c70e1
parent 385555 91bdf32e14f5d190b21ed75aa23cf53754399707
child 385557 af48889179f5d543e301921e19f076b89ccb556c
push id32662
push userryanvm@gmail.com
push dateWed, 11 Oct 2017 21:53:47 +0000
treeherdermozilla-central@3d918ff5d634 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdholbert
bugs1403521
milestone58.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 1403521 - Reftests for positioning of text-decoration in vertical mode. r=dholbert
layout/reftests/text-decoration/reftest.list
layout/reftests/text-decoration/vertical-mode-decorations-1-ref.html
layout/reftests/text-decoration/vertical-mode-decorations-1.html
layout/reftests/text-decoration/vertical-mode-decorations-2-ref.html
layout/reftests/text-decoration/vertical-mode-decorations-2.html
--- a/layout/reftests/text-decoration/reftest.list
+++ b/layout/reftests/text-decoration/reftest.list
@@ -105,8 +105,10 @@ fuzzy-if(cocoaWidget,1,5) == decoration-
 == 676538-1.html 676538-1-ref.html
 fuzzy-if(OSX==1010,1,4) == underline-button-1.html underline-button-1-ref.html
 fuzzy-if(OSX==1010,1,2) == underline-button-2.html underline-button-2-ref.html
 fuzzy-if(skiaContent,4,2) == underline-select-1.html underline-select-1-ref.html
 == underline-select-2.html underline-select-2-ref.html
 == 1133392.html 1133392-ref.html
 != 1159729-offset-adjustment.html 1159729-offset-adjustment-notref.html
 == emphasis-style-dynamic.html emphasis-style-dynamic-ref.html
+== vertical-mode-decorations-1.html vertical-mode-decorations-1-ref.html
+== vertical-mode-decorations-2.html vertical-mode-decorations-2-ref.html
new file mode 100644
--- /dev/null
+++ b/layout/reftests/text-decoration/vertical-mode-decorations-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<head>
+<meta charset=utf-8>
+<style>
+body { font: 32px Arial, sans-serif; margin: 20px; color: transparent; }
+div { block-size: 10em; inline-size: 10em; margin: 0; padding: 10px;
+      text-align: center; background: #eee; }
+.a { text-decoration: blue solid underline line-through overline; }
+.c { text-decoration: green double underline line-through overline; }
+</style>
+</head>
+<body>
+<div style="transform: rotate(90deg);">
+  hello <span class=a>hello</span> <span class=c>hello</span>
+</div>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/text-decoration/vertical-mode-decorations-1.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<head>
+<meta charset=utf-8>
+<style>
+body { font: 32px Arial, sans-serif; margin: 20px; color: transparent; }
+div { block-size: 10em; inline-size: 10em; margin: 0; padding: 10px;
+      text-align: center; background: #eee; }
+.a { text-decoration: blue solid underline line-through overline; }
+.c { text-decoration: green double underline line-through overline; }
+</style>
+</head>
+<body>
+<div style="writing-mode:sideways-rl;">
+  hello <span class=a>hello</span> <span class=c>hello</span>
+</div>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/text-decoration/vertical-mode-decorations-2-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<head>
+<meta charset=utf-8>
+<style>
+body { font: 32px Arial, sans-serif; margin: 20px; color: transparent; }
+div { block-size: 10em; inline-size: 10em; margin: 0; padding: 10px;
+      text-align: center; background: #eee; }
+.a { text-decoration: blue solid underline line-through overline; }
+.c { text-decoration: green double underline line-through overline; }
+</style>
+</head>
+<body>
+<div style="transform: rotate(-90deg);">
+  hello <span class=a>hello</span> <span class=c>hello</span>
+</div>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/text-decoration/vertical-mode-decorations-2.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<head>
+<meta charset=utf-8>
+<style>
+body { font: 32px Arial, sans-serif; margin: 20px; color: transparent; }
+div { block-size: 10em; inline-size: 10em; margin: 0; padding: 10px;
+      text-align: center; background: #eee; }
+.a { text-decoration: blue solid underline line-through overline; }
+.c { text-decoration: green double underline line-through overline; }
+</style>
+</head>
+<body>
+<div style="writing-mode:sideways-lr;">
+  hello <span class=a>hello</span> <span class=c>hello</span>
+</div>