gecko-dev/layout/reftests/bugs/28811-1-inner.html

<!DOCTYPE HTML>
<html>
<head>
<title>Testcase for resizing elements that depend on containing block width</title>
<style type="text/css">
</style>
</head>
<body>

<div><span style="margin-right: 10%">text</span></div>
<div><span style="margin-left: 10%">text</span></div>
<div><img src="blue-600x58.png" height="10" style="margin-top: 2%"></div>
<div><img src="blue-600x58.png" height="10" style="margin-right: 10%"></div>
<div><img src="blue-600x58.png" height="10" style="margin-bottom: 2%"></div>
<div><img src="blue-600x58.png" height="10" style="margin-left: 10%"></div>

<div><span style="background:yellow; padding-top: 2%">text</span></div>
<div><span style="background:yellow; padding-right: 10%">text</span></div>
<div><span style="background:yellow; padding-bottom: 2%">text</span></div>
<div><span style="background:yellow; padding-left: 10%">text</span></div>

<div><img src="blue-600x58.png" height="10" style="width: 10%"></div>
<div><img src="blue-600x58.png" height="2" style="min-width: 50%"></div>
<div><img src="blue-600x58.png" height="10" style="max-width: 1%"></div>

<div><span style="display:inline-block">This is an inline-block that contains enough text that its shrink-wrap width will be based on the available size in its container.  Blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah.</span></div>
<div><button>This is a button that contains enough text that its shrink-wrap width will be based on the available size in its container.  Blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah.</button></div>
<div><fieldset>This is a fieldset that contains enough text that its shrink-wrap width will be based on the available size in its container.  Blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah.</fieldset></div>

<div><span style="position:relative; right: 3%">text in a span</span></div>
<div><span style="position:relative; left: 3%">text in a span</span></div>

</body>
</html>
Add tests for dynamic resizing of things that depend on width of container. b=163504, 28811 2007-02-01 05:14:40 +03:00			`<!DOCTYPE HTML>`
			`<html>`
			`<head>`
			`<title>Testcase for resizing elements that depend on containing block width</title>`
			`<style type="text/css">`
			`</style>`
			`</head>`
			`<body>`

			`<div><span style="margin-right: 10%">text</span></div>`
			`<div><span style="margin-left: 10%">text</span></div>`
Bug 863658. Replace mozilla-banner image use in reftest for bug 28811 with a plain blue image. r=jmuizelaar Different timing of image decodes finishing means we paint them into surfaces of different sizes (the surface sizes are based on what part of the page we need to repaint). This means that small fractional pixel differences in cairo can result in a different image when bilinearly resizing it. 2013-09-15 04:05:03 +04:00			`<div><img src="blue-600x58.png" height="10" style="margin-top: 2%"></div>`
			`<div><img src="blue-600x58.png" height="10" style="margin-right: 10%"></div>`
			`<div><img src="blue-600x58.png" height="10" style="margin-bottom: 2%"></div>`
			`<div><img src="blue-600x58.png" height="10" style="margin-left: 10%"></div>`
Add tests for dynamic resizing of things that depend on width of container. b=163504, 28811 2007-02-01 05:14:40 +03:00
			`<div><span style="background:yellow; padding-top: 2%">text</span></div>`
			`<div><span style="background:yellow; padding-right: 10%">text</span></div>`
			`<div><span style="background:yellow; padding-bottom: 2%">text</span></div>`
			`<div><span style="background:yellow; padding-left: 10%">text</span></div>`

Bug 863658. Replace mozilla-banner image use in reftest for bug 28811 with a plain blue image. r=jmuizelaar Different timing of image decodes finishing means we paint them into surfaces of different sizes (the surface sizes are based on what part of the page we need to repaint). This means that small fractional pixel differences in cairo can result in a different image when bilinearly resizing it. 2013-09-15 04:05:03 +04:00			`<div><img src="blue-600x58.png" height="10" style="width: 10%"></div>`
			`<div><img src="blue-600x58.png" height="2" style="min-width: 50%"></div>`
			`<div><img src="blue-600x58.png" height="10" style="max-width: 1%"></div>`
Add tests for dynamic resizing of things that depend on width of container. b=163504, 28811 2007-02-01 05:14:40 +03:00
			`<div><span style="display:inline-block">This is an inline-block that contains enough text that its shrink-wrap width will be based on the available size in its container. Blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah.</span></div>`
			`<div><button>This is a button that contains enough text that its shrink-wrap width will be based on the available size in its container. Blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah.</button></div>`
			`<div><fieldset>This is a fieldset that contains enough text that its shrink-wrap width will be based on the available size in its container. Blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah.</fieldset></div>`

			`<div><span style="position:relative; right: 3%">text in a span</span></div>`
			`<div><span style="position:relative; left: 3%">text in a span</span></div>`

			`</body>`
			`</html>`