Adding more testcases

This commit is contained in:
bzbarsky%mit.edu 2006-04-25 04:38:25 +00:00
parent 9fa16b22ee
commit f400d8d165
9 changed files with 234 additions and 0 deletions

View File

@ -0,0 +1,33 @@
<html>
<body>
<form>
<div style="background-color:blue;color:yellow;width:200px">200px wide</div><br>
This button should be 200x60<br>
<input type="button" value="Press Me"style="width:200px;height:60px;">
<br>
<br>
<div style="background-color:blue;color:yellow;width:100px;height:21;">100x21</div><br>
This button should be 100x21<br>
<input type="button" value="Press Me with Really long title"style="width:100px;height:21px">
<br>
<br>
This button should be 100x21<br>
<input type="button" value="Presssssssssssssssssssssssssss"style="width:100px;height:21px">
<br>
<br>
<div style="background-color:blue;color:yellow;width:200px">200px wide</div><br>
This button should be 200x60<br>
<button style="width:200px;height:60px;">Press Me</button>
<br>
<br>
<div style="background-color:blue;color:yellow;width:100px;height:21;"> 100x21</div><br>
This button should be 100x21<br>
<button style="width:100px;height:21px;">Press Me with Really long title</button>
<br>
<br>
This button should be 100x21<br>
<button style="width:100px;height:21px;">Presssssssssssssssssssssssssss</button>
<br>
</form>
</body>
</html>

View File

@ -0,0 +1,44 @@
<html>
<body bgcolor="#c0d0f0">
<form>
This is a normal button with no CSS sizing, <br>
on Windows this sizes to 66x27:<br>
<input type="button" value="Press Me">
<br>
On Windows this should be sizing to 84x24<br>
here is a div that emulates it:<br>
<center>
<div style="border:2px lightgray outset;background-color:#c0c0c0;width:80px;height:20px;">Press Me</div>
</center>
<br>
<hr>
<div style="background-color:blue;color:yellow;width:200px">200px wide</div><br>
This button should be 200x60<br>
<input type="button" value="Press Me"style="width:200px;height:60px;">
<br>
<br>
<div style="background-color:blue;color:yellow;width:100px;height:21;">100x21</div><br>
This button should be 100x21<br>
<input type="button" value="Press Me with Really long title"style="width:100px;height:21px">
<br>
<br>
This button should be 100x21<br>
<input type="button" value="Presssssssssssssssssssssssssss"style="width:100px;height:21px">
<br>
<br>
<div style="background-color:blue;color:yellow;width:200px">200px wide</div><br>
This button should be 200x60<br>
<button style="width:200px;height:60px;">Press Me</button>
<br>
<br>
<div style="background-color:blue;color:yellow;width:100px;height:21;"> 100x21</div><br>
This button should be 100x21<br>
<button style="width:100px;height:21px;">Press Me with Really long title</button>
<br>
<br>
This button should be 100x21<br>
<button style="width:100px;height:21px;">Presssssssssssssssssssssssssss</button>
<br>
</form>
</body>
</html>

View File

@ -0,0 +1,49 @@
<HTML>
<HEAD>
<TITLE>CSS sizing of INPUT wrong if other attributes present</TITLE>
<BODY>
<H1>CSS sizing of INPUT wrong if other attributes present</H1>
<P>This is an operational as well as a cosmentic defect: click in the yellow rectangles below
and type in a "j" to see the descender cut off - it looks like the text inside the
&lt;input&gt; is normal sized, but the &lt;input&gt; is too small.
</P>
<P>
All of these coloured rectangles are &lt;input&gt; elements using the style attribute to set
the background CSS property and their size.<BR>
The &lt;input&gt; elements have a border in the table even though the table has border="0".<BR>
The yellow &lt;input&gt; element is too small (type=text). The equivalent sized in px is okay.<BR>
The green &lt;input&gt; elements are too large (size=1).
</P>
<TABLE border="0">
<TR>
<TD><INPUT style="width: 1em; height: 1em; background: red; margin-left: 0"> <SPAN STYLE="font-size: small;">1em by 1em; red; border 1px; margin 0</SPAN></TD>
<TD><INPUT style="width: 16px; height: 16px; background: red; margin-left: 0"> <SPAN STYLE="font-size: small;">16px by 16px; red; border 1px; margin 0</SPAN></TD>
</TR>
<TR>
<TD><INPUT style="width: 1em; height: 1em; background: yellow; margin-left: 0" type="text" size="1"> <SPAN STYLE="font-size: small;">1em by 1em; yellow; border 1px; margin 0 - type=text size=1</SPAN></TD>
<TD><INPUT style="width: 16px; height: 16px; background: red; margin-left: 0" type="text" size="1"> <SPAN STYLE="font-size: small;">16px by 16px; red; border 1px; margin 0 - type=text size=1</SPAN></TD>
</TR>
<TR>
<TD><INPUT style="width: 1em; height: 1em; background: yellow; margin-left: 0" type="text" value="j" size="1"> <SPAN STYLE="font-size: small;">1em by 1em; yellow; border 1px; margin 0 - type=text value="j" size=1</SPAN></TD>
<TD><INPUT style="width: 16px; height: 16px; background: red; margin-left: 0" type="text" value="j" size="1"> <SPAN STYLE="font-size: small;">16px by 16px; red; border 1px; margin 0 - type=text value="j" size=1</SPAN></TD>
</TR>
<TR>
<TD><INPUT style="width: 1em; height: 1em; background: green; margin-left: 0" size="1"> <SPAN STYLE="font-size: small;">1em by 1em; green; border 1px; margin 0 - size=1</SPAN></TD>
<TD><INPUT style="width: 16px; height: 16px; background: green; margin-left: 0" size="1"> <SPAN STYLE="font-size: small;">16px by 16px; green; border 1px; margin 0 - size=1</SPAN></TD>
</TR>
</TABLE>
<P>
It seems not to matter whether the &lt;input&gt; elements appear in a &lt;table&gt; or not,
or in a &lt;form&gt; or not.</P>
</BODY>
</HTML>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
.from_button { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; background-color: #899EB3 }
-->
</style></head>
<body>
<form>
<input type="text"><input type="submit" style="width : 30px" value=" ok " class="frombutton">
</form>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
.frombutton { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; background-color: #899EB3 }
-->
</style></head>
<body>
<form>
<input type="text"><input type="submit" style="width : 20px" value=" ok " class="frombutton">
</form>
</body>
</html>

View File

@ -0,0 +1,16 @@
<html>
<head>
<title>input problem</title>
</head>
<body>
<form>
<input type="button" style="" value="M"><br>
<input type="button" style="width: 1.5em" value="M"><br>
<input type="button" style="width: 1.5em;padding:0" value="M"><br>
<input type="button" style="width: 1.5em;padding:0;margin:0; font-weight: bold" value="M"><br>
<input type="button" style="width: 1.5em; padding:0.2em; margin:0;font-weight:bold;" value="M"><br>
</form>
</body>
</html>

View File

@ -0,0 +1,34 @@
<html>
<head>
<title>input problem</title>
</head>
<body>
<form>
<input type="button" style="" value="M"><br>
<input type="button" style="width: 1.5em" value="M"><br>
<input type="button" style="width: 1.5em;padding:0" value="M"><br>
<input type="button" style="width: 1.5em;padding:0;margin:0; font-weight: bold" value="M"><br>
<input type="button" style="width: 1.5em; padding:0.2em; margin:0;font-weight:bold;" value="M"><br>
<hr>
<button style="">M</button><br>
<button style="width: 1.5em">M</button><br>
<button style="width: 1.5em;padding:0">M</button><br>
<button style="width: 1.5em;padding:0;margin:0; font-weight: bold">M</button><br>
<button style="width: 1.5em; padding:0.2em; margin:0;font-weight:bold;" >M</button><br>
<hr>
<input type="button" style="" value="My Fair Button"><br>
<input type="button" style="width: 1.5em" value="My Fair Button"><br>
<input type="button" style="width: 1.5em;padding:0" value="My Fair Button"><br>
<input type="button" style="width: 1.5em;padding:0;margin:0; font-weight: bold" value="My Fair Button"><br>
<input type="button" style="width: 1.5em; padding:0.2em; margin:0;font-weight:bold;" value="My Fair Button"><br>
<hr>
<button style="">My Fair Button</button><br>
<button style="width: 1.5em">My Fair Button</button><br>
<button style="width: 1.5em;padding:0">My Fair Button</button><br>
<button style="width: 1.5em;padding:0;margin:0; font-weight: bold">My Fair Button</button><br>
<button style="width: 1.5em; padding:0.2em; margin:0;font-weight:bold;" >My Fair Button</button><br>
</form>
</body>
</html>

View File

@ -0,0 +1,14 @@
<html>
<head>
<title>Bug 231574 testcase</title>
</head>
<body>
<div noWrap style="height: 100px; width: 100%; border: 3px solid; white-space: nowrap;">
<button style="height: 100px; width: 100px; background-color: red;"></button>
<button style="height: 100px; width: 100px; background-color: green;"></button>
<button style="height: 100px; width: 100px; background-color: blue; font-size: 80px;">A</button>
<button style="height: 100px; background-color: yellow;">Jump out of the window</button></nobr>
</div>
</body>
</html>

View File

@ -8,9 +8,17 @@ bug117606.html
bug138403-1.html bug138403-1.html
bug138403-2.html bug138403-2.html
bug17450.html bug17450.html
bug17474-1.html
bug17474-2.html
bug17474-3.html
bug180085-1.html
bug180085-2.html
bug180085-3.html
bug180085-4.html
bug20322.html bug20322.html
bug222864.html bug222864.html
bug22708.html bug22708.html
bug231574.html
bug26644.html bug26644.html
bug26650.html bug26650.html
bug28598.html bug28598.html