Bug 157846. Part 0: Make tests more robust to padding changes and clipping of overflowing glyph edges. r=mats

--HG--
extra : rebase_source : f7d8ecb0df3fbbea593e46e515db47ee705392c7
This commit is contained in:
Robert O'Callahan 2014-01-15 22:42:05 +13:00
parent d20d40e492
commit 748b9049f1
17 changed files with 39 additions and 34 deletions

View File

@ -7,6 +7,8 @@
<script type="text/javascript" src="platform.js"/>
<textbox type="autocomplete" value="test"/>
<!-- leading space in the value to ensure no pixels of t get clipped
in one rendering but not the other -->
<textbox type="autocomplete" value=" test"/>
</window>

View File

@ -8,6 +8,6 @@
<script type="text/javascript" src="platform.js"/>
<html:input class="ac" value="test"/>
<html:input class="ac" value=" test"/>
</window>

View File

@ -8,6 +8,6 @@
<script type="text/javascript" src="platform.js"/>
<textbox placeholder="test"/>
<textbox placeholder=" test"/>
</window>

View File

@ -7,6 +7,6 @@
<script type="text/javascript" src="platform.js"/>
<textbox placeholder="test" value="value"/>
<textbox placeholder=" test" value="value"/>
</window>

View File

@ -8,6 +8,6 @@
<script type="text/javascript" src="platform.js"/>
<html:input class="empty" value="test"/>
<html:input class="empty" value=" test"/>
</window>

View File

@ -65,5 +65,6 @@ html|input.num {
html|div.plainfield {
-moz-margin-start: 1px;
color: -moz-fieldtext;
white-space: pre;
}

View File

@ -7,6 +7,6 @@
<script type="text/javascript" src="platform.js"/>
<textbox value="test" class="plain"/>
<textbox value=" test" class="plain"/>
</window>

View File

@ -8,6 +8,6 @@
<script type="text/javascript" src="platform.js"/>
<html:div class="plainfield">test</html:div>
<html:div class="plainfield"> test</html:div>
</window>

View File

@ -7,6 +7,6 @@
<script type="text/javascript" src="platform.js"/>
<textbox value="test"/>
<textbox value=" test"/>
</window>

View File

@ -7,6 +7,6 @@
<script type="text/javascript" src="platform.js"/>
<textbox value="test" disabled="true"/>
<textbox value=" test" disabled="true"/>
</window>

View File

@ -7,6 +7,6 @@
<script type="text/javascript" src="platform.js"/>
<textbox value="test" readonly="true"/>
<textbox value=" test" readonly="true"/>
</window>

View File

@ -8,6 +8,6 @@
<script type="text/javascript" src="platform.js"/>
<html:input value="test"/>
<html:input value=" test"/>
</window>

View File

@ -11,13 +11,13 @@ input {
</style>
</head>
<body>
<input value='42'><br>
<input value='42'><br>
<input value='42'><br>
<input value='42'><br>
<input value='42'><br>
<input value='142'><br>
<input value='142'><br>
<input value='142'><br>
<input value='142'><br>
<input value='142'><br>
<form>
<input value='42'>
<input value='142'>
</form>
<!-- div to cover spin box area for type=number to type=text comparison -->
<div style="display:block; position:absolute; background-color:black; width:200px; height:400px; top:0px; left:100px;">

View File

@ -10,12 +10,14 @@ input {
</style>
<script>
// Using "142" as the magic number as "1" in a monospace font should not have
// stray leading or trailing antialised pixels that get clipped unexpectedly.
function run() {
var numbers = document.getElementsByTagName('input');
numbers[2].style.display = 'inline-block'; // none -> inline-block
numbers[3].setAttribute('value', '42');
numbers[4].value = '42';
numbers[3].setAttribute('value', '142');
numbers[4].value = '142';
numbers[5].varue = '1337'; // deliberately misspelt - should not set value
document.forms[0].reset(); // numbers[5] value should be 42 again.
document.documentElement.className = '';
@ -26,13 +28,13 @@ document.addEventListener("MozReftestInvalidate", run);
</script>
</head>
<body onload="run();">
<input type='number' value='42'><br>
<input value='42' type='number'><br>
<input type='number' value='42' style="display: none;"><br>
<input type='number' value='142'><br>
<input value='142' type='number'><br>
<input type='number' value='142' style="display: none;"><br>
<input type='number' value='1337'><br>
<input type='number' value='1337'><br>
<form>
<input type='number' value='42'>
<input type='number' value='142'>
</form>
<!-- div to cover spin box area for type=number to type=text comparison -->
<div style="display:block; position:absolute; background-color:black; width:200px; height:400px; top:0px; left:100px;">

View File

@ -44,7 +44,7 @@ span {
.t3 {width:25em;}
.t4 {width:17.5em;}
input { font-family:DejaVuSansMono; width:3em; }
input { font-family:DejaVuSansMono; }
</style>
@ -57,10 +57,10 @@ input { font-family:DejaVuSansMono; width:3em; }
<div class="test t3"><x>Some overly <span>l&nbsp;&nbsp;&nbsp;</span><span><i style="display:block;">anonymous<br>block</i>and</span> uninformative sentence</x></div>
<div class="test t4"><x>Some overly <m>&#x2026;</m><span>long<i style="display:block;">anonymous<br>block</i>a&nbsp;&nbsp;</span> uninformative sentence</x></div>
<input placeholder="pla&#x2026;">
<input dir="rtl" placeholder="der&#x2026;">
<input placeholder="plaX">
<input dir="rtl" placeholder="Xder">
<input size="4" placeholder="pla&#x2026;">
<input size="4" dir="rtl" placeholder="der&#x2026;">
<input size="4" placeholder="plaX">
<input size="4" dir="rtl" placeholder="Xder">
</body>
</html>

View File

@ -47,7 +47,7 @@ span {
.t3 {width:25em;}
.t4 {width:17.5em;}
input { font-family:DejaVuSansMono; width:3em; }
input { font-family:DejaVuSansMono; }
input::-moz-placeholder {
overflow:hidden;
text-overflow:ellipsis;
@ -66,10 +66,10 @@ input.t5::-moz-placeholder {
<div class="test t3"><x>Some overly <span>long<i style="display:block;">anonymous<br>block</i>and</span> uninformative sentence</x></div>
<div class="test t4"><x>Some overly <span>long<i style="display:block;">anonymous<br>block</i>and</span> uninformative sentence</x></div>
<input placeholder="placeholder">
<input dir="rtl" placeholder="placeholder">
<input class="t5" placeholder="placeholder">
<input class="t5" dir="rtl" placeholder="placeholder">
<input size="4" placeholder="placeholder">
<input size="4" dir="rtl" placeholder="placeholder">
<input size="4" class="t5" placeholder="placeholder">
<input size="4" class="t5" dir="rtl" placeholder="placeholder">
</body>
</html>

View File

@ -10,7 +10,7 @@ https://bugzilla.mozilla.org/show_bug.cgi?id=563416
</head>
<body>
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=563416">Mozilla Bug 563416</a>
<p id="display"><iframe id="test" src='data:text/html,<textarea style="-moz-box-sizing:content-box; -moz-appearance:none; height: 0px;" cols="20" rows="10">hsldkjvmshlkkajskdlfksdjflskdjflskdjflskdjflskdjfddddddddd</textarea>'></iframe></p>
<p id="display"><iframe id="test" src='data:text/html,<textarea style="-moz-box-sizing:content-box; -moz-appearance:none; height: 0px; padding: 0px;" cols="20" rows="10">hsldkjvmshlkkajskdlfksdjflskdjflskdjflskdjflskdjfddddddddd</textarea>'></iframe></p>
<div id="content" style="display: none">
</div>