1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/w3c-css/submitted/ui3/box-sizing-replaced-001.xht Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,156 @@
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, with 5px of padding around each." />
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 + .with-padding {
1.26 + padding: 5px 5px;
1.27 + box-sizing: padding-box;
1.28 + }
1.29 +
1.30 + #img1 {
1.31 + min-width: 70px;
1.32 + max-width: 115px;
1.33 + min-height: 55px;
1.34 + max-height: 130px;
1.35 + }
1.36 +
1.37 + #img2 {
1.38 + max-width: 85px;
1.39 + min-height: 70px;
1.40 + }
1.41 +
1.42 + #img3 {
1.43 + max-width: 85px;
1.44 + min-height: 85px;
1.45 + }
1.46 +
1.47 + #img4 {
1.48 + min-width: 85px;
1.49 + max-height: 110px;
1.50 + }
1.51 +
1.52 + #img5 {
1.53 + min-width: 85px;
1.54 + max-height: 85px;
1.55 + }
1.56 +
1.57 + #img6 {
1.58 + min-width: 70px;
1.59 + max-height: 85px;
1.60 + }
1.61 +
1.62 + #img7 {
1.63 + min-width: 85px;
1.64 + max-height: 85px;
1.65 + }
1.66 +
1.67 + #img8 {
1.68 + max-width: 110px;
1.69 + min-height: 85px;
1.70 + }
1.71 +
1.72 + #img9 {
1.73 + max-width: 85px;
1.74 + min-height: 85px;
1.75 + }
1.76 +
1.77 + #img10 {
1.78 + min-width: 85px;
1.79 + max-width: 160px;
1.80 + max-height: 85px;
1.81 + }
1.82 +
1.83 + #img11 {
1.84 + min-width: 35px;
1.85 + max-width: 235px;
1.86 + max-height: 85px;
1.87 + }
1.88 +
1.89 + #img12 {
1.90 + max-width: 85px;
1.91 + min-height: 85px;
1.92 + max-height: 160px;
1.93 + }
1.94 +
1.95 + #img13 {
1.96 + max-width: 85px;
1.97 + min-height: 35px;
1.98 + max-height: 235px;
1.99 + }
1.100 +
1.101 + #img14 {
1.102 + min-width: 60px;
1.103 + max-width: 110px;
1.104 + min-height: 85px;
1.105 + }
1.106 +
1.107 + #img15 {
1.108 + min-width: 65px;
1.109 + max-width: 85px;
1.110 + min-height: 85px;
1.111 + }
1.112 +
1.113 + #img16 {
1.114 + min-width: 85px;
1.115 + min-height: 60px;
1.116 + max-height: 110px;
1.117 + }
1.118 +
1.119 + #img17 {
1.120 + min-width: 85px;
1.121 + min-height: 65px;
1.122 + max-height: 85px;
1.123 + }
1.124 +
1.125 + #img18 {
1.126 + min-width: 85px;
1.127 + max-height: 85px;
1.128 + }
1.129 +
1.130 + #img19 {
1.131 + max-width: 85px;
1.132 + min-height: 85px;
1.133 + }
1.134 + </style>
1.135 + </head>
1.136 + <body>
1.137 + <div>All rectangles should be the same size.</div>
1.138 + <p><img id="img0" class="with-padding" src="support/replaced-min-max.png" alt="FAIL" title="Test 0"></img></p>
1.139 + <p><img id="img1" class="with-padding" title="Test 1" alt="FAIL" src="support/replaced-min-max-1.png"></img></p>
1.140 + <p><img id="img2" class="with-padding" title="Test 2" alt="FAIL" src="support/replaced-min-max-2.png"></img></p>
1.141 + <p><img id="img3" class="with-padding" title="Test 3" alt="FAIL" src="support/replaced-min-max-3.png"></img></p>
1.142 + <p><img id="img4" class="with-padding" title="Test 4" alt="FAIL" src="support/replaced-min-max-4.png"></img></p>
1.143 + <p><img id="img5" class="with-padding" title="Test 5" alt="FAIL" src="support/replaced-min-max-5.png"></img></p>
1.144 + <p><img id="img6" class="with-padding" title="Test 6" alt="FAIL" src="support/replaced-min-max-6.png"></img></p>
1.145 + <p><img id="img7" class="with-padding" title="Test 7" alt="FAIL" src="support/replaced-min-max-7.png"></img></p>
1.146 + <p><img id="img8" class="with-padding" title="Test 8" alt="FAIL" src="support/replaced-min-max-8.png"></img></p>
1.147 + <p><img id="img9" class="with-padding" title="Test 9" alt="FAIL" src="support/replaced-min-max-9.png"></img></p>
1.148 + <p><img id="img10" class="with-padding" title="Test 10" alt="FAIL" src="support/replaced-min-max-10.png"></img></p>
1.149 + <p><img id="img11" class="with-padding" title="Test 11" alt="FAIL" src="support/replaced-min-max-11.png"></img></p>
1.150 + <p><img id="img12" class="with-padding" title="Test 12" alt="FAIL" src="support/replaced-min-max-12.png"></img></p>
1.151 + <p><img id="img13" class="with-padding" title="Test 13" alt="FAIL" src="support/replaced-min-max-13.png"></img></p>
1.152 + <p><img id="img14" class="with-padding" title="Test 14" alt="FAIL" src="support/replaced-min-max-14.png"></img></p>
1.153 + <p><img id="img15" class="with-padding" title="Test 15" alt="FAIL" src="support/replaced-min-max-15.png"></img></p>
1.154 + <p><img id="img16" class="with-padding" title="Test 16" alt="FAIL" src="support/replaced-min-max-16.png"></img></p>
1.155 + <p><img id="img17" class="with-padding" title="Test 17" alt="FAIL" src="support/replaced-min-max-17.png"></img></p>
1.156 + <p><img id="img18" class="with-padding" title="Test 18" alt="FAIL" src="support/replaced-min-max-18.png"></img></p>
1.157 + <p><img id="img19" class="with-padding" title="Test 19" alt="FAIL" src="support/replaced-min-max-19.png"></img></p>
1.158 + </body>
1.159 +</html>
