mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-02-05 22:05:40 +00:00
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:
parent
d20d40e492
commit
748b9049f1
@ -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>
|
||||
|
@ -8,6 +8,6 @@
|
||||
|
||||
<script type="text/javascript" src="platform.js"/>
|
||||
|
||||
<html:input class="ac" value="test"/>
|
||||
<html:input class="ac" value=" test"/>
|
||||
|
||||
</window>
|
||||
|
@ -8,6 +8,6 @@
|
||||
|
||||
<script type="text/javascript" src="platform.js"/>
|
||||
|
||||
<textbox placeholder="test"/>
|
||||
<textbox placeholder=" test"/>
|
||||
|
||||
</window>
|
||||
|
@ -7,6 +7,6 @@
|
||||
|
||||
<script type="text/javascript" src="platform.js"/>
|
||||
|
||||
<textbox placeholder="test" value="value"/>
|
||||
<textbox placeholder=" test" value="value"/>
|
||||
|
||||
</window>
|
||||
|
@ -8,6 +8,6 @@
|
||||
|
||||
<script type="text/javascript" src="platform.js"/>
|
||||
|
||||
<html:input class="empty" value="test"/>
|
||||
<html:input class="empty" value=" test"/>
|
||||
|
||||
</window>
|
||||
|
@ -65,5 +65,6 @@ html|input.num {
|
||||
html|div.plainfield {
|
||||
-moz-margin-start: 1px;
|
||||
color: -moz-fieldtext;
|
||||
white-space: pre;
|
||||
}
|
||||
|
||||
|
@ -7,6 +7,6 @@
|
||||
|
||||
<script type="text/javascript" src="platform.js"/>
|
||||
|
||||
<textbox value="test" class="plain"/>
|
||||
<textbox value=" test" class="plain"/>
|
||||
|
||||
</window>
|
||||
|
@ -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>
|
||||
|
@ -7,6 +7,6 @@
|
||||
|
||||
<script type="text/javascript" src="platform.js"/>
|
||||
|
||||
<textbox value="test"/>
|
||||
<textbox value=" test"/>
|
||||
|
||||
</window>
|
||||
|
@ -7,6 +7,6 @@
|
||||
|
||||
<script type="text/javascript" src="platform.js"/>
|
||||
|
||||
<textbox value="test" disabled="true"/>
|
||||
<textbox value=" test" disabled="true"/>
|
||||
|
||||
</window>
|
||||
|
@ -7,6 +7,6 @@
|
||||
|
||||
<script type="text/javascript" src="platform.js"/>
|
||||
|
||||
<textbox value="test" readonly="true"/>
|
||||
<textbox value=" test" readonly="true"/>
|
||||
|
||||
</window>
|
||||
|
@ -8,6 +8,6 @@
|
||||
|
||||
<script type="text/javascript" src="platform.js"/>
|
||||
|
||||
<html:input value="test"/>
|
||||
<html:input value=" test"/>
|
||||
|
||||
</window>
|
||||
|
@ -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;">
|
||||
|
@ -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;">
|
||||
|
@ -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 </span><span><i style="display:block;">anonymous<br>block</i>and</span> uninformative sentence</x></div>
|
||||
<div class="test t4"><x>Some overly <m>…</m><span>long<i style="display:block;">anonymous<br>block</i>a </span> uninformative sentence</x></div>
|
||||
|
||||
<input placeholder="pla…">
|
||||
<input dir="rtl" placeholder="der…">
|
||||
<input placeholder="plaX">
|
||||
<input dir="rtl" placeholder="Xder">
|
||||
<input size="4" placeholder="pla…">
|
||||
<input size="4" dir="rtl" placeholder="der…">
|
||||
<input size="4" placeholder="plaX">
|
||||
<input size="4" dir="rtl" placeholder="Xder">
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
Loading…
x
Reference in New Issue
Block a user