Bug 929991 - Tests for text-align: true X;

This commit is contained in:
Mats Palmgren 2013-10-27 20:56:32 +00:00
parent 46b33ecf22
commit 6f9b1281ac
4 changed files with 138 additions and 1 deletions

View File

@ -281,3 +281,5 @@ pref(gfx.font_rendering.graphite.enabled,true) HTTP(..) == glyph-decomposition-g
fails-if(!cocoaWidget||OSX==10.6||OSX==10.7) != osx-font-smoothing.html osx-font-smoothing-ref.html
fails-if(!cocoaWidget||OSX==10.6||OSX==10.7) != osx-font-smoothing-2.html osx-font-smoothing-2-notref.html
== osx-font-smoothing-2.html osx-font-smoothing-2-ref.html
pref(layout.css.text-align-true-value.enabled,true) == text-align-true.html text-align-true-ref.html

View File

@ -0,0 +1,62 @@
<!DOCTYPE html>
<html>
<head>
<title>text-align-true</title>
<meta charset="utf-8">
<style type="text/css">
p {
overflow:hidden;
width:8em;
white-space:nowrap;
margin:0;
}
.test1 p {
text-align: end;
}
.test2 p {
text-align: right;
}
.test3 p {
text-align: end;
}
.test4 p {
text-align: left;
}
.test5 p {
text-align: right;
}
.r {
float:right;
}
.l {
float:left;
}
</style>
</head>
<body>
<div class=test1>
<p>Lorem ipsum dolor sit amet.</p>
<p dir="rtl">ישים אל לבו חובתו אשר הוא&nbsp;מתעלם&nbsp;ממנה.</p>
</div>
<div class=test2>
<p><span class="r">Lorem ipsum dolor sit amet.</span></p>
<p dir="rtl">ישים אל לבו חובתו אשר הוא&nbsp;מתעלם&nbsp;ממנה.</p>
</div>
<div class=test3>
<p><span class="r">Lorem ipsum dolor sit amet.</span></p>
<p dir="rtl"><span class="l">ישים אל לבו חובתו אשר הוא&nbsp;מתעלם&nbsp;ממנה.</span></p>
</div>
<div class=test4>
<p>Lorem ipsum dolor sit amet.</p>
<p dir="rtl"><span class="l">ישים אל לבו חובתו אשר הוא&nbsp;מתעלם&nbsp;ממנה.</span></p>
</div>
<div class=test5>
<p><span class="r">Lorem ipsum dolor sit amet.</span></p>
</div>
left|true right</body>
</html>

View File

@ -0,0 +1,68 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<title>text-align-true</title>
<meta charset="utf-8">
<style type="text/css">
p {
overflow:hidden;
width:8em;
white-space:nowrap;
margin:0;
}
.test1 p {
text-align: true right;
-moz-text-align-last: end;
}
.test2 p {
text-align: true right;
}
.test3 p {
text-align: end true;
}
.test4 p {
text-align: true left;
}
.test5 p {
text-align: left;
-moz-text-align-last: true right;
}
</style>
</head>
<body>
<div class=test1>
<p>Lorem ipsum dolor sit amet.</p>
<p dir="rtl">ישים אל לבו חובתו אשר הוא&nbsp;מתעלם&nbsp;ממנה.</p>
</div>
<div class=test2>
<p>Lorem ipsum dolor sit amet.</p>
<p dir="rtl">ישים אל לבו חובתו אשר הוא&nbsp;מתעלם&nbsp;ממנה.</p>
</div>
<div class=test3>
<p>Lorem ipsum dolor sit amet.</p>
<p dir="rtl">ישים אל לבו חובתו אשר הוא&nbsp;מתעלם&nbsp;ממנה.</p>
</div>
<div class=test4>
<p>Lorem ipsum dolor sit amet.</p>
<p dir="rtl">ישים אל לבו חובתו אשר הוא&nbsp;מתעלם&nbsp;ממנה.</p>
</div>
<div class=test5>
<p>Lorem ipsum dolor sit amet.</p>
</div>
<script>
var elem = document.querySelector('.test5 p');
var a = window.getComputedStyle(elem,null).getPropertyValue("text-align");
document.body.appendChild(document.createTextNode(a +"|"));
a = window.getComputedStyle(elem,null).getPropertyValue("-moz-text-align-last");
document.body.appendChild(document.createTextNode(a));
document.documentElement.removeAttribute('class');
</script>
</body>
</html>

View File

@ -3079,7 +3079,7 @@ var gCSSProperties = {
// don't know whether left and right are same as start
initial_values: [ "start" ],
other_values: [ "center", "justify", "end" ],
invalid_values: []
invalid_values: [ "true", "true true" ]
},
"-moz-text-align-last": {
domProp: "MozTextAlignLast",
@ -4793,4 +4793,9 @@ if (SpecialPowers.getBoolPref("layout.css.unset-value.enabled")) {
if (SpecialPowers.getBoolPref("layout.css.filters.enabled")) {
gCSSProperties["filter"].invalid_values.push("drop-shadow(unset, 2px 2px)", "drop-shadow(2px 2px, unset)");
}
if (SpecialPowers.getBoolPref("layout.css.text-align-true-value.enabled")) {
gCSSProperties["text-align"].other_values.push("true left");
} else {
gCSSProperties["text-align"].invalid_values.push("true left");
}
}