Add testcases used on reflow branch (bug 300030).
git-svn-id: svn://10.0.0.236/trunk@208309 18797224-902f-48f8-a5cc-f745e15eee43
This commit is contained in:
dbaron%dbaron.org
211
mozilla/layout/html/tests/block/base/intrinsic-cases-quirks.html
Normal file
211
mozilla/layout/html/tests/block/base/intrinsic-cases-quirks.html
Normal file
@@ -0,0 +1,211 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>Intrinsic width cases</title>
|
||||
<style type="text/css">
|
||||
|
||||
table, td { margin: 0; border-spacing: 0; border: none; padding: 0; }
|
||||
|
||||
td { background: #f6f; padding: 2px 0; }
|
||||
div.contain { background: #99f; padding: 2px 0; }
|
||||
|
||||
hr, table, div.contain { clear: left; }
|
||||
table, div.contain { float: left; margin: 0.5em; }
|
||||
|
||||
.narrow { width: 1px; }
|
||||
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table><tr><td>
|
||||
text text
|
||||
</td></tr></table>
|
||||
<div class="contain">
|
||||
text text
|
||||
</div>
|
||||
<table class="narrow"><tr><td>
|
||||
text text
|
||||
</td></tr></table>
|
||||
<div class="contain narrow">
|
||||
text text
|
||||
</div>
|
||||
|
||||
<table><tr><td>
|
||||
<div style="width: 50%;background:yellow;">text</div>
|
||||
</td></tr></table>
|
||||
<div class="contain">
|
||||
<div style="width: 50%;background:yellow;">text</div>
|
||||
</div>
|
||||
<table class="narrow"><tr><td>
|
||||
<div style="width: 50%;background:yellow;">text</div>
|
||||
</td></tr></table>
|
||||
<div class="contain narrow">
|
||||
<div style="width: 50%;background:yellow;">text</div>
|
||||
</div>
|
||||
|
||||
<table><tr><td>
|
||||
<div style="width: 100%;background:yellow;">text</div>
|
||||
</td></tr></table>
|
||||
<div class="contain">
|
||||
<div style="width: 100%;background:yellow;">text</div>
|
||||
</div>
|
||||
<table class="narrow"><tr><td>
|
||||
<div style="width: 100%;background:yellow;">text</div>
|
||||
</td></tr></table>
|
||||
<div class="contain narrow">
|
||||
<div style="width: 100%;background:yellow;">text</div>
|
||||
</div>
|
||||
|
||||
<table><tr><td>
|
||||
<div style="width: 150%;background:yellow;">text</div>
|
||||
</td></tr></table>
|
||||
<div class="contain">
|
||||
<div style="width: 150%;background:yellow;">text</div>
|
||||
</div>
|
||||
<table class="narrow"><tr><td>
|
||||
<div style="width: 150%;background:yellow;">text</div>
|
||||
</td></tr></table>
|
||||
<div class="contain narrow">
|
||||
<div style="width: 150%;background:yellow;">text</div>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<table><tr><td>
|
||||
<div style="margin-left: 50%;background:yellow;">text</div>
|
||||
</td></tr></table>
|
||||
<div class="contain">
|
||||
<div style="margin-left: 50%;background:yellow;">text</div>
|
||||
</div>
|
||||
<table class="narrow"><tr><td>
|
||||
<div style="margin-left: 50%;background:yellow;">text</div>
|
||||
</td></tr></table>
|
||||
<div class="contain narrow">
|
||||
<div style="margin-left: 50%;background:yellow;">text</div>
|
||||
</div>
|
||||
|
||||
<table><tr><td>
|
||||
<div style="padding-left: 50%;background:yellow;">text</div>
|
||||
</td></tr></table>
|
||||
<div class="contain">
|
||||
<div style="padding-left: 50%;background:yellow;">text</div>
|
||||
</div>
|
||||
<table class="narrow"><tr><td>
|
||||
<div style="padding-left: 50%;background:yellow;">text</div>
|
||||
</td></tr></table>
|
||||
<div class="contain narrow">
|
||||
<div style="padding-left: 50%;background:yellow;">text</div>
|
||||
</div>
|
||||
|
||||
<table><tr><td>
|
||||
<div style="margin-right: 50%;background:yellow;">text</div>
|
||||
</td></tr></table>
|
||||
<div class="contain">
|
||||
<div style="margin-right: 50%;background:yellow;">text</div>
|
||||
</div>
|
||||
<table class="narrow"><tr><td>
|
||||
<div style="margin-right: 50%;background:yellow;">text</div>
|
||||
</td></tr></table>
|
||||
<div class="contain narrow">
|
||||
<div style="margin-right: 50%;background:yellow;">text</div>
|
||||
</div>
|
||||
|
||||
<table><tr><td>
|
||||
<div style="padding-right: 50%;background:yellow;">text</div>
|
||||
</td></tr></table>
|
||||
<div class="contain">
|
||||
<div style="padding-right: 50%;background:yellow;">text</div>
|
||||
</div>
|
||||
<table class="narrow"><tr><td>
|
||||
<div style="padding-right: 50%;background:yellow;">text</div>
|
||||
</td></tr></table>
|
||||
<div class="contain narrow">
|
||||
<div style="padding-right: 50%;background:yellow;">text</div>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<table><tr><td>
|
||||
<img style="width: 50%;background:yellow;" src="../images/green-square">
|
||||
</td></tr></table>
|
||||
<div class="contain">
|
||||
<img style="width: 50%;background:yellow;" src="../images/green-square">
|
||||
</div>
|
||||
<table class="narrow"><tr><td>
|
||||
<img style="width: 50%;background:yellow;" src="../images/green-square">
|
||||
</td></tr></table>
|
||||
<div class="contain narrow">
|
||||
<img style="width: 50%;background:yellow;" src="../images/green-square">
|
||||
</div>
|
||||
|
||||
<table><tr><td>
|
||||
<img style="width: 100%;background:yellow;" src="../images/green-square">
|
||||
</td></tr></table>
|
||||
<div class="contain">
|
||||
<img style="width: 100%;background:yellow;" src="../images/green-square">
|
||||
</div>
|
||||
<table class="narrow"><tr><td>
|
||||
<img style="width: 100%;background:yellow;" src="../images/green-square">
|
||||
</td></tr></table>
|
||||
<div class="contain narrow">
|
||||
<img style="width: 100%;background:yellow;" src="../images/green-square">
|
||||
</div>
|
||||
|
||||
<table><tr><td>
|
||||
<img style="width: 150%;background:yellow;" src="../images/green-square">
|
||||
</td></tr></table>
|
||||
<div class="contain">
|
||||
<img style="width: 150%;background:yellow;" src="../images/green-square">
|
||||
</div>
|
||||
<table class="narrow"><tr><td>
|
||||
<img style="width: 150%;background:yellow;" src="../images/green-square">
|
||||
</td></tr></table>
|
||||
<div class="contain narrow">
|
||||
<img style="width: 150%;background:yellow;" src="../images/green-square">
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<table><tr><td>
|
||||
<img style="display:block; width: 50%;background:yellow;" src="../images/green-square">
|
||||
</td></tr></table>
|
||||
<div class="contain">
|
||||
<img style="display:block; width: 50%;background:yellow;" src="../images/green-square">
|
||||
</div>
|
||||
<table class="narrow"><tr><td>
|
||||
<img style="display:block; width: 50%;background:yellow;" src="../images/green-square">
|
||||
</td></tr></table>
|
||||
<div class="contain narrow">
|
||||
<img style="display:block; width: 50%;background:yellow;" src="../images/green-square">
|
||||
</div>
|
||||
|
||||
<table><tr><td>
|
||||
<img style="display:block; width: 100%;background:yellow;" src="../images/green-square">
|
||||
</td></tr></table>
|
||||
<div class="contain">
|
||||
<img style="display:block; width: 100%;background:yellow;" src="../images/green-square">
|
||||
</div>
|
||||
<table class="narrow"><tr><td>
|
||||
<img style="display:block; width: 100%;background:yellow;" src="../images/green-square">
|
||||
</td></tr></table>
|
||||
<div class="contain narrow">
|
||||
<img style="display:block; width: 100%;background:yellow;" src="../images/green-square">
|
||||
</div>
|
||||
|
||||
<table><tr><td>
|
||||
<img style="display:block; width: 150%;background:yellow;" src="../images/green-square">
|
||||
</td></tr></table>
|
||||
<div class="contain">
|
||||
<img style="display:block; width: 150%;background:yellow;" src="../images/green-square">
|
||||
</div>
|
||||
<table class="narrow"><tr><td>
|
||||
<img style="display:block; width: 150%;background:yellow;" src="../images/green-square">
|
||||
</td></tr></table>
|
||||
<div class="contain narrow">
|
||||
<img style="display:block; width: 150%;background:yellow;" src="../images/green-square">
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,212 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Intrinsic width cases</title>
|
||||
<style type="text/css">
|
||||
|
||||
table, td { margin: 0; border-spacing: 0; border: none; padding: 0; }
|
||||
|
||||
td { background: #f6f; padding: 2px 0; }
|
||||
div.contain { background: #99f; padding: 2px 0; }
|
||||
|
||||
hr, table, div.contain { clear: left; }
|
||||
table, div.contain { float: left; margin: 0.5em; }
|
||||
|
||||
.narrow { width: 1px; }
|
||||
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table><tr><td>
|
||||
text text
|
||||
</td></tr></table>
|
||||
<div class="contain">
|
||||
text text
|
||||
</div>
|
||||
<table class="narrow"><tr><td>
|
||||
text text
|
||||
</td></tr></table>
|
||||
<div class="contain narrow">
|
||||
text text
|
||||
</div>
|
||||
|
||||
<table><tr><td>
|
||||
<div style="width: 50%;background:yellow;">text</div>
|
||||
</td></tr></table>
|
||||
<div class="contain">
|
||||
<div style="width: 50%;background:yellow;">text</div>
|
||||
</div>
|
||||
<table class="narrow"><tr><td>
|
||||
<div style="width: 50%;background:yellow;">text</div>
|
||||
</td></tr></table>
|
||||
<div class="contain narrow">
|
||||
<div style="width: 50%;background:yellow;">text</div>
|
||||
</div>
|
||||
|
||||
<table><tr><td>
|
||||
<div style="width: 100%;background:yellow;">text</div>
|
||||
</td></tr></table>
|
||||
<div class="contain">
|
||||
<div style="width: 100%;background:yellow;">text</div>
|
||||
</div>
|
||||
<table class="narrow"><tr><td>
|
||||
<div style="width: 100%;background:yellow;">text</div>
|
||||
</td></tr></table>
|
||||
<div class="contain narrow">
|
||||
<div style="width: 100%;background:yellow;">text</div>
|
||||
</div>
|
||||
|
||||
<table><tr><td>
|
||||
<div style="width: 150%;background:yellow;">text</div>
|
||||
</td></tr></table>
|
||||
<div class="contain">
|
||||
<div style="width: 150%;background:yellow;">text</div>
|
||||
</div>
|
||||
<table class="narrow"><tr><td>
|
||||
<div style="width: 150%;background:yellow;">text</div>
|
||||
</td></tr></table>
|
||||
<div class="contain narrow">
|
||||
<div style="width: 150%;background:yellow;">text</div>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<table><tr><td>
|
||||
<div style="margin-left: 50%;background:yellow;">text</div>
|
||||
</td></tr></table>
|
||||
<div class="contain">
|
||||
<div style="margin-left: 50%;background:yellow;">text</div>
|
||||
</div>
|
||||
<table class="narrow"><tr><td>
|
||||
<div style="margin-left: 50%;background:yellow;">text</div>
|
||||
</td></tr></table>
|
||||
<div class="contain narrow">
|
||||
<div style="margin-left: 50%;background:yellow;">text</div>
|
||||
</div>
|
||||
|
||||
<table><tr><td>
|
||||
<div style="padding-left: 50%;background:yellow;">text</div>
|
||||
</td></tr></table>
|
||||
<div class="contain">
|
||||
<div style="padding-left: 50%;background:yellow;">text</div>
|
||||
</div>
|
||||
<table class="narrow"><tr><td>
|
||||
<div style="padding-left: 50%;background:yellow;">text</div>
|
||||
</td></tr></table>
|
||||
<div class="contain narrow">
|
||||
<div style="padding-left: 50%;background:yellow;">text</div>
|
||||
</div>
|
||||
|
||||
<table><tr><td>
|
||||
<div style="margin-right: 50%;background:yellow;">text</div>
|
||||
</td></tr></table>
|
||||
<div class="contain">
|
||||
<div style="margin-right: 50%;background:yellow;">text</div>
|
||||
</div>
|
||||
<table class="narrow"><tr><td>
|
||||
<div style="margin-right: 50%;background:yellow;">text</div>
|
||||
</td></tr></table>
|
||||
<div class="contain narrow">
|
||||
<div style="margin-right: 50%;background:yellow;">text</div>
|
||||
</div>
|
||||
|
||||
<table><tr><td>
|
||||
<div style="padding-right: 50%;background:yellow;">text</div>
|
||||
</td></tr></table>
|
||||
<div class="contain">
|
||||
<div style="padding-right: 50%;background:yellow;">text</div>
|
||||
</div>
|
||||
<table class="narrow"><tr><td>
|
||||
<div style="padding-right: 50%;background:yellow;">text</div>
|
||||
</td></tr></table>
|
||||
<div class="contain narrow">
|
||||
<div style="padding-right: 50%;background:yellow;">text</div>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<table><tr><td>
|
||||
<img style="width: 50%;background:yellow;" src="../images/green-square">
|
||||
</td></tr></table>
|
||||
<div class="contain">
|
||||
<img style="width: 50%;background:yellow;" src="../images/green-square">
|
||||
</div>
|
||||
<table class="narrow"><tr><td>
|
||||
<img style="width: 50%;background:yellow;" src="../images/green-square">
|
||||
</td></tr></table>
|
||||
<div class="contain narrow">
|
||||
<img style="width: 50%;background:yellow;" src="../images/green-square">
|
||||
</div>
|
||||
|
||||
<table><tr><td>
|
||||
<img style="width: 100%;background:yellow;" src="../images/green-square">
|
||||
</td></tr></table>
|
||||
<div class="contain">
|
||||
<img style="width: 100%;background:yellow;" src="../images/green-square">
|
||||
</div>
|
||||
<table class="narrow"><tr><td>
|
||||
<img style="width: 100%;background:yellow;" src="../images/green-square">
|
||||
</td></tr></table>
|
||||
<div class="contain narrow">
|
||||
<img style="width: 100%;background:yellow;" src="../images/green-square">
|
||||
</div>
|
||||
|
||||
<table><tr><td>
|
||||
<img style="width: 150%;background:yellow;" src="../images/green-square">
|
||||
</td></tr></table>
|
||||
<div class="contain">
|
||||
<img style="width: 150%;background:yellow;" src="../images/green-square">
|
||||
</div>
|
||||
<table class="narrow"><tr><td>
|
||||
<img style="width: 150%;background:yellow;" src="../images/green-square">
|
||||
</td></tr></table>
|
||||
<div class="contain narrow">
|
||||
<img style="width: 150%;background:yellow;" src="../images/green-square">
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<table><tr><td>
|
||||
<img style="display:block; width: 50%;background:yellow;" src="../images/green-square">
|
||||
</td></tr></table>
|
||||
<div class="contain">
|
||||
<img style="display:block; width: 50%;background:yellow;" src="../images/green-square">
|
||||
</div>
|
||||
<table class="narrow"><tr><td>
|
||||
<img style="display:block; width: 50%;background:yellow;" src="../images/green-square">
|
||||
</td></tr></table>
|
||||
<div class="contain narrow">
|
||||
<img style="display:block; width: 50%;background:yellow;" src="../images/green-square">
|
||||
</div>
|
||||
|
||||
<table><tr><td>
|
||||
<img style="display:block; width: 100%;background:yellow;" src="../images/green-square">
|
||||
</td></tr></table>
|
||||
<div class="contain">
|
||||
<img style="display:block; width: 100%;background:yellow;" src="../images/green-square">
|
||||
</div>
|
||||
<table class="narrow"><tr><td>
|
||||
<img style="display:block; width: 100%;background:yellow;" src="../images/green-square">
|
||||
</td></tr></table>
|
||||
<div class="contain narrow">
|
||||
<img style="display:block; width: 100%;background:yellow;" src="../images/green-square">
|
||||
</div>
|
||||
|
||||
<table><tr><td>
|
||||
<img style="display:block; width: 150%;background:yellow;" src="../images/green-square">
|
||||
</td></tr></table>
|
||||
<div class="contain">
|
||||
<img style="display:block; width: 150%;background:yellow;" src="../images/green-square">
|
||||
</div>
|
||||
<table class="narrow"><tr><td>
|
||||
<img style="display:block; width: 150%;background:yellow;" src="../images/green-square">
|
||||
</td></tr></table>
|
||||
<div class="contain narrow">
|
||||
<img style="display:block; width: 150%;background:yellow;" src="../images/green-square">
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -6,3 +6,5 @@ pre1.html
|
||||
jlbtest1.html
|
||||
intrinsic-with-box-sizing.html
|
||||
intrinsic-with-box-sizing-strict.html
|
||||
intrinsic-cases-standards.html
|
||||
intrinsic-cases-quirks.html
|
||||
|
||||
@@ -11,3 +11,5 @@ wf_table_index.html
|
||||
move_row.html
|
||||
nestedTables.html
|
||||
nested2.html
|
||||
table-intrinsic-cases-standards.html
|
||||
table-intrinsic-cases-quirks.html
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user