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