1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/w3c-css/submitted/ui3/box-sizing-replaced-003.xht Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,155 @@
1.4 +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
1.5 +<html xmlns="http://www.w3.org/1999/xhtml">
1.6 + <head>
1.7 + <title>CSS Test: Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing</title>
1.8 + <link href="http://fantasai.inkedblade.net/contact" title="Elika J. Etemad" rel="author"></link>
1.9 + <link href="mailto:sjohnson@mozilla.com" title="Scott Johnson" rel="author"></link>
1.10 + <link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing" />
1.11 + <meta content="image" name="flags"></meta>
1.12 + <meta name="assert" content="All images should be sized at 75px x 75px." />
1.13 + <!--
1.14 + This test is derived from replaced-min-max-001, part of the W3C CSS 2.1
1.15 + test suite.
1.16 + -->
1.17 + <style type="text/css">
1.18 + p {
1.19 + display: inline-block;
1.20 + background-color: white;
1.21 + padding: 0px 0px;
1.22 + margin: 0px 0px;
1.23 + }
1.24 +
1.25 + .content-box {
1.26 + box-sizing: content-box;
1.27 + }
1.28 +
1.29 + #img1 {
1.30 + min-width: 60px;
1.31 + max-width: 125px;
1.32 + min-height: 45px;
1.33 + max-height: 120px;
1.34 + }
1.35 +
1.36 + #img2 {
1.37 + max-width: 75px;
1.38 + min-height: 60px;
1.39 + }
1.40 +
1.41 + #img3 {
1.42 + max-width: 75px;
1.43 + min-height: 75px;
1.44 + }
1.45 +
1.46 + #img4 {
1.47 + min-width: 75px;
1.48 + max-height: 100px;
1.49 + }
1.50 +
1.51 + #img5 {
1.52 + min-width: 75px;
1.53 + max-height: 75px;
1.54 + }
1.55 +
1.56 + #img6 {
1.57 + min-width: 60px;
1.58 + max-height: 75px;
1.59 + }
1.60 +
1.61 + #img7 {
1.62 + min-width: 75px;
1.63 + max-height: 75px;
1.64 + }
1.65 +
1.66 + #img8 {
1.67 + max-width: 100px;
1.68 + min-height: 75px;
1.69 + }
1.70 +
1.71 + #img9 {
1.72 + max-width: 75px;
1.73 + min-height: 75px;
1.74 + }
1.75 +
1.76 + #img10 {
1.77 + min-width: 75px;
1.78 + max-width: 150px;
1.79 + max-height: 75px;
1.80 + }
1.81 +
1.82 + #img11 {
1.83 + min-width: 25px;
1.84 + max-width: 225px;
1.85 + max-height: 75px;
1.86 + }
1.87 +
1.88 + #img12 {
1.89 + max-width: 75px;
1.90 + min-height: 75px;
1.91 + max-height: 150px;
1.92 + }
1.93 +
1.94 + #img13 {
1.95 + max-width: 75px;
1.96 + min-height: 25px;
1.97 + max-height: 225px;
1.98 + }
1.99 +
1.100 + #img14 {
1.101 + min-width: 50px;
1.102 + max-width: 100px;
1.103 + min-height: 75px;
1.104 + }
1.105 +
1.106 + #img15 {
1.107 + min-width: 55px;
1.108 + max-width: 75px;
1.109 + min-height: 75px;
1.110 + }
1.111 +
1.112 + #img16 {
1.113 + min-width: 75px;
1.114 + min-height: 50px;
1.115 + max-height: 100px;
1.116 + }
1.117 +
1.118 + #img17 {
1.119 + min-width: 75px;
1.120 + min-height: 55px;
1.121 + max-height: 75px;
1.122 + }
1.123 +
1.124 + #img18 {
1.125 + min-width: 75px;
1.126 + max-height: 75px;
1.127 + }
1.128 +
1.129 + #img19 {
1.130 + max-width: 75px;
1.131 + min-height: 75px;
1.132 + }
1.133 + </style>
1.134 + </head>
1.135 + <body>
1.136 + <div>All rectangles should be the same size.</div>
1.137 + <p><img id="img0" class="content-box" src="support/replaced-min-max.png" alt="FAIL" title="Test 0"></img></p>
1.138 + <p><img id="img1" class="content-box" title="Test 1" alt="FAIL" src="support/replaced-min-max-1.png"></img></p>
1.139 + <p><img id="img2" class="content-box" title="Test 2" alt="FAIL" src="support/replaced-min-max-2.png"></img></p>
1.140 + <p><img id="img3" class="content-box" title="Test 3" alt="FAIL" src="support/replaced-min-max-3.png"></img></p>
1.141 + <p><img id="img4" class="content-box" title="Test 4" alt="FAIL" src="support/replaced-min-max-4.png"></img></p>
1.142 + <p><img id="img5" class="content-box" title="Test 5" alt="FAIL" src="support/replaced-min-max-5.png"></img></p>
1.143 + <p><img id="img6" class="content-box" title="Test 6" alt="FAIL" src="support/replaced-min-max-6.png"></img></p>
1.144 + <p><img id="img7" class="content-box" title="Test 7" alt="FAIL" src="support/replaced-min-max-7.png"></img></p>
1.145 + <p><img id="img8" class="content-box" title="Test 8" alt="FAIL" src="support/replaced-min-max-8.png"></img></p>
1.146 + <p><img id="img9" class="content-box" title="Test 9" alt="FAIL" src="support/replaced-min-max-9.png"></img></p>
1.147 + <p><img id="img10" class="content-box" title="Test 10" alt="FAIL" src="support/replaced-min-max-10.png"></img></p>
1.148 + <p><img id="img11" class="content-box" title="Test 11" alt="FAIL" src="support/replaced-min-max-11.png"></img></p>
1.149 + <p><img id="img12" class="content-box" title="Test 12" alt="FAIL" src="support/replaced-min-max-12.png"></img></p>
1.150 + <p><img id="img13" class="content-box" title="Test 13" alt="FAIL" src="support/replaced-min-max-13.png"></img></p>
1.151 + <p><img id="img14" class="content-box" title="Test 14" alt="FAIL" src="support/replaced-min-max-14.png"></img></p>
1.152 + <p><img id="img15" class="content-box" title="Test 15" alt="FAIL" src="support/replaced-min-max-15.png"></img></p>
1.153 + <p><img id="img16" class="content-box" title="Test 16" alt="FAIL" src="support/replaced-min-max-16.png"></img></p>
1.154 + <p><img id="img17" class="content-box" title="Test 17" alt="FAIL" src="support/replaced-min-max-17.png"></img></p>
1.155 + <p><img id="img18" class="content-box" title="Test 18" alt="FAIL" src="support/replaced-min-max-18.png"></img></p>
1.156 + <p><img id="img19" class="content-box" title="Test 19" alt="FAIL" src="support/replaced-min-max-19.png"></img></p>
1.157 + </body>
1.158 +</html>
