<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[174490] trunk/LayoutTests</title>
</head>
<body>
<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta">
<dt>Revision</dt> <dd><a href="http://trac.webkit.org/projects/webkit/changeset/174490">174490</a></dd>
<dt>Author</dt> <dd>simon.fraser@apple.com</dd>
<dt>Date</dt> <dd>2014-10-08 18:48:54 -0700 (Wed, 08 Oct 2014)</dd>
</dl>
<h3>Log Message</h3>
<pre>iOS Simulator results for css1 tests.
* platform/ios-simulator/css1/basic/containment-expected.txt: Added.
* platform/ios-simulator/css1/basic/contextual_selectors-expected.txt: Added.
* platform/ios-simulator/css1/basic/grouping-expected.txt: Added.
* platform/ios-simulator/css1/basic/id_as_selector-expected.txt: Added.
* platform/ios-simulator/css1/basic/inheritance-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/acid_test-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/border-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/border_bottom-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/border_bottom_inline-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/border_bottom_width-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/border_bottom_width_inline-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/border_color-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/border_color_inline-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/border_inline-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/border_left-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/border_left_inline-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/border_left_width-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/border_left_width_inline-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/border_right-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/border_right_inline-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/border_right_width-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/border_right_width_inline-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/border_style-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/border_style_inline-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/border_top-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/border_top_inline-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/border_top_width-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/border_top_width_inline-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/border_width-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/border_width_inline-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/clear-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/clear_float-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/float-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/float_elements_in_series-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/float_margin-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/float_on_text_elements-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/height-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/margin-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/margin_bottom-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/margin_bottom_inline-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/margin_inline-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/margin_left-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/margin_left_inline-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/margin_right-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/margin_right_inline-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/margin_top-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/margin_top_inline-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/padding-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/padding_bottom-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/padding_bottom_inline-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/padding_inline-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/padding_left-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/padding_left_inline-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/padding_right-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/padding_right_inline-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/padding_top-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/padding_top_inline-expected.txt: Added.
* platform/ios-simulator/css1/box_properties/width-expected.txt: Added.
* platform/ios-simulator/css1/cascade/cascade_order-expected.txt: Added.
* platform/ios-simulator/css1/cascade/important-expected.txt: Added.
* platform/ios-simulator/css1/classification/display-expected.txt: Added.
* platform/ios-simulator/css1/classification/list_style-expected.txt: Added.
* platform/ios-simulator/css1/classification/list_style_image-expected.txt: Added.
* platform/ios-simulator/css1/classification/list_style_position-expected.txt: Added.
* platform/ios-simulator/css1/classification/list_style_type-expected.txt: Added.
* platform/ios-simulator/css1/classification/white_space-expected.txt: Added.
* platform/ios-simulator/css1/color_and_background/background-expected.txt: Added.
* platform/ios-simulator/css1/color_and_background/background_attachment-expected.txt: Added.
* platform/ios-simulator/css1/color_and_background/background_color-expected.txt: Added.
* platform/ios-simulator/css1/color_and_background/background_image-expected.txt: Added.
* platform/ios-simulator/css1/color_and_background/background_position-expected.txt: Added.
* platform/ios-simulator/css1/color_and_background/background_repeat-expected.txt: Added.
* platform/ios-simulator/css1/color_and_background/color-expected.txt: Added.
* platform/ios-simulator/css1/conformance/forward_compatible_parsing-expected.txt: Added.
* platform/ios-simulator/css1/font_properties/font-expected.txt: Added.
* platform/ios-simulator/css1/font_properties/font_family-expected.txt: Added.
* platform/ios-simulator/css1/font_properties/font_size-expected.txt: Added.
* platform/ios-simulator/css1/font_properties/font_style-expected.txt: Added.
* platform/ios-simulator/css1/font_properties/font_variant-expected.txt: Added.
* platform/ios-simulator/css1/font_properties/font_weight-expected.txt: Added.
* platform/ios-simulator/css1/formatting_model/canvas-expected.txt: Added.
* platform/ios-simulator/css1/formatting_model/floating_elements-expected.txt: Added.
* platform/ios-simulator/css1/formatting_model/height_of_lines-expected.txt: Added.
* platform/ios-simulator/css1/formatting_model/horizontal_formatting-expected.txt: Added.
* platform/ios-simulator/css1/formatting_model/inline_elements-expected.txt: Added.
* platform/ios-simulator/css1/formatting_model/replaced_elements-expected.txt: Added.
* platform/ios-simulator/css1/formatting_model/vertical_formatting-expected.txt: Added.
* platform/ios-simulator/css1/pseudo/anchor-expected.txt: Added.
* platform/ios-simulator/css1/pseudo/firstletter-expected.txt: Added.
* platform/ios-simulator/css1/pseudo/firstline-expected.txt: Added.
* platform/ios-simulator/css1/pseudo/multiple_pseudo_elements-expected.txt: Added.
* platform/ios-simulator/css1/pseudo/pseudo_elements_in_selectors-expected.txt: Added.
* platform/ios-simulator/css1/text_properties/letter_spacing-expected.txt: Added.
* platform/ios-simulator/css1/text_properties/line_height-expected.txt: Added.
* platform/ios-simulator/css1/text_properties/text_align-expected.txt: Added.
* platform/ios-simulator/css1/text_properties/text_decoration-expected.txt: Added.
* platform/ios-simulator/css1/text_properties/text_indent-expected.txt: Added.
* platform/ios-simulator/css1/text_properties/text_transform-expected.txt: Added.
* platform/ios-simulator/css1/text_properties/vertical_align-expected.txt: Added.
* platform/ios-simulator/css1/text_properties/word_spacing-expected.txt: Added.
* platform/ios-simulator/css1/units/color_units-expected.txt: Added.
* platform/ios-simulator/css1/units/length_units-expected.txt: Added.
* platform/ios-simulator/css1/units/percentage_units-expected.txt: Added.
* platform/ios-simulator/css1/units/urls-expected.txt: Added.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkLayoutTestsChangeLog">trunk/LayoutTests/ChangeLog</a></li>
</ul>
<h3>Added Paths</h3>
<ul>
<li>trunk/LayoutTests/platform/ios-simulator/css1/</li>
<li>trunk/LayoutTests/platform/ios-simulator/css1/basic/</li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1basiccontainmentexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/basic/containment-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1basiccontextual_selectorsexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/basic/contextual_selectors-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1basicgroupingexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/basic/grouping-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1basicid_as_selectorexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/basic/id_as_selector-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1basicinheritanceexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/basic/inheritance-expected.txt</a></li>
<li>trunk/LayoutTests/platform/ios-simulator/css1/box_properties/</li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesacid_testexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/acid_test-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesborderexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_bottomexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_bottom-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_bottom_inlineexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_bottom_inline-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_bottom_widthexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_bottom_width-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_bottom_width_inlineexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_bottom_width_inline-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_colorexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_color-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_color_inlineexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_color_inline-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_inlineexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_inline-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_leftexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_left-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_left_inlineexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_left_inline-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_left_widthexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_left_width-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_left_width_inlineexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_left_width_inline-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_rightexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_right-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_right_inlineexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_right_inline-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_right_widthexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_right_width-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_right_width_inlineexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_right_width_inline-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_styleexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_style-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_style_inlineexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_style_inline-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_topexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_top-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_top_inlineexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_top_inline-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_top_widthexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_top_width-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_top_width_inlineexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_top_width_inline-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_widthexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_width-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_width_inlineexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_width_inline-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesclearexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/clear-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesclear_floatexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/clear_float-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesfloatexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/float-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesfloat_elements_in_seriesexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/float_elements_in_series-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesfloat_marginexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/float_margin-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesfloat_on_text_elementsexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/float_on_text_elements-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesheightexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/height-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesmarginexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesmargin_bottomexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin_bottom-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesmargin_bottom_inlineexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin_bottom_inline-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesmargin_inlineexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin_inline-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesmargin_leftexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin_left-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesmargin_left_inlineexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin_left_inline-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesmargin_rightexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin_right-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesmargin_right_inlineexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin_right_inline-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesmargin_topexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin_top-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiesmargin_top_inlineexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin_top_inline-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiespaddingexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiespadding_bottomexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding_bottom-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiespadding_bottom_inlineexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding_bottom_inline-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiespadding_inlineexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding_inline-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiespadding_leftexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding_left-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiespadding_left_inlineexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding_left_inline-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiespadding_rightexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding_right-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiespadding_right_inlineexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding_right_inline-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiespadding_topexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding_top-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertiespadding_top_inlineexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding_top_inline-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1box_propertieswidthexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/box_properties/width-expected.txt</a></li>
<li>trunk/LayoutTests/platform/ios-simulator/css1/cascade/</li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1cascadecascade_orderexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/cascade/cascade_order-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1cascadeimportantexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/cascade/important-expected.txt</a></li>
<li>trunk/LayoutTests/platform/ios-simulator/css1/classification/</li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1classificationdisplayexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/classification/display-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1classificationlist_styleexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/classification/list_style-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1classificationlist_style_imageexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/classification/list_style_image-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1classificationlist_style_positionexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/classification/list_style_position-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1classificationlist_style_typeexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/classification/list_style_type-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1classificationwhite_spaceexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/classification/white_space-expected.txt</a></li>
<li>trunk/LayoutTests/platform/ios-simulator/css1/color_and_background/</li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1color_and_backgroundbackgroundexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/color_and_background/background-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1color_and_backgroundbackground_attachmentexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/color_and_background/background_attachment-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1color_and_backgroundbackground_colorexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/color_and_background/background_color-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1color_and_backgroundbackground_imageexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/color_and_background/background_image-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1color_and_backgroundbackground_positionexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/color_and_background/background_position-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1color_and_backgroundbackground_repeatexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/color_and_background/background_repeat-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1color_and_backgroundcolorexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/color_and_background/color-expected.txt</a></li>
<li>trunk/LayoutTests/platform/ios-simulator/css1/conformance/</li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1conformanceforward_compatible_parsingexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/conformance/forward_compatible_parsing-expected.txt</a></li>
<li>trunk/LayoutTests/platform/ios-simulator/css1/font_properties/</li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1font_propertiesfontexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/font_properties/font-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1font_propertiesfont_familyexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/font_properties/font_family-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1font_propertiesfont_sizeexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/font_properties/font_size-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1font_propertiesfont_styleexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/font_properties/font_style-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1font_propertiesfont_variantexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/font_properties/font_variant-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1font_propertiesfont_weightexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/font_properties/font_weight-expected.txt</a></li>
<li>trunk/LayoutTests/platform/ios-simulator/css1/formatting_model/</li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1formatting_modelcanvasexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/formatting_model/canvas-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1formatting_modelfloating_elementsexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/formatting_model/floating_elements-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1formatting_modelheight_of_linesexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/formatting_model/height_of_lines-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1formatting_modelhorizontal_formattingexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/formatting_model/horizontal_formatting-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1formatting_modelinline_elementsexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/formatting_model/inline_elements-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1formatting_modelreplaced_elementsexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/formatting_model/replaced_elements-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1formatting_modelvertical_formattingexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/formatting_model/vertical_formatting-expected.txt</a></li>
<li>trunk/LayoutTests/platform/ios-simulator/css1/pseudo/</li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1pseudoanchorexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/pseudo/anchor-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1pseudofirstletterexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/pseudo/firstletter-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1pseudofirstlineexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/pseudo/firstline-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1pseudomultiple_pseudo_elementsexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/pseudo/multiple_pseudo_elements-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1pseudopseudo_elements_in_selectorsexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/pseudo/pseudo_elements_in_selectors-expected.txt</a></li>
<li>trunk/LayoutTests/platform/ios-simulator/css1/text_properties/</li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1text_propertiesletter_spacingexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/text_properties/letter_spacing-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1text_propertiesline_heightexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/text_properties/line_height-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1text_propertiestext_alignexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/text_properties/text_align-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1text_propertiestext_decorationexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/text_properties/text_decoration-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1text_propertiestext_indentexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/text_properties/text_indent-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1text_propertiestext_transformexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/text_properties/text_transform-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1text_propertiesvertical_alignexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/text_properties/vertical_align-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1text_propertiesword_spacingexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/text_properties/word_spacing-expected.txt</a></li>
<li>trunk/LayoutTests/platform/ios-simulator/css1/units/</li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1unitscolor_unitsexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/units/color_units-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1unitslength_unitsexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/units/length_units-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1unitspercentage_unitsexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/units/percentage_units-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorcss1unitsurlsexpectedtxt">trunk/LayoutTests/platform/ios-simulator/css1/units/urls-expected.txt</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkLayoutTestsChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/ChangeLog (174489 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/ChangeLog 2014-10-09 01:14:30 UTC (rev 174489)
+++ trunk/LayoutTests/ChangeLog 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -1,3 +1,112 @@
</span><ins>+2014-10-08 Simon Fraser <simon.fraser@apple.com>
+
+ iOS Simulator results for css1 tests.
+
+ * platform/ios-simulator/css1/basic/containment-expected.txt: Added.
+ * platform/ios-simulator/css1/basic/contextual_selectors-expected.txt: Added.
+ * platform/ios-simulator/css1/basic/grouping-expected.txt: Added.
+ * platform/ios-simulator/css1/basic/id_as_selector-expected.txt: Added.
+ * platform/ios-simulator/css1/basic/inheritance-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/acid_test-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/border-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/border_bottom-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/border_bottom_inline-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/border_bottom_width-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/border_bottom_width_inline-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/border_color-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/border_color_inline-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/border_inline-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/border_left-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/border_left_inline-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/border_left_width-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/border_left_width_inline-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/border_right-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/border_right_inline-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/border_right_width-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/border_right_width_inline-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/border_style-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/border_style_inline-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/border_top-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/border_top_inline-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/border_top_width-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/border_top_width_inline-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/border_width-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/border_width_inline-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/clear-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/clear_float-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/float-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/float_elements_in_series-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/float_margin-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/float_on_text_elements-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/height-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/margin-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/margin_bottom-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/margin_bottom_inline-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/margin_inline-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/margin_left-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/margin_left_inline-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/margin_right-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/margin_right_inline-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/margin_top-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/margin_top_inline-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/padding-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/padding_bottom-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/padding_bottom_inline-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/padding_inline-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/padding_left-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/padding_left_inline-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/padding_right-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/padding_right_inline-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/padding_top-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/padding_top_inline-expected.txt: Added.
+ * platform/ios-simulator/css1/box_properties/width-expected.txt: Added.
+ * platform/ios-simulator/css1/cascade/cascade_order-expected.txt: Added.
+ * platform/ios-simulator/css1/cascade/important-expected.txt: Added.
+ * platform/ios-simulator/css1/classification/display-expected.txt: Added.
+ * platform/ios-simulator/css1/classification/list_style-expected.txt: Added.
+ * platform/ios-simulator/css1/classification/list_style_image-expected.txt: Added.
+ * platform/ios-simulator/css1/classification/list_style_position-expected.txt: Added.
+ * platform/ios-simulator/css1/classification/list_style_type-expected.txt: Added.
+ * platform/ios-simulator/css1/classification/white_space-expected.txt: Added.
+ * platform/ios-simulator/css1/color_and_background/background-expected.txt: Added.
+ * platform/ios-simulator/css1/color_and_background/background_attachment-expected.txt: Added.
+ * platform/ios-simulator/css1/color_and_background/background_color-expected.txt: Added.
+ * platform/ios-simulator/css1/color_and_background/background_image-expected.txt: Added.
+ * platform/ios-simulator/css1/color_and_background/background_position-expected.txt: Added.
+ * platform/ios-simulator/css1/color_and_background/background_repeat-expected.txt: Added.
+ * platform/ios-simulator/css1/color_and_background/color-expected.txt: Added.
+ * platform/ios-simulator/css1/conformance/forward_compatible_parsing-expected.txt: Added.
+ * platform/ios-simulator/css1/font_properties/font-expected.txt: Added.
+ * platform/ios-simulator/css1/font_properties/font_family-expected.txt: Added.
+ * platform/ios-simulator/css1/font_properties/font_size-expected.txt: Added.
+ * platform/ios-simulator/css1/font_properties/font_style-expected.txt: Added.
+ * platform/ios-simulator/css1/font_properties/font_variant-expected.txt: Added.
+ * platform/ios-simulator/css1/font_properties/font_weight-expected.txt: Added.
+ * platform/ios-simulator/css1/formatting_model/canvas-expected.txt: Added.
+ * platform/ios-simulator/css1/formatting_model/floating_elements-expected.txt: Added.
+ * platform/ios-simulator/css1/formatting_model/height_of_lines-expected.txt: Added.
+ * platform/ios-simulator/css1/formatting_model/horizontal_formatting-expected.txt: Added.
+ * platform/ios-simulator/css1/formatting_model/inline_elements-expected.txt: Added.
+ * platform/ios-simulator/css1/formatting_model/replaced_elements-expected.txt: Added.
+ * platform/ios-simulator/css1/formatting_model/vertical_formatting-expected.txt: Added.
+ * platform/ios-simulator/css1/pseudo/anchor-expected.txt: Added.
+ * platform/ios-simulator/css1/pseudo/firstletter-expected.txt: Added.
+ * platform/ios-simulator/css1/pseudo/firstline-expected.txt: Added.
+ * platform/ios-simulator/css1/pseudo/multiple_pseudo_elements-expected.txt: Added.
+ * platform/ios-simulator/css1/pseudo/pseudo_elements_in_selectors-expected.txt: Added.
+ * platform/ios-simulator/css1/text_properties/letter_spacing-expected.txt: Added.
+ * platform/ios-simulator/css1/text_properties/line_height-expected.txt: Added.
+ * platform/ios-simulator/css1/text_properties/text_align-expected.txt: Added.
+ * platform/ios-simulator/css1/text_properties/text_decoration-expected.txt: Added.
+ * platform/ios-simulator/css1/text_properties/text_indent-expected.txt: Added.
+ * platform/ios-simulator/css1/text_properties/text_transform-expected.txt: Added.
+ * platform/ios-simulator/css1/text_properties/vertical_align-expected.txt: Added.
+ * platform/ios-simulator/css1/text_properties/word_spacing-expected.txt: Added.
+ * platform/ios-simulator/css1/units/color_units-expected.txt: Added.
+ * platform/ios-simulator/css1/units/length_units-expected.txt: Added.
+ * platform/ios-simulator/css1/units/percentage_units-expected.txt: Added.
+ * platform/ios-simulator/css1/units/urls-expected.txt: Added.
+
</ins><span class="cx"> 2014-10-08 Myles C. Maxfield <mmaxfield@apple.com>
</span><span class="cx">
</span><span class="cx"> Inline ruby does not get justified correctly
</span></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1basiccontainmentexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/basic/containment-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/basic/containment-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/basic/containment-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,210 @@
</span><ins>+layer at (0,0) size 800x1009
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x1009
+ RenderBlock {HTML} at (0,0) size 800x1009
+ RenderBody {BODY} at (8,8) size 784x993 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x140
+ RenderText {#text} at (0,0) size 710x140
+ text run at (0,0) width 609: "<LINK rel=\"stylesheet\" type=\"text/css\" href=\"linktest.css\" title=\"Default SS\">"
+ text run at (608,0) width 1: " "
+ text run at (0,14) width 710: "<LINK rel=\"alternate stylesheet\" type=\"text/css\" href=\"linktest2.css\" title=\"Alternate SS\">"
+ text run at (709,14) width 1: " "
+ text run at (0,28) width 203: "@import url(imptest1.css);"
+ text run at (202,28) width 1: " "
+ text run at (0,42) width 188: "@import \"imptest1a.css\";"
+ text run at (187,42) width 1: " "
+ text run at (0,56) width 125: "UL {color: red;}"
+ text run at (124,56) width 1: " "
+ text run at (0,70) width 172: ".four {color: purple;}"
+ text run at (171,70) width 1: " "
+ text run at (0,84) width 203: "@import url(imptest2.css);"
+ text run at (202,84) width 1: " "
+ text run at (0,98) width 32: "<!--"
+ text run at (31,98) width 1: " "
+ text run at (0,112) width 164: "P.six {color: green;}"
+ text run at (163,112) width 1: " "
+ text run at (0,126) width 24: "-->"
+ text run at (23,126) width 1: " "
+ RenderBlock {HR} at (0,189) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,207) size 784x20
+ RenderText {#text} at (0,0) size 412x19
+ text run at (0,0) width 412: "This sentence should be underlined due to the linked style sheet "
+ RenderInline {CODE} at (0,0) size 95x14
+ RenderText {#text} at (411,5) size 95x14
+ text run at (411,5) width 95: "linktest.css"
+ RenderText {#text} at (505,0) size 258x19
+ text run at (505,0) width 258: ", the reference to which is shown above."
+ RenderBlock {P} at (0,243) size 784x40
+ RenderText {#text} at (0,0) size 449x19
+ text run at (0,0) width 449: "This sentence should NOT be underlined due to the linked style sheet "
+ RenderInline {CODE} at (0,0) size 102x14
+ RenderText {#text} at (448,5) size 102x14
+ text run at (448,5) width 102: "linktest2.css"
+ RenderText {#text} at (549,0) size 9x19
+ text run at (549,0) width 9: ", "
+ RenderInline {STRONG} at (0,0) size 43x19
+ RenderText {#text} at (557,0) size 43x19
+ text run at (557,0) width 43: "unless"
+ RenderText {#text} at (599,0) size 750x39
+ text run at (599,0) width 151: " the external style sheet"
+ text run at (0,20) width 330: "\"Alternate SS\" has been selected via the user agent."
+ RenderBlock {UL} at (0,299) size 784x60 [color=#FF0000]
+ RenderListItem {LI} at (40,0) size 744x20 [color=#008000]
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 398x19
+ text run at (0,0) width 398: "This sentence should be green due to an imported style sheet ["
+ RenderInline {CODE} at (0,0) size 204x14
+ RenderText {#text} at (397,5) size 204x14
+ text run at (397,5) width 204: "@import url(imptest1.css);"
+ RenderText {#text} at (600,0) size 10x19
+ text run at (600,0) width 10: "]."
+ RenderListItem {LI} at (40,20) size 744x20 [color=#800080]
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 404x19
+ text run at (0,0) width 404: "This sentence should be purple due to an imported style sheet ["
+ RenderInline {CODE} at (0,0) size 180x14
+ RenderText {#text} at (403,5) size 180x14
+ text run at (403,5) width 180: "@import \"imptest1a.css\""
+ RenderText {#text} at (582,0) size 10x19
+ text run at (582,0) width 10: "]."
+ RenderListItem {LI} at (40,40) size 744x20 [color=#008000]
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 400x19
+ text run at (0,0) width 400: "This sentence should be green thanks to the STYLE attribute ["
+ RenderInline {CODE} at (0,0) size 164x14
+ RenderText {#text} at (399,5) size 164x14
+ text run at (399,5) width 164: "STYLE=\"color: green;\""
+ RenderText {#text} at (562,0) size 11x19
+ text run at (562,0) width 11: "]."
+ RenderBlock {P} at (0,375) size 784x20 [color=#800080]
+ RenderText {#text} at (0,0) size 510x19
+ text run at (0,0) width 510: "This sentence should be purple, and it doesn't have a terminating paragraph tag."
+ RenderBlock {OL} at (0,411) size 784x60
+ RenderListItem {LI} at (40,0) size 744x20
+ RenderListMarker at (-21,0) size 16x19: "1"
+ RenderText {#text} at (0,0) size 204x19
+ text run at (0,0) width 204: "This list should NOT be purple."
+ RenderListItem {LI} at (40,20) size 744x20
+ RenderListMarker at (-21,0) size 16x19: "2"
+ RenderText {#text} at (0,0) size 176x19
+ text run at (0,0) width 176: "It should, instead, be black."
+ RenderListItem {LI} at (40,40) size 744x20
+ RenderListMarker at (-21,0) size 16x19: "3"
+ RenderText {#text} at (0,0) size 512x19
+ text run at (0,0) width 512: "If it IS purple, then the browser hasn't correctly parsed the preceding paragraph."
+ RenderBlock {P} at (0,487) size 784x40
+ RenderText {#text} at (0,0) size 715x19
+ text run at (0,0) width 200: "This sentence should be black. "
+ text run at (199,0) width 516: "If it is red, then the browser has inappropriately imported the styles from the file"
+ RenderInline {TT} at (0,0) size 94x14
+ RenderText {#text} at (0,25) size 94x14
+ text run at (0,25) width 94: "imptest2.css"
+ RenderText {#text} at (93,20) size 35x19
+ text run at (93,20) width 35: " (see "
+ RenderInline {A} at (0,0) size 70x19 [color=#0000FF]
+ RenderText {#text} at (127,20) size 70x19
+ text run at (127,20) width 70: "section 3.0"
+ RenderText {#text} at (196,20) size 283x19
+ text run at (196,20) width 283: " of the CSS1 specification for more details)."
+ RenderBlock {P} at (0,543) size 784x20 [color=#008000]
+ RenderText {#text} at (0,0) size 206x19
+ text run at (0,0) width 206: "This paragraph should be green."
+ RenderTable {TABLE} at (0,579) size 784x414 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x412
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x384
+ RenderTableCell {TD} at (0,206) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x384 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x40
+ RenderText {#text} at (0,0) size 412x19
+ text run at (0,0) width 412: "This sentence should be underlined due to the linked style sheet "
+ RenderInline {CODE} at (0,0) size 95x14
+ RenderText {#text} at (411,5) size 95x14
+ text run at (411,5) width 95: "linktest.css"
+ RenderText {#text} at (505,0) size 717x39
+ text run at (505,0) width 212: ", the reference to which is shown"
+ text run at (0,20) width 43: "above."
+ RenderBlock {P} at (4,60) size 762x40
+ RenderText {#text} at (0,0) size 449x19
+ text run at (0,0) width 449: "This sentence should NOT be underlined due to the linked style sheet "
+ RenderInline {CODE} at (0,0) size 102x14
+ RenderText {#text} at (448,5) size 102x14
+ text run at (448,5) width 102: "linktest2.css"
+ RenderText {#text} at (549,0) size 9x19
+ text run at (549,0) width 9: ", "
+ RenderInline {STRONG} at (0,0) size 43x19
+ RenderText {#text} at (557,0) size 43x19
+ text run at (557,0) width 43: "unless"
+ RenderText {#text} at (599,0) size 750x39
+ text run at (599,0) width 151: " the external style sheet"
+ text run at (0,20) width 330: "\"Alternate SS\" has been selected via the user agent."
+ RenderBlock {UL} at (4,116) size 762x60 [color=#FF0000]
+ RenderListItem {LI} at (40,0) size 722x20 [color=#008000]
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 398x19
+ text run at (0,0) width 398: "This sentence should be green due to an imported style sheet ["
+ RenderInline {CODE} at (0,0) size 204x14
+ RenderText {#text} at (397,5) size 204x14
+ text run at (397,5) width 204: "@import url(imptest1.css);"
+ RenderText {#text} at (600,0) size 10x19
+ text run at (600,0) width 10: "]."
+ RenderListItem {LI} at (40,20) size 722x20 [color=#800080]
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 404x19
+ text run at (0,0) width 404: "This sentence should be purple due to an imported style sheet ["
+ RenderInline {CODE} at (0,0) size 180x14
+ RenderText {#text} at (403,5) size 180x14
+ text run at (403,5) width 180: "@import \"imptest1a.css\""
+ RenderText {#text} at (582,0) size 10x19
+ text run at (582,0) width 10: "]."
+ RenderListItem {LI} at (40,40) size 722x20 [color=#008000]
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 400x19
+ text run at (0,0) width 400: "This sentence should be green thanks to the STYLE attribute ["
+ RenderInline {CODE} at (0,0) size 164x14
+ RenderText {#text} at (399,5) size 164x14
+ text run at (399,5) width 164: "STYLE=\"color: green;\""
+ RenderText {#text} at (562,0) size 11x19
+ text run at (562,0) width 11: "]."
+ RenderBlock {P} at (4,192) size 762x20 [color=#800080]
+ RenderText {#text} at (0,0) size 510x19
+ text run at (0,0) width 510: "This sentence should be purple, and it doesn't have a terminating paragraph tag."
+ RenderBlock {OL} at (4,228) size 762x60
+ RenderListItem {LI} at (40,0) size 722x20
+ RenderListMarker at (-21,0) size 16x19: "1"
+ RenderText {#text} at (0,0) size 204x19
+ text run at (0,0) width 204: "This list should NOT be purple."
+ RenderListItem {LI} at (40,20) size 722x20
+ RenderListMarker at (-21,0) size 16x19: "2"
+ RenderText {#text} at (0,0) size 176x19
+ text run at (0,0) width 176: "It should, instead, be black."
+ RenderListItem {LI} at (40,40) size 722x20
+ RenderListMarker at (-21,0) size 16x19: "3"
+ RenderText {#text} at (0,0) size 512x19
+ text run at (0,0) width 512: "If it IS purple, then the browser hasn't correctly parsed the preceding paragraph."
+ RenderBlock {P} at (4,304) size 762x40
+ RenderText {#text} at (0,0) size 715x19
+ text run at (0,0) width 200: "This sentence should be black. "
+ text run at (199,0) width 516: "If it is red, then the browser has inappropriately imported the styles from the file"
+ RenderInline {TT} at (0,0) size 94x14
+ RenderText {#text} at (0,25) size 94x14
+ text run at (0,25) width 94: "imptest2.css"
+ RenderText {#text} at (93,20) size 35x19
+ text run at (93,20) width 35: " (see "
+ RenderInline {A} at (0,0) size 70x19 [color=#0000FF]
+ RenderText {#text} at (127,20) size 70x19
+ text run at (127,20) width 70: "section 3.0"
+ RenderText {#text} at (196,20) size 283x19
+ text run at (196,20) width 283: " of the CSS1 specification for more details)."
+ RenderBlock {P} at (4,360) size 762x20 [color=#008000]
+ RenderText {#text} at (0,0) size 206x19
+ text run at (0,0) width 206: "This paragraph should be green."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1basiccontextual_selectorsexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/basic/contextual_selectors-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/basic/contextual_selectors-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/basic/contextual_selectors-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,82 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20 [color=#000080]
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x56
+ RenderText {#text} at (0,0) size 461x56
+ text run at (0,0) width 281: "P {color: navy; font-family: serif;}"
+ text run at (280,0) width 1: " "
+ text run at (0,14) width 461: "HTML BODY TABLE P {color: purple; font-family: sans-serif;}"
+ text run at (460,14) width 1: " "
+ text run at (0,28) width 219: "EM, UL LI LI {color: green;}"
+ text run at (218,28) width 1: " "
+ text run at (0,42) width 0: " "
+ RenderBlock {HR} at (0,105) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,123) size 784x20 [color=#000080]
+ RenderText {#text} at (0,0) size 640x19
+ text run at (0,0) width 640: "This sentence should be navy serif in the first half of the page, but purple and sans-serif in the table."
+ RenderBlock {P} at (0,159) size 784x20 [color=#000080]
+ RenderText {#text} at (0,0) size 570x19
+ text run at (0,0) width 570: "This sentence should be normal for its section, except for the last word, which should be "
+ RenderInline {EM} at (0,0) size 37x19 [color=#008000]
+ RenderText {#text} at (569,0) size 37x19
+ text run at (569,0) width 37: "green"
+ RenderText {#text} at (605,0) size 5x19
+ text run at (605,0) width 5: "."
+ RenderBlock {UL} at (0,195) size 784x40
+ RenderListItem {LI} at (40,0) size 744x40
+ RenderBlock (anonymous) at (0,0) size 744x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderInline {EM} at (0,0) size 40x19 [color=#008000]
+ RenderText {#text} at (0,0) size 40x19
+ text run at (0,0) width 40: "Hello."
+ RenderText {#text} at (39,0) size 407x19
+ text run at (39,0) width 5: " "
+ text run at (43,0) width 403: "The first \"hello\" should be green, but this part should be black."
+ RenderBlock {UL} at (0,20) size 744x20
+ RenderListItem {LI} at (40,0) size 704x20 [color=#008000]
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderText {#text} at (0,0) size 138x19
+ text run at (0,0) width 138: "This should be green."
+ RenderTable {TABLE} at (0,251) size 730x166 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 728x164
+ RenderTableRow {TR} at (0,0) size 728x28
+ RenderTableCell {TD} at (0,0) size 728x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 728x136
+ RenderTableCell {TD} at (0,82) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 716x136 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 708x20 [color=#800080]
+ RenderText {#text} at (0,0) size 708x20
+ text run at (0,0) width 708: "This sentence should be navy serif in the first half of the page, but purple and sans-serif in the table."
+ RenderBlock {P} at (4,40) size 708x20 [color=#800080]
+ RenderText {#text} at (0,0) size 628x20
+ text run at (0,0) width 628: "This sentence should be normal for its section, except for the last word, which should be "
+ RenderInline {EM} at (0,0) size 42x20 [color=#008000]
+ RenderText {#text} at (627,0) size 42x20
+ text run at (627,0) width 42: "green"
+ RenderText {#text} at (668,0) size 6x20
+ text run at (668,0) width 6: "."
+ RenderBlock {UL} at (4,76) size 708x40
+ RenderListItem {LI} at (40,0) size 668x40
+ RenderBlock (anonymous) at (0,0) size 668x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderInline {EM} at (0,0) size 40x19 [color=#008000]
+ RenderText {#text} at (0,0) size 40x19
+ text run at (0,0) width 40: "Hello."
+ RenderText {#text} at (39,0) size 407x19
+ text run at (39,0) width 5: " "
+ text run at (43,0) width 403: "The first \"hello\" should be green, but this part should be black."
+ RenderBlock {UL} at (0,20) size 668x20
+ RenderListItem {LI} at (40,0) size 628x20 [color=#008000]
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderText {#text} at (0,0) size 138x19
+ text run at (0,0) width 138: "This should be green."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1basicgroupingexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/basic/grouping-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/basic/grouping-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/basic/grouping-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,44 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x28
+ RenderText {#text} at (0,0) size 266x28
+ text run at (0,0) width 266: ".one, .two, .three {color: green;}"
+ text run at (265,0) width 1: " "
+ text run at (0,14) width 0: " "
+ RenderBlock {HR} at (0,77) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,95) size 784x20 [color=#008000]
+ RenderText {#text} at (0,0) size 197x19
+ text run at (0,0) width 197: "This sentence should be green."
+ RenderBlock {P} at (0,131) size 784x20 [color=#008000]
+ RenderText {#text} at (0,0) size 197x19
+ text run at (0,0) width 197: "This sentence should be green."
+ RenderBlock {P} at (0,167) size 784x20 [color=#008000]
+ RenderText {#text} at (0,0) size 197x19
+ text run at (0,0) width 197: "This sentence should be green."
+ RenderTable {TABLE} at (0,203) size 219x130 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 217x128
+ RenderTableRow {TR} at (0,0) size 217x28
+ RenderTableCell {TD} at (0,0) size 217x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 217x100
+ RenderTableCell {TD} at (0,64) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 205x100 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 197x20 [color=#008000]
+ RenderText {#text} at (0,0) size 197x19
+ text run at (0,0) width 197: "This sentence should be green."
+ RenderBlock {P} at (4,40) size 197x20 [color=#008000]
+ RenderText {#text} at (0,0) size 197x19
+ text run at (0,0) width 197: "This sentence should be green."
+ RenderBlock {P} at (4,76) size 197x20 [color=#008000]
+ RenderText {#text} at (0,0) size 197x19
+ text run at (0,0) width 197: "This sentence should be green."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1basicid_as_selectorexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/basic/id_as_selector-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/basic/id_as_selector-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/basic/id_as_selector-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,92 @@
</span><ins>+layer at (0,0) size 800x635
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x635
+ RenderBlock {HTML} at (0,0) size 800x635
+ RenderBody {BODY} at (8,8) size 784x619 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x112
+ RenderText {#text} at (0,0) size 266x112
+ text run at (0,0) width 157: "#one {color: green;}"
+ text run at (156,0) width 1: " "
+ text run at (0,14) width 149: "#a1 {color: green;}"
+ text run at (148,14) width 1: " "
+ text run at (0,28) width 219: "P#two, P#two2 {color: blue;}"
+ text run at (218,28) width 1: " "
+ text run at (0,42) width 266: "P#three, P#three2 {color: purple;}"
+ text run at (265,42) width 1: " "
+ text run at (0,56) width 164: "#four {color: green;}"
+ text run at (163,56) width 1: " "
+ text run at (0,70) width 149: "#a2 {color: green;}"
+ text run at (148,70) width 1: " "
+ text run at (0,84) width 235: "P#five, P#five2 {color: blue;}"
+ text run at (234,84) width 1: " "
+ text run at (0,98) width 235: "P#six, P#six2 {color: purple;}"
+ RenderBlock {HR} at (0,161) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,179) size 784x20 [color=#008000]
+ RenderText {#text} at (0,0) size 197x19
+ text run at (0,0) width 197: "This sentence should be green."
+ RenderBlock {P} at (0,215) size 784x20 [color=#008000]
+ RenderText {#text} at (0,0) size 197x19
+ text run at (0,0) width 197: "This sentence should be green."
+ RenderBlock {P} at (0,251) size 784x20 [color=#0000FF]
+ RenderText {#text} at (0,0) size 204x19
+ text run at (0,0) width 204: "This paragraph should be blue ["
+ RenderInline {TT} at (0,0) size 63x14
+ RenderText {#text} at (203,5) size 63x14
+ text run at (203,5) width 63: "ID=\"two\""
+ RenderText {#text} at (265,0) size 10x19
+ text run at (265,0) width 10: "]."
+ RenderBlock {PRE} at (0,287) size 784x14
+ RenderText {#text} at (0,0) size 383x14
+ text run at (0,0) width 383: "This sentence should NOT be blue [PRE ID=\"two2\"]."
+ text run at (382,0) width 1: " "
+ RenderBlock {PRE} at (0,314) size 784x14
+ RenderText {#text} at (0,0) size 461x14
+ text run at (0,0) width 461: "This sentence should be black, not purple [PRE ID=\"three\"]."
+ text run at (460,0) width 1: " "
+ RenderBlock {UL} at (0,344) size 784x20
+ RenderListItem {LI} at (40,0) size 744x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 239x19
+ text run at (0,0) width 239: "This sentence should NOT be purple."
+ RenderTable {TABLE} at (0,380) size 413x239 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 411x237
+ RenderTableRow {TR} at (0,0) size 411x28
+ RenderTableCell {TD} at (0,0) size 411x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 411x209
+ RenderTableCell {TD} at (0,118) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 399x209 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 391x20 [color=#008000]
+ RenderText {#text} at (0,0) size 197x19
+ text run at (0,0) width 197: "This sentence should be green."
+ RenderBlock {P} at (4,40) size 391x20 [color=#008000]
+ RenderText {#text} at (0,0) size 197x19
+ text run at (0,0) width 197: "This sentence should be green."
+ RenderBlock {P} at (4,76) size 391x20 [color=#0000FF]
+ RenderText {#text} at (0,0) size 204x19
+ text run at (0,0) width 204: "This paragraph should be blue ["
+ RenderInline {TT} at (0,0) size 71x14
+ RenderText {#text} at (203,5) size 71x14
+ text run at (203,5) width 71: "ID=\"five\""
+ RenderText {#text} at (273,0) size 10x19
+ text run at (273,0) width 10: "]."
+ RenderBlock {PRE} at (4,112) size 391x14
+ RenderText {#text} at (0,0) size 391x14
+ text run at (0,0) width 391: "This sentence should NOT be blue [PRE ID=\"five2\"]."
+ text run at (390,0) width 1: " "
+ RenderBlock {PRE} at (4,139) size 391x14
+ RenderText {#text} at (0,0) size 352x14
+ text run at (0,0) width 352: "This sentence should be black [PRE ID=\"six\"]."
+ text run at (351,0) width 1: " "
+ RenderBlock {UL} at (4,169) size 391x20
+ RenderListItem {LI} at (40,0) size 351x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 239x19
+ text run at (0,0) width 239: "This sentence should NOT be purple."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1basicinheritanceexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/basic/inheritance-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/basic/inheritance-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/basic/inheritance-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,189 @@
</span><ins>+layer at (0,0) size 800x750
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x750
+ RenderBlock {HTML} at (0,0) size 800x750
+ RenderBody {BODY} at (8,8) size 784x734 [color=#008000] [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x98
+ RenderText {#text} at (0,0) size 266x98
+ text run at (0,0) width 157: "BODY {color: green;}"
+ text run at (156,0) width 1: " "
+ text run at (0,14) width 133: "H3 {color: blue;}"
+ text run at (132,14) width 1: " "
+ text run at (0,28) width 149: "EM {color: purple;}"
+ text run at (148,28) width 1: " "
+ text run at (0,42) width 203: ".one {font-style: italic;}"
+ text run at (202,42) width 1: " "
+ text run at (0,56) width 266: ".two {text-decoration: underline;}"
+ text run at (265,56) width 1: " "
+ text run at (0,70) width 149: "#two {color: navy;}"
+ text run at (148,70) width 1: " "
+ text run at (0,84) width 180: ".three {color: purple;}"
+ text run at (179,84) width 1: " "
+ RenderBlock {HR} at (0,147) size 784x2 [border: (1px inset #008000)]
+ RenderBlock {H3} at (0,167) size 784x24 [color=#0000FF]
+ RenderText {#text} at (0,0) size 219x22
+ text run at (0,0) width 219: "This sentence should show "
+ RenderInline {STRONG} at (0,0) size 36x22
+ RenderText {#text} at (218,0) size 36x22
+ text run at (218,0) width 36: "blue"
+ RenderText {#text} at (253,0) size 41x22
+ text run at (253,0) width 41: " and "
+ RenderInline {EM} at (0,0) size 52x22 [color=#800080]
+ RenderText {#text} at (293,0) size 52x22
+ text run at (293,0) width 52: "purple"
+ RenderText {#text} at (344,0) size 5x22
+ text run at (344,0) width 5: "."
+ RenderBlock {H3} at (0,209) size 784x24 [color=#0000FF]
+ RenderText {#text} at (0,0) size 197x22
+ text run at (0,0) width 197: "This sentence should be "
+ RenderInline {SPAN} at (0,0) size 35x22
+ RenderText {#text} at (196,0) size 35x22
+ text run at (196,0) width 35: "blue"
+ RenderText {#text} at (230,0) size 102x22
+ text run at (230,0) width 102: " throughout."
+ RenderBlock {P} at (0,251) size 784x21
+ RenderText {#text} at (0,0) size 230x19
+ text run at (0,0) width 230: "This should be green except for the "
+ RenderInline {EM} at (0,0) size 118x19 [color=#800080]
+ RenderText {#text} at (229,0) size 118x19
+ text run at (229,0) width 118: "emphasized words"
+ RenderText {#text} at (346,0) size 163x19
+ text run at (346,0) width 163: ", which should be purple."
+ RenderBlock {H3} at (0,289) size 784x24 [color=#0000FF]
+ RenderText {#text} at (0,0) size 292x22
+ text run at (0,0) width 292: "This should be blue and underlined."
+ RenderBlock {P} at (0,331) size 784x21
+ RenderText {#text} at (0,0) size 299x19
+ text run at (0,0) width 299: "This sentence should be underlined, including "
+ RenderInline {TT} at (0,0) size 71x14
+ RenderText {#text} at (298,5) size 71x14
+ text run at (298,5) width 71: "this part"
+ RenderText {#text} at (368,0) size 9x19
+ text run at (368,0) width 9: ", "
+ RenderInline {I} at (0,0) size 55x19
+ RenderText {#text} at (376,0) size 55x19
+ text run at (376,0) width 55: "this part"
+ RenderText {#text} at (430,0) size 9x19
+ text run at (430,0) width 9: ", "
+ RenderInline {EM} at (0,0) size 54x19 [color=#800080]
+ RenderText {#text} at (438,0) size 54x19
+ text run at (438,0) width 54: "this part"
+ RenderText {#text} at (491,0) size 37x19
+ text run at (491,0) width 37: ", and "
+ RenderInline {STRONG} at (0,0) size 59x19
+ RenderText {#text} at (527,0) size 59x19
+ text run at (527,0) width 59: "this part"
+ RenderText {#text} at (585,0) size 5x19
+ text run at (585,0) width 5: "."
+ RenderBlock {P} at (0,367) size 784x21 [color=#000080]
+ RenderText {#text} at (0,0) size 444x19
+ text run at (0,0) width 444: "This sentence should also be underlined, as well as dark blue (navy), "
+ RenderInline {TT} at (0,0) size 149x14
+ RenderText {#text} at (443,5) size 149x14
+ text run at (443,5) width 149: "including this part"
+ RenderText {#text} at (591,0) size 5x19
+ text run at (591,0) width 5: "."
+ RenderBlock {P} at (0,403) size 784x21 [color=#800080]
+ RenderText {#text} at (0,0) size 271x19
+ text run at (0,0) width 271: "This sentence should be purple, including "
+ RenderInline {STRONG} at (0,0) size 59x19
+ RenderText {#text} at (270,0) size 59x19
+ text run at (270,0) width 59: "this part"
+ RenderText {#text} at (328,0) size 32x19
+ text run at (328,0) width 32: " and "
+ RenderInline {SPAN} at (0,0) size 178x19
+ RenderText {#text} at (359,0) size 178x19
+ text run at (359,0) width 178: "this part (which is spanned)"
+ RenderText {#text} at (536,0) size 5x19
+ text run at (536,0) width 5: "."
+ RenderTable {TABLE} at (0,439) size 618x295 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 616x292
+ RenderTableRow {TR} at (0,0) size 616x28
+ RenderTableCell {TD} at (0,0) size 616x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 616x264
+ RenderTableCell {TD} at (0,146) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 604x264 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {H3} at (4,4) size 596x23 [color=#0000FF]
+ RenderText {#text} at (0,0) size 219x22
+ text run at (0,0) width 219: "This sentence should show "
+ RenderInline {STRONG} at (0,0) size 36x22
+ RenderText {#text} at (218,0) size 36x22
+ text run at (218,0) width 36: "blue"
+ RenderText {#text} at (253,0) size 41x22
+ text run at (253,0) width 41: " and "
+ RenderInline {EM} at (0,0) size 52x22 [color=#800080]
+ RenderText {#text} at (293,0) size 52x22
+ text run at (293,0) width 52: "purple"
+ RenderText {#text} at (344,0) size 5x22
+ text run at (344,0) width 5: "."
+ RenderBlock {H3} at (4,45) size 596x24 [color=#0000FF]
+ RenderText {#text} at (0,0) size 197x22
+ text run at (0,0) width 197: "This sentence should be "
+ RenderInline {SPAN} at (0,0) size 35x22
+ RenderText {#text} at (196,0) size 35x22
+ text run at (196,0) width 35: "blue"
+ RenderText {#text} at (230,0) size 102x22
+ text run at (230,0) width 102: " throughout."
+ RenderBlock {P} at (4,87) size 596x21
+ RenderText {#text} at (0,0) size 230x19
+ text run at (0,0) width 230: "This should be green except for the "
+ RenderInline {EM} at (0,0) size 118x19 [color=#800080]
+ RenderText {#text} at (229,0) size 118x19
+ text run at (229,0) width 118: "emphasized words"
+ RenderText {#text} at (346,0) size 163x19
+ text run at (346,0) width 163: ", which should be purple."
+ RenderBlock {H3} at (4,126) size 596x24 [color=#0000FF]
+ RenderText {#text} at (0,0) size 292x22
+ text run at (0,0) width 292: "This should be blue and underlined."
+ RenderBlock {P} at (4,167) size 596x21
+ RenderText {#text} at (0,0) size 299x19
+ text run at (0,0) width 299: "This sentence should be underlined, including "
+ RenderInline {TT} at (0,0) size 71x14
+ RenderText {#text} at (298,5) size 71x14
+ text run at (298,5) width 71: "this part"
+ RenderText {#text} at (368,0) size 9x19
+ text run at (368,0) width 9: ", "
+ RenderInline {I} at (0,0) size 55x19
+ RenderText {#text} at (376,0) size 55x19
+ text run at (376,0) width 55: "this part"
+ RenderText {#text} at (430,0) size 9x19
+ text run at (430,0) width 9: ", "
+ RenderInline {EM} at (0,0) size 54x19 [color=#800080]
+ RenderText {#text} at (438,0) size 54x19
+ text run at (438,0) width 54: "this part"
+ RenderText {#text} at (491,0) size 37x19
+ text run at (491,0) width 37: ", and "
+ RenderInline {STRONG} at (0,0) size 59x19
+ RenderText {#text} at (527,0) size 59x19
+ text run at (527,0) width 59: "this part"
+ RenderText {#text} at (585,0) size 5x19
+ text run at (585,0) width 5: "."
+ RenderBlock {P} at (4,203) size 596x21 [color=#000080]
+ RenderText {#text} at (0,0) size 444x19
+ text run at (0,0) width 444: "This sentence should also be underlined, as well as dark blue (navy), "
+ RenderInline {TT} at (0,0) size 149x14
+ RenderText {#text} at (443,5) size 149x14
+ text run at (443,5) width 149: "including this part"
+ RenderText {#text} at (591,0) size 5x19
+ text run at (591,0) width 5: "."
+ RenderBlock {P} at (4,239) size 596x21 [color=#800080]
+ RenderText {#text} at (0,0) size 271x19
+ text run at (0,0) width 271: "This sentence should be purple, including "
+ RenderInline {STRONG} at (0,0) size 59x19
+ RenderText {#text} at (270,0) size 59x19
+ text run at (270,0) width 59: "this part"
+ RenderText {#text} at (328,0) size 32x19
+ text run at (328,0) width 32: " and "
+ RenderInline {SPAN} at (0,0) size 178x19
+ RenderText {#text} at (359,0) size 178x19
+ text run at (359,0) width 178: "this part (which is spanned)"
+ RenderText {#text} at (536,0) size 5x19
+ text run at (536,0) width 5: "."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesacid_testexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/acid_test-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/acid_test-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/acid_test-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,68 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x420
+ RenderBlock {HTML} at (0,0) size 800x420 [color=#FFFFFF] [bgcolor=#0000FF]
+ RenderBody {BODY} at (15,15) size 490x390 [bgcolor=#FFFFFF] [border: (5px solid #000000)]
+ RenderBlock {DL} at (5,5) size 480x10
+ RenderBlock (floating) {DT} at (5,5) size 80x310 [bgcolor=#CC0000] [border: (5px solid #000000)]
+ RenderText {#text} at (15,13) size 32x14
+ text run at (15,13) width 32: "toggle"
+ RenderBlock (floating) {DD} at (95,5) size 380x310 [border: (10px solid #000000)]
+ RenderBlock {UL} at (20,20) size 340x0
+ RenderBlock (floating) {LI} at (0,0) size 80x120 [color=#000000] [bgcolor=#FFCC00] [border: (5px solid #000000)]
+ RenderText {#text} at (15,13) size 40x14
+ text run at (15,13) width 40: "the way"
+ RenderBlock (floating) {LI} at (90,0) size 160x110 [bgcolor=#000000]
+ RenderBlock {P} at (10,10) size 140x10
+ RenderText {#text} at (0,-2) size 75x14
+ text run at (0,-2) width 75: "the world ends"
+ RenderBlock (anonymous) at (10,20) size 140x0
+ RenderInline {FORM} at (0,0) size 0x0
+ RenderText {#text} at (0,0) size 0x0
+ RenderBlock (anonymous) at (10,20) size 140x46
+ RenderBlock {P} at (0,0) size 140x23
+ RenderText {#text} at (0,6) size 29x14
+ text run at (0,6) width 29: "bang "
+ RenderBlock {INPUT} at (30,3) size 17x16 [color=#000000] [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderText {#text} at (0,0) size 0x0
+ RenderBlock {P} at (0,23) size 140x23
+ RenderText {#text} at (0,6) size 47x14
+ text run at (0,6) width 47: "whimper "
+ RenderBlock {INPUT} at (48,3) size 17x16 [color=#000000] [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderText {#text} at (0,0) size 0x0
+ RenderBlock (anonymous) at (10,66) size 140x0
+ RenderInline {FORM} at (0,0) size 0x0
+ RenderText {#text} at (0,0) size 0x0
+ RenderBlock (floating) {LI} at (259,0) size 81x120 [color=#000000] [bgcolor=#FFCC00] [border: (5px solid #000000)]
+ RenderText {#text} at (15,13) size 50x14
+ text run at (15,13) width 50: "i grow old"
+ RenderBlock (floating) {LI} at (0,130) size 120x120 [bgcolor=#000000]
+ RenderText {#text} at (10,8) size 31x14
+ text run at (10,8) width 31: "pluot?"
+ RenderBlock (floating) {BLOCKQUOTE} at (160,150) size 70x140 [color=#000000] [bgcolor=#FFCC00] [border: (10px solid #000000) (15px solid #000000) (20px solid #000000) (5px solid #000000)]
+ RenderBlock {ADDRESS} at (5,20) size 50x20
+ RenderText {#text} at (0,-2) size 34x24
+ text run at (0,-2) width 17: "bar"
+ text run at (0,8) width 34: "maids,"
+ RenderBlock (floating) {H1} at (240,150) size 120x120 [bgcolor=#000000]
+ RenderText {#text} at (10,8) size 67x24
+ text run at (10,8) width 57: "sing to me,"
+ text run at (10,18) width 67: "erbarme dich"
+ RenderBlock {P} at (5,320) size 480x65 [color=#000000]
+ RenderText {#text} at (0,-1) size 469x40
+ text run at (0,-1) width 469: "This is a nonsensical document, but syntactically valid HTML 4.0. All 100%-conformant CSS1"
+ text run at (0,12) width 393: "agents should be able to render the document elements above this paragraph"
+ text run at (0,25) width 206: "indistinguishably (to the pixel) from this "
+ RenderInline {A} at (0,0) size 104x14 [color=#0000EE]
+ RenderText {#text} at (205,25) size 104x14
+ text run at (205,25) width 104: "reference rendering,"
+ RenderText {#text} at (308,25) size 463x40
+ text run at (308,25) width 5: " "
+ text run at (312,25) width 150: "(except font rasterization and"
+ text run at (0,38) width 463: "form widgets). All discrepancies should be traceable to CSS1 implementation shortcomings."
+ text run at (0,51) width 335: "Once you have finished evaluating this test, you can return to the "
+ RenderInline {A} at (0,0) size 62x14 [color=#0000EE]
+ RenderText {#text} at (334,51) size 62x14
+ text run at (334,51) width 62: "parent page"
+ RenderText {#text} at (395,51) size 5x14
+ text run at (395,51) width 5: "."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesborderexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,186 @@
</span><ins>+layer at (0,0) size 800x1457
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x1457
+ RenderBlock {HTML} at (0,0) size 800x1457
+ RenderBody {BODY} at (8,8) size 784x1441 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x126
+ RenderText {#text} at (0,0) size 266x126
+ text run at (0,0) width 266: ".one {border: medium black solid;}"
+ text run at (265,0) width 1: " "
+ text run at (0,14) width 258: ".two {border: thin maroon ridge;}"
+ text run at (257,14) width 1: " "
+ text run at (0,28) width 266: ".three {border: 10px teal outset;}"
+ text run at (265,28) width 1: " "
+ text run at (0,42) width 258: ".four {border: 10px olive inset;}"
+ text run at (257,42) width 1: " "
+ text run at (0,56) width 219: ".five {border: 10px maroon;}"
+ text run at (218,56) width 1: " "
+ text run at (0,70) width 227: ".six {border: maroon double;}"
+ text run at (226,70) width 1: " "
+ text run at (0,84) width 250: ".seven {border: left red solid;}"
+ text run at (249,84) width 1: " "
+ text run at (0,98) width 164: ".eight {border: 0px;}"
+ text run at (163,98) width 1: " "
+ text run at (0,112) width 227: "TD {border: 2px solid green;}"
+ text run at (226,112) width 1: " "
+ RenderBlock {HR} at (0,175) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,193) size 784x40
+ RenderText {#text} at (0,0) size 765x39
+ text run at (0,0) width 641: "Note that all table cells on this page should have a two-pixel solid green border along all four sides. "
+ text run at (640,0) width 125: "This border applies"
+ text run at (0,20) width 324: "only to the cells, not the rows which contain them."
+ RenderBlock {P} at (0,249) size 784x26 [border: (3px solid #000000)]
+ RenderText {#text} at (3,3) size 491x19
+ text run at (3,3) width 491: "This paragraph should have a medium black solid border all the way around."
+ RenderBlock {P} at (0,291) size 784x22 [border: (1px ridge #800000)]
+ RenderText {#text} at (1,1) size 488x19
+ text run at (1,1) width 488: "This paragraph should have a thin maroon ridged border all the way around."
+ RenderBlock {P} at (0,329) size 784x40 [border: (10px outset #008080)]
+ RenderText {#text} at (10,10) size 528x19
+ text run at (10,10) width 528: "This paragraph should have a ten-pixel-wide teal outset border all the way around."
+ RenderBlock {P} at (0,385) size 784x40 [border: (10px inset #808000)]
+ RenderText {#text} at (10,10) size 529x19
+ text run at (10,10) width 529: "This paragraph should have a ten-pixel-wide olive inset border all the way around."
+ RenderBlock {P} at (0,441) size 784x20
+ RenderText {#text} at (0,0) size 354x19
+ text run at (0,0) width 354: "This paragraph should have no border around it, as the "
+ RenderInline {TT} at (0,0) size 94x14
+ RenderText {#text} at (353,5) size 94x14
+ text run at (353,5) width 94: "border-style"
+ RenderText {#text} at (446,0) size 328x19
+ text run at (446,0) width 328: " was not set, and it should not be offset in any way."
+ RenderBlock {P} at (0,477) size 784x46 [border: (3px double #800000)]
+ RenderText {#text} at (3,3) size 543x19
+ text run at (3,3) width 543: "This paragraph should have a medium maroon double border around it, even though "
+ RenderInline {CODE} at (0,0) size 95x14
+ RenderText {#text} at (545,8) size 95x14
+ text run at (545,8) width 95: "border-width"
+ RenderText {#text} at (639,3) size 755x39
+ text run at (639,3) width 119: " was not explicitly"
+ text run at (3,23) width 22: "set."
+ RenderBlock {P} at (0,539) size 784x20
+ RenderText {#text} at (0,0) size 633x19
+ text run at (0,0) width 633: "This paragraph should have no border around it, as its declaration is invalid and should be ignored."
+ RenderBlock {P} at (0,575) size 784x20
+ RenderInline {A} at (0,0) size 25x19
+ RenderText {#text} at (0,0) size 25x19
+ text run at (0,0) width 25: "The"
+ RenderText {#text} at (24,0) size 730x19
+ text run at (24,0) width 730: " following image is also an anchor which points to a target on this page, but it should not have a border around it: "
+ RenderInline {A} at (0,0) size 16x19 [color=#0000FF]
+ RenderImage {IMG} at (753,0) size 16x15
+ RenderText {#text} at (768,0) size 5x19
+ text run at (768,0) width 5: "."
+ RenderTable {TABLE} at (0,611) size 784x121 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x119
+ RenderTableRow {TR} at (0,5) size 782x46
+ RenderTableCell {TD} at (5,5) size 772x46 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (3,3) size 728x39
+ text run at (3,3) width 413: "Every cell in this table should have a 2-pixel solid green border. "
+ text run at (415,3) width 316: "This is also true of the table-testing section in the"
+ text run at (3,23) width 179: "second half of the test page."
+ RenderTableRow {TR} at (0,56) size 782x58
+ RenderTableCell {TD} at (5,72) size 195x26 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (3,3) size 54x19
+ text run at (3,3) width 54: "Cell one"
+ RenderTableCell {TD} at (205,56) size 572x58 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (3,3) size 566x20
+ RenderText {#text} at (0,0) size 55x19
+ text run at (0,0) width 55: "Cell two"
+ RenderTable {TABLE} at (3,23) size 168x32 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 166x30
+ RenderTableRow {TR} at (0,2) size 166x26
+ RenderTableCell {TD} at (2,2) size 162x26 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
+ RenderText {#text} at (3,3) size 156x19
+ text run at (3,3) width 156: "Nested single-cell table!"
+ RenderBlock {P} at (0,748) size 784x20
+ RenderText {#text} at (0,0) size 180x19
+ text run at (0,0) width 180: "This is an unstyled element."
+ RenderTable {TABLE} at (0,784) size 784x657 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x655
+ RenderTableRow {TR} at (0,0) size 782x30
+ RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (5,5) size 161x19
+ text run at (5,5) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,30) size 782x625
+ RenderTableCell {TD} at (0,327) size 14x30 [bgcolor=#C0C0C0] [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (5,5) size 4x19
+ text run at (5,5) width 4: " "
+ RenderTableCell {TD} at (14,30) size 768x625 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (5,5) size 758x40
+ RenderText {#text} at (0,0) size 715x39
+ text run at (0,0) width 641: "Note that all table cells on this page should have a two-pixel solid green border along all four sides. "
+ text run at (640,0) width 75: "This border"
+ text run at (0,20) width 373: "applies only to the cells, not the rows which contain them."
+ RenderBlock {P} at (5,61) size 758x26 [border: (3px solid #000000)]
+ RenderText {#text} at (3,3) size 491x19
+ text run at (3,3) width 491: "This paragraph should have a medium black solid border all the way around."
+ RenderBlock {P} at (5,103) size 758x22 [border: (1px ridge #800000)]
+ RenderText {#text} at (1,1) size 488x19
+ text run at (1,1) width 488: "This paragraph should have a thin maroon ridged border all the way around."
+ RenderBlock {P} at (5,141) size 758x40 [border: (10px outset #008080)]
+ RenderText {#text} at (10,10) size 528x19
+ text run at (10,10) width 528: "This paragraph should have a ten-pixel-wide teal outset border all the way around."
+ RenderBlock {P} at (5,197) size 758x40 [border: (10px inset #808000)]
+ RenderText {#text} at (10,10) size 529x19
+ text run at (10,10) width 529: "This paragraph should have a ten-pixel-wide olive inset border all the way around."
+ RenderBlock {P} at (5,253) size 758x40
+ RenderText {#text} at (0,0) size 354x19
+ text run at (0,0) width 354: "This paragraph should have no border around it, as the "
+ RenderInline {TT} at (0,0) size 94x14
+ RenderText {#text} at (353,5) size 94x14
+ text run at (353,5) width 94: "border-style"
+ RenderText {#text} at (446,0) size 740x39
+ text run at (446,0) width 294: " was not set, and it should not be offset in any"
+ text run at (0,20) width 30: "way."
+ RenderBlock {P} at (5,309) size 758x46 [border: (3px double #800000)]
+ RenderText {#text} at (3,3) size 543x19
+ text run at (3,3) width 543: "This paragraph should have a medium maroon double border around it, even though "
+ RenderInline {CODE} at (0,0) size 95x14
+ RenderText {#text} at (545,8) size 95x14
+ text run at (545,8) width 95: "border-width"
+ RenderText {#text} at (639,3) size 690x39
+ text run at (639,3) width 54: " was not"
+ text run at (3,23) width 87: "explicitly set."
+ RenderBlock {P} at (5,371) size 758x20
+ RenderText {#text} at (0,0) size 633x19
+ text run at (0,0) width 633: "This paragraph should have no border around it, as its declaration is invalid and should be ignored."
+ RenderBlock {P} at (5,407) size 758x40
+ RenderInline {A} at (0,0) size 25x19
+ RenderText {#text} at (0,0) size 25x19
+ text run at (0,0) width 25: "The"
+ RenderText {#text} at (24,0) size 730x19
+ text run at (24,0) width 730: " following image is also an anchor which points to a target on this page, but it should not have a border around it: "
+ RenderInline {A} at (0,0) size 15x19 [color=#0000FF]
+ RenderImage {IMG} at (0,20) size 15x15
+ RenderText {#text} at (15,20) size 4x19
+ text run at (15,20) width 4: "."
+ RenderTable {TABLE} at (5,463) size 758x121 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 756x119
+ RenderTableRow {TR} at (0,5) size 756x46
+ RenderTableCell {TD} at (5,5) size 746x46 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (3,3) size 728x39
+ text run at (3,3) width 413: "Every cell in this table should have a 2-pixel solid green border. "
+ text run at (415,3) width 316: "This is also true of the table-testing section in the"
+ text run at (3,23) width 179: "second half of the test page."
+ RenderTableRow {TR} at (0,56) size 756x58
+ RenderTableCell {TD} at (5,72) size 189x26 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (3,3) size 54x19
+ text run at (3,3) width 54: "Cell one"
+ RenderTableCell {TD} at (199,56) size 552x58 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (3,3) size 546x20
+ RenderText {#text} at (0,0) size 55x19
+ text run at (0,0) width 55: "Cell two"
+ RenderTable {TABLE} at (3,23) size 168x32 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 166x30
+ RenderTableRow {TR} at (0,2) size 166x26
+ RenderTableCell {TD} at (2,2) size 162x26 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
+ RenderText {#text} at (3,3) size 156x19
+ text run at (3,3) width 156: "Nested single-cell table!"
+ RenderBlock {P} at (5,600) size 758x20
+ RenderText {#text} at (0,0) size 180x19
+ text run at (0,0) width 180: "This is an unstyled element."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_bottomexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_bottom-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_bottom-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_bottom-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,163 @@
</span><ins>+layer at (0,0) size 800x1055
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x1055
+ RenderBlock {HTML} at (0,0) size 800x1055
+ RenderBody {BODY} at (8,8) size 784x1039 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x56
+ RenderText {#text} at (0,0) size 336x56
+ text run at (0,0) width 320: ".one {border-bottom: purple double 10px;}"
+ text run at (319,0) width 1: " "
+ text run at (0,14) width 313: ".two {border-bottom: purple thin solid;}"
+ text run at (312,14) width 1: " "
+ text run at (0,28) width 336: ".three {border-bottom: black medium solid;}"
+ text run at (335,28) width 1: " "
+ text run at (0,42) width 281: "TD {border-bottom: green 2px solid;}"
+ text run at (280,42) width 1: " "
+ RenderBlock {HR} at (0,105) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,123) size 784x40
+ RenderText {#text} at (0,0) size 747x39
+ text run at (0,0) width 673: "Note that all table cells on this page should have a two-pixel solid green border along their bottom sides. "
+ text run at (672,0) width 75: "This border"
+ text run at (0,20) width 373: "applies only to the cells, not the rows which contain them."
+ RenderBlock {P} at (0,179) size 784x30 [border: none (10px double #800080) none]
+ RenderText {#text} at (0,0) size 445x19
+ text run at (0,0) width 445: "This paragraph should have a purple, double, 10-pixel bottom border."
+ RenderBlock {P} at (0,225) size 784x21 [border: none (1px solid #800080) none]
+ RenderText {#text} at (0,0) size 361x19
+ text run at (0,0) width 361: "This paragraph should have a thin purple bottom border."
+ RenderTable {TABLE} at (0,262) size 784x118 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x116
+ RenderTableRow {TR} at (0,5) size 782x45
+ RenderTableCell {TD} at (5,5) size 772x45 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (2,2) size 754x39
+ text run at (2,2) width 463: "Every cell in this table should have a 2-pixel solid green bottom border. "
+ text run at (464,2) width 292: "This is also true of the table-testing section in"
+ text run at (2,22) width 203: "the second half of the test page."
+ RenderTableRow {TR} at (0,55) size 782x56
+ RenderTableCell {TD} at (5,70) size 194x25 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (2,2) size 54x19
+ text run at (2,2) width 54: "Cell one"
+ RenderTableCell {TD} at (204,55) size 573x56 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (2,2) size 569x20
+ RenderText {#text} at (0,0) size 55x19
+ text run at (0,0) width 55: "Cell two"
+ RenderTable {TABLE} at (2,22) size 166x31 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 164x29
+ RenderTableRow {TR} at (0,2) size 164x25
+ RenderTableCell {TD} at (2,2) size 160x25 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
+ RenderText {#text} at (2,2) size 156x19
+ text run at (2,2) width 156: "Nested single-cell table!"
+ RenderBlock {UL} at (0,396) size 784x149
+ RenderListItem {LI} at (40,0) size 744x83 [border: none (3px solid #000000) none]
+ RenderBlock (anonymous) at (0,0) size 744x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 123x19
+ text run at (0,0) width 123: "This is a list item..."
+ RenderBlock {UL} at (0,20) size 744x60
+ RenderListItem {LI} at (40,0) size 704x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderText {#text} at (0,0) size 75x19
+ text run at (0,0) width 75: "...and this..."
+ RenderListItem {LI} at (40,20) size 704x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderText {#text} at (0,0) size 118x19
+ text run at (0,0) width 118: "...is a second list..."
+ RenderListItem {LI} at (40,40) size 704x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderText {#text} at (0,0) size 182x19
+ text run at (0,0) width 182: "...nested within the list item."
+ RenderListItem {LI} at (40,83) size 744x23 [border: none (3px solid #000000) none]
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 163x19
+ text run at (0,0) width 163: "This is a second list item."
+ RenderListItem {LI} at (40,106) size 744x43 [border: none (3px solid #000000) none]
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 743x39
+ text run at (0,0) width 743: "Each list item in this list should have a medium-width black border at its bottom, which for the first item means that"
+ text run at (0,20) width 107: "it should appear "
+ RenderInline {EM} at (0,0) size 51x19
+ RenderText {#text} at (106,20) size 51x19
+ text run at (106,20) width 51: "beneath"
+ RenderText {#text} at (156,20) size 401x19
+ text run at (156,20) width 401: " the nested list (below the line \"...nested within the list item.\")."
+ RenderTable {TABLE} at (0,561) size 784x478 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x476
+ RenderTableRow {TR} at (0,0) size 782x29
+ RenderTableCell {TD} at (0,0) size 782x29 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,29) size 782x447
+ RenderTableCell {TD} at (0,238) size 12x29 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,29) size 770x447 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x40
+ RenderText {#text} at (0,0) size 747x39
+ text run at (0,0) width 673: "Note that all table cells on this page should have a two-pixel solid green border along their bottom sides. "
+ text run at (672,0) width 75: "This border"
+ text run at (0,20) width 373: "applies only to the cells, not the rows which contain them."
+ RenderBlock {P} at (4,60) size 762x30 [border: none (10px double #800080) none]
+ RenderText {#text} at (0,0) size 445x19
+ text run at (0,0) width 445: "This paragraph should have a purple, double, 10-pixel bottom border."
+ RenderBlock {P} at (4,106) size 762x21 [border: none (1px solid #800080) none]
+ RenderText {#text} at (0,0) size 361x19
+ text run at (0,0) width 361: "This paragraph should have a thin purple bottom border."
+ RenderTable {TABLE} at (4,143) size 762x118 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 760x116
+ RenderTableRow {TR} at (0,5) size 760x45
+ RenderTableCell {TD} at (5,5) size 750x45 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (2,2) size 738x39
+ text run at (2,2) width 463: "Every cell in this table should have a 2-pixel solid green bottom border. "
+ text run at (464,2) width 276: "This is also true of the table-testing section"
+ text run at (2,22) width 219: "in the second half of the test page."
+ RenderTableRow {TR} at (0,55) size 760x56
+ RenderTableCell {TD} at (5,70) size 188x25 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (2,2) size 54x19
+ text run at (2,2) width 54: "Cell one"
+ RenderTableCell {TD} at (198,55) size 557x56 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (2,2) size 553x20
+ RenderText {#text} at (0,0) size 55x19
+ text run at (0,0) width 55: "Cell two"
+ RenderTable {TABLE} at (2,22) size 166x31 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 164x29
+ RenderTableRow {TR} at (0,2) size 164x25
+ RenderTableCell {TD} at (2,2) size 160x25 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
+ RenderText {#text} at (2,2) size 156x19
+ text run at (2,2) width 156: "Nested single-cell table!"
+ RenderBlock {UL} at (4,277) size 762x149
+ RenderListItem {LI} at (40,0) size 722x83 [border: none (3px solid #000000) none]
+ RenderBlock (anonymous) at (0,0) size 722x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 123x19
+ text run at (0,0) width 123: "This is a list item..."
+ RenderBlock {UL} at (0,20) size 722x60
+ RenderListItem {LI} at (40,0) size 682x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderText {#text} at (0,0) size 75x19
+ text run at (0,0) width 75: "...and this..."
+ RenderListItem {LI} at (40,20) size 682x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderText {#text} at (0,0) size 118x19
+ text run at (0,0) width 118: "...is a second list..."
+ RenderListItem {LI} at (40,40) size 682x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderText {#text} at (0,0) size 182x19
+ text run at (0,0) width 182: "...nested within the list item."
+ RenderListItem {LI} at (40,83) size 722x23 [border: none (3px solid #000000) none]
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 163x19
+ text run at (0,0) width 163: "This is a second list item."
+ RenderListItem {LI} at (40,106) size 722x43 [border: none (3px solid #000000) none]
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 715x39
+ text run at (0,0) width 715: "Each list item in this list should have a medium-width black border at its bottom, which for the first item means"
+ text run at (0,20) width 135: "that it should appear "
+ RenderInline {EM} at (0,0) size 51x19
+ RenderText {#text} at (134,20) size 51x19
+ text run at (134,20) width 51: "beneath"
+ RenderText {#text} at (184,20) size 401x19
+ text run at (184,20) width 401: " the nested list (below the line \"...nested within the list item.\")."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_bottom_inlineexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_bottom_inline-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_bottom_inline-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_bottom_inline-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,60 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x42
+ RenderText {#text} at (0,0) size 320x42
+ text run at (0,0) width 320: ".one {border-bottom: purple double 10px;}"
+ text run at (319,0) width 1: " "
+ text run at (0,14) width 313: ".two {border-bottom: purple thin solid;}"
+ text run at (312,14) width 1: " "
+ text run at (0,28) width 0: " "
+ RenderBlock {HR} at (0,91) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,109) size 784x60 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 680x19
+ text run at (0,0) width 680: "This is an unstyled element, save for the background color, and containing inline elements with classes of "
+ RenderInline {SPAN} at (0,0) size 59x29 [border: none (10px double #800080) none]
+ RenderText {#text} at (679,0) size 59x19
+ text run at (679,0) width 59: "class one"
+ RenderText {#text} at (737,0) size 742x39
+ text run at (737,0) width 5: ","
+ text run at (0,20) width 412: "which should have a 10-pixel purple double bottom border; and "
+ RenderInline {SPAN} at (0,0) size 60x20 [border: none (1px solid #800080) none]
+ RenderText {#text} at (411,20) size 60x19
+ text run at (411,20) width 60: "class two"
+ RenderText {#text} at (470,20) size 768x39
+ text run at (470,20) width 298: ", which should have a thin solid purple bottom"
+ text run at (0,40) width 49: "border. "
+ text run at (48,40) width 439: "The line-height of the parent element should not change on any line."
+ RenderTable {TABLE} at (0,185) size 784x98 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x96
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x68
+ RenderTableCell {TD} at (0,48) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x68 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x60 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 680x19
+ text run at (0,0) width 680: "This is an unstyled element, save for the background color, and containing inline elements with classes of "
+ RenderInline {SPAN} at (0,0) size 59x29 [border: none (10px double #800080) none]
+ RenderText {#text} at (679,0) size 59x19
+ text run at (679,0) width 59: "class one"
+ RenderText {#text} at (737,0) size 742x39
+ text run at (737,0) width 5: ","
+ text run at (0,20) width 412: "which should have a 10-pixel purple double bottom border; and "
+ RenderInline {SPAN} at (0,0) size 60x20 [border: none (1px solid #800080) none]
+ RenderText {#text} at (411,20) size 60x19
+ text run at (411,20) width 60: "class two"
+ RenderText {#text} at (470,20) size 719x39
+ text run at (470,20) width 249: ", which should have a thin solid purple"
+ text run at (0,40) width 99: "bottom border. "
+ text run at (98,40) width 438: "The line-height of the parent element should not change on any line."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_bottom_widthexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_bottom_width-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_bottom_width-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_bottom_width-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,103 @@
</span><ins>+layer at (0,0) size 800x907
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x907
+ RenderBlock {HTML} at (0,0) size 800x907
+ RenderBody {BODY} at (8,8) size 784x891 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x84
+ RenderText {#text} at (0,0) size 453x84
+ text run at (0,0) width 445: ".zero {background-color: silver; border-bottom-width: 0;}"
+ text run at (444,0) width 1: " "
+ text run at (0,14) width 422: ".one {border-bottom-width: 50px; border-style: solid;}"
+ text run at (421,14) width 1: " "
+ text run at (0,28) width 430: ".two {border-bottom-width: thick; border-style: solid;}"
+ text run at (429,28) width 1: " "
+ text run at (0,42) width 453: ".three {border-bottom-width: medium; border-style: solid;}"
+ text run at (452,42) width 1: " "
+ text run at (0,56) width 430: ".four {border-bottom-width: thin; border-style: solid;}"
+ text run at (429,56) width 1: " "
+ text run at (0,70) width 266: ".five {border-bottom-width: 25px;}"
+ text run at (265,70) width 1: " "
+ RenderBlock {HR} at (0,133) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,151) size 784x20
+ RenderText {#text} at (0,0) size 160x19
+ text run at (0,0) width 160: "(These will only work if "
+ RenderInline {CODE} at (0,0) size 95x14
+ RenderText {#text} at (159,5) size 95x14
+ text run at (159,5) width 95: "border-style"
+ RenderText {#text} at (253,0) size 92x19
+ text run at (253,0) width 92: " is supported.)"
+ RenderBlock {P} at (0,187) size 784x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (0,223) size 784x73 [border: (3px solid #000000) (50px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (3,3) size 395x19
+ text run at (3,3) width 395: "This element should have a bottom border width of 50 pixels."
+ RenderBlock {P} at (0,312) size 784x28 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (3,3) size 351x19
+ text run at (3,3) width 351: "This element should have a thick bottom border width."
+ RenderBlock {P} at (0,356) size 784x26 [border: (3px solid #000000)]
+ RenderText {#text} at (3,3) size 372x19
+ text run at (3,3) width 372: "This element should have a medium bottom border width."
+ RenderBlock {P} at (0,398) size 784x24 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (3,3) size 344x19
+ text run at (3,3) width 344: "This element should have a thin bottom border width."
+ RenderBlock {P} at (0,438) size 784x20
+ RenderText {#text} at (0,0) size 545x19
+ text run at (0,0) width 545: "This element should have no border and no extra \"padding\" on its bottom side, as no "
+ RenderInline {CODE} at (0,0) size 95x14
+ RenderText {#text} at (544,5) size 95x14
+ text run at (544,5) width 95: "border-style"
+ RenderText {#text} at (638,0) size 56x19
+ text run at (638,0) width 56: " was set."
+ RenderBlock {P} at (0,474) size 784x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderTable {TABLE} at (0,510) size 716x381 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 714x379
+ RenderTableRow {TR} at (0,0) size 714x28
+ RenderTableCell {TD} at (0,0) size 714x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 714x351
+ RenderTableCell {TD} at (0,189) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 702x351 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 694x20
+ RenderText {#text} at (0,0) size 160x19
+ text run at (0,0) width 160: "(These will only work if "
+ RenderInline {CODE} at (0,0) size 95x14
+ RenderText {#text} at (159,5) size 95x14
+ text run at (159,5) width 95: "border-style"
+ RenderText {#text} at (253,0) size 92x19
+ text run at (253,0) width 92: " is supported.)"
+ RenderBlock {P} at (4,40) size 694x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (4,76) size 694x73 [border: (3px solid #000000) (50px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (3,3) size 395x19
+ text run at (3,3) width 395: "This element should have a bottom border width of 50 pixels."
+ RenderBlock {P} at (4,165) size 694x28 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (3,3) size 351x19
+ text run at (3,3) width 351: "This element should have a thick bottom border width."
+ RenderBlock {P} at (4,209) size 694x26 [border: (3px solid #000000)]
+ RenderText {#text} at (3,3) size 372x19
+ text run at (3,3) width 372: "This element should have a medium bottom border width."
+ RenderBlock {P} at (4,251) size 694x24 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (3,3) size 344x19
+ text run at (3,3) width 344: "This element should have a thin bottom border width."
+ RenderBlock {P} at (4,291) size 694x20
+ RenderText {#text} at (0,0) size 545x19
+ text run at (0,0) width 545: "This element should have no border and no extra \"padding\" on its bottom side, as no "
+ RenderInline {CODE} at (0,0) size 95x14
+ RenderText {#text} at (544,5) size 95x14
+ text run at (544,5) width 95: "border-style"
+ RenderText {#text} at (638,0) size 56x19
+ text run at (638,0) width 56: " was set."
+ RenderBlock {P} at (4,327) size 694x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_bottom_width_inlineexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_bottom_width_inline-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_bottom_width_inline-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_bottom_width_inline-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,87 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x42
+ RenderText {#text} at (0,0) size 422x42
+ text run at (0,0) width 422: ".one {border-bottom-width: 25px; border-style: solid;}"
+ text run at (421,0) width 1: " "
+ text run at (0,14) width 422: ".two {border-bottom-width: thin; border-style: solid;}"
+ text run at (421,14) width 1: " "
+ text run at (0,28) width 274: ".three {border-bottom-width: 25px;}"
+ text run at (273,28) width 1: " "
+ RenderBlock {HR} at (0,91) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,109) size 784x108 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (3,3) size 176x19
+ text run at (3,3) width 176: "This element has a class of "
+ RenderInline {TT} at (0,0) size 25x14
+ RenderText {#text} at (178,8) size 25x14
+ text run at (178,8) width 25: "one"
+ RenderText {#text} at (202,3) size 164x19
+ text run at (202,3) width 9: ". "
+ text run at (210,3) width 156: "However, it contains an "
+ RenderInline {SPAN} at (0,0) size 178x23 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (368,3) size 149x19
+ text run at (368,3) width 149: "inline element of class "
+ RenderInline {TT} at (0,0) size 24x14
+ RenderText {#text} at (516,8) size 24x14
+ text run at (516,8) width 24: "two"
+ RenderText {#text} at (542,3) size 768x59
+ text run at (542,3) width 226: ", which should result in a thin solid"
+ text run at (3,23) width 731: "border on the bottom side of each box in the inline element (and the UA's default border on the other three sides). "
+ text run at (733,23) width 38: "There"
+ text run at (3,43) width 64: "is also an "
+ RenderInline {SPAN} at (0,0) size 188x19
+ RenderText {#text} at (66,43) size 149x19
+ text run at (66,43) width 149: "inline element of class "
+ RenderInline {TT} at (0,0) size 40x14
+ RenderText {#text} at (214,48) size 40x14
+ text run at (214,48) width 40: "three"
+ RenderText {#text} at (253,43) size 764x39
+ text run at (253,43) width 514: ", which should have no bottom border width or visible border because no border"
+ text run at (3,63) width 85: "style was set."
+ RenderTable {TABLE} at (0,233) size 784x146 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x144
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x116
+ RenderTableCell {TD} at (0,72) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x116 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x108 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (3,3) size 176x19
+ text run at (3,3) width 176: "This element has a class of "
+ RenderInline {TT} at (0,0) size 25x14
+ RenderText {#text} at (178,8) size 25x14
+ text run at (178,8) width 25: "one"
+ RenderText {#text} at (202,3) size 164x19
+ text run at (202,3) width 9: ". "
+ text run at (210,3) width 156: "However, it contains an "
+ RenderInline {SPAN} at (0,0) size 178x23 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (368,3) size 149x19
+ text run at (368,3) width 149: "inline element of class "
+ RenderInline {TT} at (0,0) size 24x14
+ RenderText {#text} at (516,8) size 24x14
+ text run at (516,8) width 24: "two"
+ RenderText {#text} at (542,3) size 730x59
+ text run at (542,3) width 191: ", which should result in a thin"
+ text run at (3,23) width 717: "solid border on the bottom side of each box in the inline element (and the UA's default border on the other three"
+ text run at (3,43) width 46: "sides). "
+ text run at (48,43) width 106: "There is also an "
+ RenderInline {SPAN} at (0,0) size 187x19
+ RenderText {#text} at (153,43) size 148x19
+ text run at (153,43) width 148: "inline element of class "
+ RenderInline {TT} at (0,0) size 40x14
+ RenderText {#text} at (300,48) size 40x14
+ text run at (300,48) width 40: "three"
+ RenderText {#text} at (339,43) size 730x39
+ text run at (339,43) width 394: ", which should have no bottom border width or visible border"
+ text run at (3,63) width 206: "because no border style was set."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_colorexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_color-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_color-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_color-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,49 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x42
+ RenderText {#text} at (0,0) size 710x42
+ text run at (0,0) width 383: ".one {border-color: purple; border-style: solid;}"
+ text run at (382,0) width 1: " "
+ text run at (0,14) width 554: ".two {border-color: purple; border-width: medium; border-style: solid;}"
+ text run at (553,14) width 1: " "
+ text run at (0,28) width 710: ".three {border-color: purple green blue yellow; border-width: medium; border-style: solid;}"
+ text run at (709,28) width 1: " "
+ RenderBlock {HR} at (0,91) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,109) size 784x26 [border: (3px solid #800080)]
+ RenderText {#text} at (3,3) size 364x19
+ text run at (3,3) width 364: "This element should have a purple border surrounding it."
+ RenderBlock {P} at (0,151) size 784x26 [border: (3px solid #800080)]
+ RenderText {#text} at (3,3) size 463x19
+ text run at (3,3) width 463: "This element should have a medium-width purple border surrounding it."
+ RenderBlock {P} at (0,193) size 784x46 [border: (3px solid #800080) (3px solid #008000) (3px solid #0000FF) (3px solid #FFFF00)]
+ RenderText {#text} at (3,3) size 776x39
+ text run at (3,3) width 776: "This element should be surrounded by a medium width border which is purple on top, green on the right side, blue on the"
+ text run at (3,23) width 227: "bottom, and yellow on the left side."
+ RenderTable {TABLE} at (0,255) size 784x168 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x166
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x138
+ RenderTableCell {TD} at (0,83) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x138 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x26 [border: (3px solid #800080)]
+ RenderText {#text} at (3,3) size 364x19
+ text run at (3,3) width 364: "This element should have a purple border surrounding it."
+ RenderBlock {P} at (4,46) size 762x26 [border: (3px solid #800080)]
+ RenderText {#text} at (3,3) size 463x19
+ text run at (3,3) width 463: "This element should have a medium-width purple border surrounding it."
+ RenderBlock {P} at (4,88) size 762x46 [border: (3px solid #800080) (3px solid #008000) (3px solid #0000FF) (3px solid #FFFF00)]
+ RenderText {#text} at (3,3) size 753x39
+ text run at (3,3) width 753: "This element should be surrounded by a medium width border which is purple on top, green on the right side, blue on"
+ text run at (3,23) width 251: "the bottom, and yellow on the left side."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_color_inlineexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_color_inline-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_color_inline-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_color_inline-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,73 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x42
+ RenderText {#text} at (0,0) size 710x42
+ text run at (0,0) width 383: ".one {border-color: purple; border-style: solid;}"
+ text run at (382,0) width 1: " "
+ text run at (0,14) width 554: ".two {border-color: purple; border-width: medium; border-style: solid;}"
+ text run at (553,14) width 1: " "
+ text run at (0,28) width 710: ".three {border-color: purple green blue yellow; border-width: medium; border-style: solid;}"
+ text run at (709,28) width 1: " "
+ RenderBlock {HR} at (0,91) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,109) size 784x80 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 691x19
+ text run at (0,0) width 691: "This is an unstyled element, save for the background color, and containing inline elements with a classes of "
+ RenderInline {SPAN} at (0,0) size 65x25 [border: (3px solid #800080)]
+ RenderText {#text} at (693,0) size 59x19
+ text run at (693,0) width 59: "class one"
+ RenderText {#text} at (754,0) size 5x19
+ text run at (754,0) width 5: ","
+ RenderInline {SPAN} at (0,0) size 66x25 [border: (3px solid #800080)]
+ RenderText {#text} at (3,20) size 60x19
+ text run at (3,20) width 60: "class two"
+ RenderText {#text} at (65,20) size 36x19
+ text run at (65,20) width 36: ", and "
+ RenderInline {SPAN} at (0,0) size 74x25 [border: (3px solid #800080) (3px solid #008000) (3px solid #0000FF) (3px solid #FFFF00)]
+ RenderText {#text} at (103,20) size 68x19
+ text run at (103,20) width 68: "class three"
+ RenderText {#text} at (173,20) size 773x59
+ text run at (173,20) width 9: ". "
+ text run at (181,20) width 585: "The effect for each inline element should be to have a purple medium-width solid border in"
+ text run at (0,40) width 634: "the first and second cases, and a purple-green-blue-yellow medium-width solid border in the third. "
+ text run at (633,40) width 140: "The line-height of the"
+ text run at (0,60) width 334: "parent element should not change at all, on any line."
+ RenderTable {TABLE} at (0,205) size 784x118 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x116
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x88
+ RenderTableCell {TD} at (0,58) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x88 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x80 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 691x19
+ text run at (0,0) width 691: "This is an unstyled element, save for the background color, and containing inline elements with a classes of "
+ RenderInline {SPAN} at (0,0) size 65x25 [border: (3px solid #800080)]
+ RenderText {#text} at (693,0) size 59x19
+ text run at (693,0) width 59: "class one"
+ RenderText {#text} at (754,0) size 5x19
+ text run at (754,0) width 5: ","
+ RenderInline {SPAN} at (0,0) size 66x25 [border: (3px solid #800080)]
+ RenderText {#text} at (3,20) size 60x19
+ text run at (3,20) width 60: "class two"
+ RenderText {#text} at (65,20) size 36x19
+ text run at (65,20) width 36: ", and "
+ RenderInline {SPAN} at (0,0) size 74x25 [border: (3px solid #800080) (3px solid #008000) (3px solid #0000FF) (3px solid #FFFF00)]
+ RenderText {#text} at (103,20) size 68x19
+ text run at (103,20) width 68: "class three"
+ RenderText {#text} at (173,20) size 749x59
+ text run at (173,20) width 9: ". "
+ text run at (181,20) width 568: "The effect for each inline element should be to have a purple medium-width solid border"
+ text run at (0,40) width 651: "in the first and second cases, and a purple-green-blue-yellow medium-width solid border in the third. "
+ text run at (650,40) width 99: "The line-height"
+ text run at (0,60) width 375: "of the parent element should not change at all, on any line."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_inlineexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_inline-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_inline-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_inline-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,59 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x42
+ RenderText {#text} at (0,0) size 250x42
+ text run at (0,0) width 250: ".one {border: 10px teal outset;}"
+ text run at (249,0) width 1: " "
+ text run at (0,14) width 250: ".two {border: 10px olive inset;}"
+ text run at (249,14) width 1: " "
+ text run at (0,28) width 0: " "
+ RenderBlock {HR} at (0,91) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,109) size 784x60 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 691x19
+ text run at (0,0) width 691: "This is an unstyled element, save for the background color, and containing inline elements with a classes of "
+ RenderInline {SPAN} at (0,0) size 79x39 [border: (10px outset #008080)]
+ RenderText {#text} at (700,0) size 59x19
+ text run at (700,0) width 59: "class one"
+ RenderText {#text} at (768,0) size 773x39
+ text run at (768,0) width 5: ","
+ text run at (0,20) width 361: "which should result in a 10-pixel outset teal border; and "
+ RenderInline {SPAN} at (0,0) size 80x39 [border: (10px inset #808000)]
+ RenderText {#text} at (370,20) size 60x19
+ text run at (370,20) width 60: "class two"
+ RenderText {#text} at (439,20) size 778x39
+ text run at (439,20) width 339: ", which should result in a 10-pixel inset olive border."
+ text run at (0,40) width 438: "The line-height of the parent element should not change on any line."
+ RenderTable {TABLE} at (0,185) size 784x98 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x96
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x68
+ RenderTableCell {TD} at (0,48) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x68 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x60 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 691x19
+ text run at (0,0) width 691: "This is an unstyled element, save for the background color, and containing inline elements with a classes of "
+ RenderInline {SPAN} at (0,0) size 732x59 [border: (10px outset #008080)]
+ RenderText {#text} at (700,0) size 732x39
+ text run at (700,0) width 32: "class"
+ text run at (0,20) width 24: "one"
+ RenderText {#text} at (33,20) size 369x19
+ text run at (33,20) width 369: ", which should result in a 10-pixel outset teal border; and "
+ RenderInline {SPAN} at (0,0) size 81x39 [border: (10px inset #808000)]
+ RenderText {#text} at (411,20) size 61x19
+ text run at (411,20) width 61: "class two"
+ RenderText {#text} at (481,20) size 734x39
+ text run at (481,20) width 253: ", which should result in a 10-pixel inset"
+ text run at (0,40) width 85: "olive border. "
+ text run at (84,40) width 439: "The line-height of the parent element should not change on any line."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_leftexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_left-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_left-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_left-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,162 @@
</span><ins>+layer at (0,0) size 800x1089
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x1089
+ RenderBlock {HTML} at (0,0) size 800x1089
+ RenderBody {BODY} at (8,8) size 784x1073 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (20,0) size 764x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x98
+ RenderText {#text} at (0,0) size 336x98
+ text run at (0,0) width 172: "P {margin-left: 20px;}"
+ text run at (171,0) width 1: " "
+ text run at (0,14) width 305: ".one {border-left: purple double 10px;}"
+ text run at (304,14) width 1: " "
+ text run at (0,28) width 297: ".two {border-left: purple thin solid;}"
+ text run at (296,28) width 1: " "
+ text run at (0,42) width 328: ".threea {border-left: black medium solid;}"
+ text run at (327,42) width 1: " "
+ text run at (0,56) width 336: ".threeb {border-left: purple medium solid;}"
+ text run at (335,56) width 1: " "
+ text run at (0,70) width 320: ".threec {border-left: blue medium solid;}"
+ text run at (319,70) width 1: " "
+ text run at (0,84) width 266: "TD {border-left: green 2px solid;}"
+ text run at (265,84) width 1: " "
+ RenderBlock {HR} at (0,147) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (20,165) size 764x40
+ RenderText {#text} at (0,0) size 723x39
+ text run at (0,0) width 649: "Note that all table cells on this page should have a two-pixel solid green border along their left sides. "
+ text run at (648,0) width 75: "This border"
+ text run at (0,20) width 373: "applies only to the cells, not the rows which contain them."
+ RenderBlock {P} at (20,221) size 764x20 [border: none (10px double #800080)]
+ RenderText {#text} at (10,0) size 421x19
+ text run at (10,0) width 421: "This paragraph should have a purple, double, 10-pixel left border."
+ RenderBlock {P} at (20,257) size 764x20 [border: none (1px solid #800080)]
+ RenderText {#text} at (1,0) size 337x19
+ text run at (1,0) width 337: "This paragraph should have a thin purple left border."
+ RenderTable {TABLE} at (0,293) size 784x115 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x113
+ RenderTableRow {TR} at (0,5) size 782x44
+ RenderTableCell {TD} at (5,5) size 772x44 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (3,2) size 754x39
+ text run at (3,2) width 439: "Every cell in this table should have a 2-pixel solid green left border. "
+ text run at (441,2) width 316: "This is also true of the table-testing section in the"
+ text run at (3,22) width 179: "second half of the test page."
+ RenderTableRow {TR} at (0,54) size 782x54
+ RenderTableCell {TD} at (5,69) size 195x24 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (3,2) size 54x19
+ text run at (3,2) width 54: "Cell one"
+ RenderTableCell {TD} at (205,54) size 572x54 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (3,2) size 567x20
+ RenderText {#text} at (0,0) size 55x19
+ text run at (0,0) width 55: "Cell two"
+ RenderTable {TABLE} at (3,22) size 167x30 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 165x28
+ RenderTableRow {TR} at (0,2) size 165x24
+ RenderTableCell {TD} at (2,2) size 161x24 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
+ RenderText {#text} at (3,2) size 156x19
+ text run at (3,2) width 156: "Nested single-cell table!"
+ RenderBlock {UL} at (0,424) size 784x160
+ RenderListItem {LI} at (40,0) size 744x80 [border: none (3px solid #000000)]
+ RenderBlock (anonymous) at (3,0) size 741x20
+ RenderListMarker at (-21,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 123x19
+ text run at (0,0) width 123: "This is a list item..."
+ RenderBlock {UL} at (3,20) size 741x60
+ RenderListItem {LI} at (40,0) size 701x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderText {#text} at (0,0) size 75x19
+ text run at (0,0) width 75: "...and this..."
+ RenderListItem {LI} at (40,20) size 701x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderText {#text} at (0,0) size 118x19
+ text run at (0,0) width 118: "...is a second list..."
+ RenderListItem {LI} at (40,40) size 701x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderText {#text} at (0,0) size 182x19
+ text run at (0,0) width 182: "...nested within the list item."
+ RenderListItem {LI} at (40,80) size 744x20 [border: none (3px solid #800080)]
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (3,0) size 163x19
+ text run at (3,0) width 163: "This is a second list item."
+ RenderListItem {LI} at (40,100) size 744x60 [border: none (3px solid #0000FF)]
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (3,0) size 738x59
+ text run at (3,0) width 713: "Each list item in this 'parent' list should have a medium-width border along its left side, in each of three colors. "
+ text run at (715,0) width 26: "The"
+ text run at (3,20) width 738: "first item's border should travel the entire height the nested list (to end near the baseline of the line \"...nested within"
+ text run at (3,40) width 502: "the list item.\"), even though the nested list does not have any border styles set."
+ RenderTable {TABLE} at (0,600) size 784x473 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x471
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (5,4) size 161x19
+ text run at (5,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x443
+ RenderTableCell {TD} at (0,235) size 13x28 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (5,4) size 4x19
+ text run at (5,4) width 4: " "
+ RenderTableCell {TD} at (13,28) size 769x443 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (25,4) size 740x40
+ RenderText {#text} at (0,0) size 723x39
+ text run at (0,0) width 649: "Note that all table cells on this page should have a two-pixel solid green border along their left sides. "
+ text run at (648,0) width 75: "This border"
+ text run at (0,20) width 373: "applies only to the cells, not the rows which contain them."
+ RenderBlock {P} at (25,60) size 740x20 [border: none (10px double #800080)]
+ RenderText {#text} at (10,0) size 421x19
+ text run at (10,0) width 421: "This paragraph should have a purple, double, 10-pixel left border."
+ RenderBlock {P} at (25,96) size 740x20 [border: none (1px solid #800080)]
+ RenderText {#text} at (1,0) size 337x19
+ text run at (1,0) width 337: "This paragraph should have a thin purple left border."
+ RenderTable {TABLE} at (5,132) size 760x115 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 758x113
+ RenderTableRow {TR} at (0,5) size 758x44
+ RenderTableCell {TD} at (5,5) size 748x44 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (3,2) size 730x39
+ text run at (3,2) width 439: "Every cell in this table should have a 2-pixel solid green left border. "
+ text run at (441,2) width 292: "This is also true of the table-testing section in"
+ text run at (3,22) width 203: "the second half of the test page."
+ RenderTableRow {TR} at (0,54) size 758x54
+ RenderTableCell {TD} at (5,69) size 189x24 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (3,2) size 54x19
+ text run at (3,2) width 54: "Cell one"
+ RenderTableCell {TD} at (199,54) size 554x54 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (3,2) size 549x20
+ RenderText {#text} at (0,0) size 55x19
+ text run at (0,0) width 55: "Cell two"
+ RenderTable {TABLE} at (3,22) size 167x30 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 165x28
+ RenderTableRow {TR} at (0,2) size 165x24
+ RenderTableCell {TD} at (2,2) size 161x24 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
+ RenderText {#text} at (3,2) size 156x19
+ text run at (3,2) width 156: "Nested single-cell table!"
+ RenderBlock {UL} at (5,263) size 760x160
+ RenderListItem {LI} at (40,0) size 720x80 [border: none (3px solid #000000)]
+ RenderBlock (anonymous) at (3,0) size 717x20
+ RenderListMarker at (-21,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 123x19
+ text run at (0,0) width 123: "This is a list item..."
+ RenderBlock {UL} at (3,20) size 717x60
+ RenderListItem {LI} at (40,0) size 677x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderText {#text} at (0,0) size 75x19
+ text run at (0,0) width 75: "...and this..."
+ RenderListItem {LI} at (40,20) size 677x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderText {#text} at (0,0) size 118x19
+ text run at (0,0) width 118: "...is a second list..."
+ RenderListItem {LI} at (40,40) size 677x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderText {#text} at (0,0) size 182x19
+ text run at (0,0) width 182: "...nested within the list item."
+ RenderListItem {LI} at (40,80) size 720x20 [border: none (3px solid #800080)]
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (3,0) size 163x19
+ text run at (3,0) width 163: "This is a second list item."
+ RenderListItem {LI} at (40,100) size 720x60 [border: none (3px solid #0000FF)]
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (3,0) size 709x59
+ text run at (3,0) width 709: "Each list item in this 'parent' list should have a medium-width border along its left side, in each of three colors."
+ text run at (3,20) width 659: "The first item's border should travel the entire height the nested list (to end near the baseline of the line"
+ text run at (3,40) width 610: "\"...nested within the list item.\"), even though the nested list does not have any border styles set."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_left_inlineexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_left_inline-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_left_inline-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_left_inline-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,62 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (20,0) size 764x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x56
+ RenderText {#text} at (0,0) size 305x56
+ text run at (0,0) width 172: "P {margin-left: 20px;}"
+ text run at (171,0) width 1: " "
+ text run at (0,14) width 305: ".one {border-left: purple double 10px;}"
+ text run at (304,14) width 1: " "
+ text run at (0,28) width 297: ".two {border-left: purple thin solid;}"
+ text run at (296,28) width 1: " "
+ text run at (0,42) width 0: " "
+ RenderBlock {HR} at (0,105) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (20,123) size 764x60 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 760x39
+ text run at (0,0) width 760: "This paragraph has a background color of silver and a 20-pixel left margin, and it contains inline elements with classes"
+ text run at (0,20) width 18: "of "
+ RenderInline {SPAN} at (0,0) size 69x19 [border: none (10px double #800080)]
+ RenderText {#text} at (27,20) size 59x19
+ text run at (27,20) width 59: "class one"
+ RenderText {#text} at (85,20) size 396x19
+ text run at (85,20) width 396: ", which should have a 10-pixel purple double left border; and "
+ RenderInline {SPAN} at (0,0) size 62x19 [border: none (1px solid #800080)]
+ RenderText {#text} at (481,20) size 61x19
+ text run at (481,20) width 61: "class two"
+ RenderText {#text} at (541,20) size 745x39
+ text run at (541,20) width 204: ", which should have a thin solid"
+ text run at (0,40) width 120: "purple left border. "
+ text run at (119,40) width 438: "The line-height of the parent element should not change on any line."
+ RenderTable {TABLE} at (0,199) size 784x98 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x96
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x68
+ RenderTableCell {TD} at (0,48) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x68 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (24,4) size 742x60 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 712x39
+ text run at (0,0) width 712: "This paragraph has a background color of silver and a 20-pixel left margin, and it contains inline elements with"
+ text run at (0,20) width 66: "classes of "
+ RenderInline {SPAN} at (0,0) size 69x19 [border: none (10px double #800080)]
+ RenderText {#text} at (75,20) size 59x19
+ text run at (75,20) width 59: "class one"
+ RenderText {#text} at (133,20) size 397x19
+ text run at (133,20) width 397: ", which should have a 10-pixel purple double left border; and "
+ RenderInline {SPAN} at (0,0) size 61x19 [border: none (1px solid #800080)]
+ RenderText {#text} at (530,20) size 60x19
+ text run at (530,20) width 60: "class two"
+ RenderText {#text} at (589,20) size 729x39
+ text run at (589,20) width 140: ", which should have a"
+ text run at (0,40) width 184: "thin solid purple left border. "
+ text run at (183,40) width 438: "The line-height of the parent element should not change on any line."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_left_widthexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_left_width-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_left_width-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_left_width-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,103 @@
</span><ins>+layer at (0,0) size 800x861
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x861
+ RenderBlock {HTML} at (0,0) size 800x861
+ RenderBody {BODY} at (8,8) size 784x845 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x84
+ RenderText {#text} at (0,0) size 437x84
+ text run at (0,0) width 430: ".zero {background-color: silver; border-left-width: 0;}"
+ text run at (429,0) width 1: " "
+ text run at (0,14) width 406: ".one {border-left-width: 50px; border-style: solid;}"
+ text run at (405,14) width 1: " "
+ text run at (0,28) width 414: ".two {border-left-width: thick; border-style: solid;}"
+ text run at (413,28) width 1: " "
+ text run at (0,42) width 437: ".three {border-left-width: medium; border-style: solid;}"
+ text run at (436,42) width 1: " "
+ text run at (0,56) width 414: ".four {border-left-width: thin; border-style: solid;}"
+ text run at (413,56) width 1: " "
+ text run at (0,70) width 250: ".five {border-left-width: 25px;}"
+ text run at (249,70) width 1: " "
+ RenderBlock {HR} at (0,133) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,151) size 784x20
+ RenderText {#text} at (0,0) size 160x19
+ text run at (0,0) width 160: "(These will only work if "
+ RenderInline {CODE} at (0,0) size 95x14
+ RenderText {#text} at (159,5) size 95x14
+ text run at (159,5) width 95: "border-style"
+ RenderText {#text} at (253,0) size 92x19
+ text run at (253,0) width 92: " is supported.)"
+ RenderBlock {P} at (0,187) size 784x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (0,223) size 784x46 [border: (3px solid #000000) (50px solid #000000)]
+ RenderText {#text} at (50,3) size 728x39
+ text run at (50,3) width 728: "This element should have a left border width of 50 pixels, which will be more obvious if the element is more than"
+ text run at (50,23) width 88: "one line long."
+ RenderBlock {P} at (0,285) size 784x26 [border: (3px solid #000000) (5px solid #000000)]
+ RenderText {#text} at (5,3) size 776x19
+ text run at (5,3) width 776: "This element should have a thick left border width, which will be more obvious if the element is more than one line long."
+ RenderBlock {P} at (0,327) size 784x46 [border: (3px solid #000000)]
+ RenderText {#text} at (3,3) size 760x39
+ text run at (3,3) width 760: "This element should have a medium left border width, which will be more obvious if the element is more than one line"
+ text run at (3,23) width 33: "long."
+ RenderBlock {P} at (0,389) size 784x26 [border: (3px solid #000000) (1px solid #000000)]
+ RenderText {#text} at (1,3) size 769x19
+ text run at (1,3) width 769: "This element should have a thin left border width, which will be more obvious if the element is more than one line long."
+ RenderBlock {P} at (0,431) size 784x20
+ RenderText {#text} at (0,0) size 521x19
+ text run at (0,0) width 521: "This element should have no border and no extra \"padding\" on its left side, as no "
+ RenderInline {CODE} at (0,0) size 95x14
+ RenderText {#text} at (520,5) size 95x14
+ text run at (520,5) width 95: "border-style"
+ RenderText {#text} at (614,0) size 56x19
+ text run at (614,0) width 56: " was set."
+ RenderTable {TABLE} at (0,467) size 784x378 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x376
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x348
+ RenderTableCell {TD} at (0,188) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x348 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x20
+ RenderText {#text} at (0,0) size 160x19
+ text run at (0,0) width 160: "(These will only work if "
+ RenderInline {CODE} at (0,0) size 95x14
+ RenderText {#text} at (159,5) size 95x14
+ text run at (159,5) width 95: "border-style"
+ RenderText {#text} at (253,0) size 92x19
+ text run at (253,0) width 92: " is supported.)"
+ RenderBlock {P} at (4,40) size 762x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (4,76) size 762x46 [border: (3px solid #000000) (50px solid #000000)]
+ RenderText {#text} at (50,3) size 697x39
+ text run at (50,3) width 697: "This element should have a left border width of 50 pixels, which will be more obvious if the element is more"
+ text run at (50,23) width 120: "than one line long."
+ RenderBlock {P} at (4,138) size 762x46 [border: (3px solid #000000) (5px solid #000000)]
+ RenderText {#text} at (5,3) size 740x39
+ text run at (5,3) width 740: "This element should have a thick left border width, which will be more obvious if the element is more than one line"
+ text run at (5,23) width 33: "long."
+ RenderBlock {P} at (4,200) size 762x46 [border: (3px solid #000000)]
+ RenderText {#text} at (3,3) size 732x39
+ text run at (3,3) width 732: "This element should have a medium left border width, which will be more obvious if the element is more than one"
+ text run at (3,23) width 61: "line long."
+ RenderBlock {P} at (4,262) size 762x46 [border: (3px solid #000000) (1px solid #000000)]
+ RenderText {#text} at (1,3) size 733x39
+ text run at (1,3) width 733: "This element should have a thin left border width, which will be more obvious if the element is more than one line"
+ text run at (1,23) width 33: "long."
+ RenderBlock {P} at (4,324) size 762x20
+ RenderText {#text} at (0,0) size 521x19
+ text run at (0,0) width 521: "This element should have no border and no extra \"padding\" on its left side, as no "
+ RenderInline {CODE} at (0,0) size 95x14
+ RenderText {#text} at (520,5) size 95x14
+ text run at (520,5) width 95: "border-style"
+ RenderText {#text} at (614,0) size 56x19
+ text run at (614,0) width 56: " was set."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_left_width_inlineexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_left_width_inline-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_left_width_inline-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_left_width_inline-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,97 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x42
+ RenderText {#text} at (0,0) size 406x42
+ text run at (0,0) width 406: ".one {border-left-width: 25px; border-style: solid;}"
+ text run at (405,0) width 1: " "
+ text run at (0,14) width 406: ".two {border-left-width: thin; border-style: solid;}"
+ text run at (405,14) width 1: " "
+ text run at (0,28) width 258: ".three {border-left-width: 25px;}"
+ text run at (257,28) width 1: " "
+ RenderBlock {HR} at (0,91) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,109) size 784x86 [border: (3px solid #000000) (25px solid #000000)]
+ RenderText {#text} at (25,3) size 176x19
+ text run at (25,3) width 176: "This element has a class of "
+ RenderInline {TT} at (0,0) size 25x14
+ RenderText {#text} at (200,8) size 25x14
+ text run at (200,8) width 25: "one"
+ RenderText {#text} at (224,3) size 164x19
+ text run at (224,3) width 9: ". "
+ text run at (232,3) width 156: "However, it contains an "
+ RenderInline {SPAN} at (0,0) size 176x25 [border: (3px solid #000000) (1px solid #000000)]
+ RenderText {#text} at (388,3) size 149x19
+ text run at (388,3) width 149: "inline element of class "
+ RenderInline {TT} at (0,0) size 24x14
+ RenderText {#text} at (536,8) size 24x14
+ text run at (536,8) width 24: "two"
+ RenderText {#text} at (562,3) size 728x39
+ text run at (562,3) width 191: ", which should result in a thin"
+ text run at (25,23) width 221: "solid border on the left side of the "
+ RenderInline {STRONG} at (0,0) size 29x19
+ RenderText {#text} at (245,23) size 29x19
+ text run at (245,23) width 29: "first"
+ RenderText {#text} at (273,23) size 715x39
+ text run at (273,23) width 467: " box in the inline element (and the UA's default border on the other three"
+ text run at (25,43) width 46: "sides). "
+ text run at (70,43) width 106: "There is also an "
+ RenderInline {SPAN} at (0,0) size 187x19
+ RenderText {#text} at (175,43) size 148x19
+ text run at (175,43) width 148: "inline element of class "
+ RenderInline {TT} at (0,0) size 40x14
+ RenderText {#text} at (322,48) size 40x14
+ text run at (322,48) width 40: "three"
+ RenderText {#text} at (361,43) size 706x39
+ text run at (361,43) width 370: ", which should have no left border width or visible border"
+ text run at (25,63) width 206: "because no border style was set."
+ RenderTable {TABLE} at (0,211) size 784x124 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x122
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x94
+ RenderTableCell {TD} at (0,61) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x94 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x86 [border: (3px solid #000000) (25px solid #000000)]
+ RenderText {#text} at (25,3) size 176x19
+ text run at (25,3) width 176: "This element has a class of "
+ RenderInline {TT} at (0,0) size 25x14
+ RenderText {#text} at (200,8) size 25x14
+ text run at (200,8) width 25: "one"
+ RenderText {#text} at (224,3) size 164x19
+ text run at (224,3) width 9: ". "
+ text run at (232,3) width 156: "However, it contains an "
+ RenderInline {SPAN} at (0,0) size 176x25 [border: (3px solid #000000) (1px solid #000000)]
+ RenderText {#text} at (388,3) size 149x19
+ text run at (388,3) width 149: "inline element of class "
+ RenderInline {TT} at (0,0) size 24x14
+ RenderText {#text} at (536,8) size 24x14
+ text run at (536,8) width 24: "two"
+ RenderText {#text} at (562,3) size 728x39
+ text run at (562,3) width 191: ", which should result in a thin"
+ text run at (25,23) width 221: "solid border on the left side of the "
+ RenderInline {STRONG} at (0,0) size 29x19
+ RenderText {#text} at (245,23) size 29x19
+ text run at (245,23) width 29: "first"
+ RenderText {#text} at (273,23) size 715x39
+ text run at (273,23) width 467: " box in the inline element (and the UA's default border on the other three"
+ text run at (25,43) width 46: "sides). "
+ text run at (70,43) width 106: "There is also an "
+ RenderInline {SPAN} at (0,0) size 187x19
+ RenderText {#text} at (175,43) size 148x19
+ text run at (175,43) width 148: "inline element of class "
+ RenderInline {TT} at (0,0) size 40x14
+ RenderText {#text} at (322,48) size 40x14
+ text run at (322,48) width 40: "three"
+ RenderText {#text} at (361,43) size 706x39
+ text run at (361,43) width 370: ", which should have no left border width or visible border"
+ text run at (25,63) width 206: "because no border style was set."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_rightexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_right-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_right-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_right-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,62 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 764x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x56
+ RenderText {#text} at (0,0) size 313x56
+ text run at (0,0) width 180: "P {margin-right: 20px;}"
+ text run at (179,0) width 1: " "
+ text run at (0,14) width 313: ".one {border-right: purple double 10px;}"
+ text run at (312,14) width 1: " "
+ text run at (0,28) width 305: ".two {border-right: purple thin solid;}"
+ text run at (304,28) width 1: " "
+ text run at (0,42) width 0: " "
+ RenderBlock {HR} at (0,105) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,123) size 764x60 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 720x39
+ text run at (0,0) width 720: "This paragraph has a background color of silver and a 20-pixel right margin, and it contains inline elements with"
+ text run at (0,20) width 66: "classes of "
+ RenderInline {SPAN} at (0,0) size 69x19 [border: none (10px double #800080) none]
+ RenderText {#text} at (65,20) size 59x19
+ text run at (65,20) width 59: "class one"
+ RenderText {#text} at (133,20) size 406x19
+ text run at (133,20) width 406: ", which should have a 10-pixel purple double right border; and "
+ RenderInline {SPAN} at (0,0) size 61x19 [border: none (1px solid #800080) none]
+ RenderText {#text} at (538,20) size 60x19
+ text run at (538,20) width 60: "class two"
+ RenderText {#text} at (598,20) size 738x39
+ text run at (598,20) width 140: ", which should have a"
+ text run at (0,40) width 192: "thin solid purple right border. "
+ text run at (191,40) width 439: "The line-height of the parent element should not change on any line."
+ RenderTable {TABLE} at (0,199) size 784x98 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x96
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x68
+ RenderTableCell {TD} at (0,48) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x68 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 742x60 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 720x39
+ text run at (0,0) width 720: "This paragraph has a background color of silver and a 20-pixel right margin, and it contains inline elements with"
+ text run at (0,20) width 66: "classes of "
+ RenderInline {SPAN} at (0,0) size 69x19 [border: none (10px double #800080) none]
+ RenderText {#text} at (65,20) size 59x19
+ text run at (65,20) width 59: "class one"
+ RenderText {#text} at (133,20) size 406x19
+ text run at (133,20) width 406: ", which should have a 10-pixel purple double right border; and "
+ RenderInline {SPAN} at (0,0) size 61x19 [border: none (1px solid #800080) none]
+ RenderText {#text} at (538,20) size 60x19
+ text run at (538,20) width 60: "class two"
+ RenderText {#text} at (598,20) size 738x39
+ text run at (598,20) width 140: ", which should have a"
+ text run at (0,40) width 192: "thin solid purple right border. "
+ text run at (191,40) width 439: "The line-height of the parent element should not change on any line."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_right_inlineexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_right_inline-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_right_inline-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_right_inline-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,167 @@
</span><ins>+layer at (0,0) size 800x1149
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x1149
+ RenderBlock {HTML} at (0,0) size 800x1149
+ RenderBody {BODY} at (8,8) size 784x1133 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 764x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x98
+ RenderText {#text} at (0,0) size 344x98
+ text run at (0,0) width 180: "P {margin-right: 20px;}"
+ text run at (179,0) width 1: " "
+ text run at (0,14) width 313: ".one {border-right: purple double 10px;}"
+ text run at (312,14) width 1: " "
+ text run at (0,28) width 305: ".two {border-right: purple thin solid;}"
+ text run at (304,28) width 1: " "
+ text run at (0,42) width 336: ".threea {border-right: black medium solid;}"
+ text run at (335,42) width 1: " "
+ text run at (0,56) width 344: ".threeb {border-right: purple medium solid;}"
+ text run at (343,56) width 1: " "
+ text run at (0,70) width 328: ".threec {border-right: blue medium solid;}"
+ text run at (327,70) width 1: " "
+ text run at (0,84) width 274: "TD {border-right: green 2px solid;}"
+ text run at (273,84) width 1: " "
+ RenderBlock {HR} at (0,147) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,165) size 764x40
+ RenderText {#text} at (0,0) size 732x39
+ text run at (0,0) width 658: "Note that all table cells on this page should have a two-pixel solid green border along their right sides. "
+ text run at (657,0) width 75: "This border"
+ text run at (0,20) width 373: "applies only to the cells, not the rows which contain them."
+ RenderBlock {P} at (0,221) size 764x20 [border: none (10px double #800080) none]
+ RenderText {#text} at (0,0) size 430x19
+ text run at (0,0) width 430: "This paragraph should have a purple, double, 10-pixel right border."
+ RenderBlock {P} at (0,257) size 764x20 [border: none (1px solid #800080) none]
+ RenderText {#text} at (0,0) size 346x19
+ text run at (0,0) width 346: "This paragraph should have a thin purple right border."
+ RenderTable {TABLE} at (0,293) size 784x115 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x113
+ RenderTableRow {TR} at (0,5) size 782x44
+ RenderTableCell {TD} at (5,5) size 772x44 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (2,2) size 763x39
+ text run at (2,2) width 447: "Every cell in this table should have a 2-pixel solid green right border. "
+ text run at (448,2) width 317: "This is also true of the table-testing section in the"
+ text run at (2,22) width 179: "second half of the test page."
+ RenderTableRow {TR} at (0,54) size 782x54
+ RenderTableCell {TD} at (5,69) size 195x24 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (2,2) size 54x19
+ text run at (2,2) width 54: "Cell one"
+ RenderTableCell {TD} at (205,54) size 572x54 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (2,2) size 567x20
+ RenderText {#text} at (0,0) size 55x19
+ text run at (0,0) width 55: "Cell two"
+ RenderTable {TABLE} at (2,22) size 167x30 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 165x28
+ RenderTableRow {TR} at (0,2) size 165x24
+ RenderTableCell {TD} at (2,2) size 161x24 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
+ RenderText {#text} at (2,2) size 156x19
+ text run at (2,2) width 156: "Nested single-cell table!"
+ RenderBlock {UL} at (0,424) size 784x180
+ RenderListItem {LI} at (40,0) size 744x80 [border: none (3px solid #000000) none]
+ RenderBlock (anonymous) at (0,0) size 741x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 123x19
+ text run at (0,0) width 123: "This is a list item..."
+ RenderBlock {UL} at (0,20) size 741x60
+ RenderListItem {LI} at (40,0) size 701x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderText {#text} at (0,0) size 75x19
+ text run at (0,0) width 75: "...and this..."
+ RenderListItem {LI} at (40,20) size 701x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderText {#text} at (0,0) size 118x19
+ text run at (0,0) width 118: "...is a second list..."
+ RenderListItem {LI} at (40,40) size 701x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderText {#text} at (0,0) size 182x19
+ text run at (0,0) width 182: "...nested within the list item."
+ RenderListItem {LI} at (40,80) size 744x20 [border: none (3px solid #800080) none]
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 163x19
+ text run at (0,0) width 163: "This is a second list item."
+ RenderListItem {LI} at (40,100) size 744x80 [border: none (3px solid #0000FF) none]
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 722x79
+ text run at (0,0) width 718: "Each list item in this 'parent' list should have a medium-width border along its right side, in each of three colors."
+ text run at (0,20) width 722: "The first item's border should travel the entire height the nested list (to end near the baseline of the line \"...nested"
+ text run at (0,40) width 550: "within the list item.\"), even though the nested list does not have any border styles set. "
+ text run at (549,40) width 173: "The borders should line up"
+ text run at (0,60) width 633: "together at the right edge of the document's body, as each list element has a default width of 100%."
+ RenderTable {TABLE} at (0,620) size 784x513 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x511
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x483
+ RenderTableCell {TD} at (0,255) size 13x28 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (13,28) size 769x483 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 740x40
+ RenderText {#text} at (0,0) size 732x39
+ text run at (0,0) width 658: "Note that all table cells on this page should have a two-pixel solid green border along their right sides. "
+ text run at (657,0) width 75: "This border"
+ text run at (0,20) width 373: "applies only to the cells, not the rows which contain them."
+ RenderBlock {P} at (4,60) size 740x20 [border: none (10px double #800080) none]
+ RenderText {#text} at (0,0) size 430x19
+ text run at (0,0) width 430: "This paragraph should have a purple, double, 10-pixel right border."
+ RenderBlock {P} at (4,96) size 740x20 [border: none (1px solid #800080) none]
+ RenderText {#text} at (0,0) size 346x19
+ text run at (0,0) width 346: "This paragraph should have a thin purple right border."
+ RenderTable {TABLE} at (4,132) size 760x115 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 758x113
+ RenderTableRow {TR} at (0,5) size 758x44
+ RenderTableCell {TD} at (5,5) size 748x44 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (2,2) size 739x39
+ text run at (2,2) width 447: "Every cell in this table should have a 2-pixel solid green right border. "
+ text run at (448,2) width 293: "This is also true of the table-testing section in"
+ text run at (2,22) width 203: "the second half of the test page."
+ RenderTableRow {TR} at (0,54) size 758x54
+ RenderTableCell {TD} at (5,69) size 189x24 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (2,2) size 54x19
+ text run at (2,2) width 54: "Cell one"
+ RenderTableCell {TD} at (199,54) size 554x54 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (2,2) size 549x20
+ RenderText {#text} at (0,0) size 55x19
+ text run at (0,0) width 55: "Cell two"
+ RenderTable {TABLE} at (2,22) size 167x30 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 165x28
+ RenderTableRow {TR} at (0,2) size 165x24
+ RenderTableCell {TD} at (2,2) size 161x24 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
+ RenderText {#text} at (2,2) size 156x19
+ text run at (2,2) width 156: "Nested single-cell table!"
+ RenderBlock {UL} at (4,263) size 760x200
+ RenderListItem {LI} at (40,0) size 720x80 [border: none (3px solid #000000) none]
+ RenderBlock (anonymous) at (0,0) size 717x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 123x19
+ text run at (0,0) width 123: "This is a list item..."
+ RenderBlock {UL} at (0,20) size 717x60
+ RenderListItem {LI} at (40,0) size 677x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderText {#text} at (0,0) size 75x19
+ text run at (0,0) width 75: "...and this..."
+ RenderListItem {LI} at (40,20) size 677x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderText {#text} at (0,0) size 118x19
+ text run at (0,0) width 118: "...is a second list..."
+ RenderListItem {LI} at (40,40) size 677x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderText {#text} at (0,0) size 182x19
+ text run at (0,0) width 182: "...nested within the list item."
+ RenderListItem {LI} at (40,80) size 720x20 [border: none (3px solid #800080) none]
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 163x19
+ text run at (0,0) width 163: "This is a second list item."
+ RenderListItem {LI} at (40,100) size 720x100 [border: none (3px solid #0000FF) none]
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 706x99
+ text run at (0,0) width 671: "Each list item in this 'parent' list should have a medium-width border along its right side, in each of three"
+ text run at (0,20) width 48: "colors. "
+ text run at (47,20) width 659: "The first item's border should travel the entire height the nested list (to end near the baseline of the line"
+ text run at (0,40) width 614: "\"...nested within the list item.\"), even though the nested list does not have any border styles set. "
+ text run at (613,40) width 78: "The borders"
+ text run at (0,60) width 683: "should line up together at the right edge of the document's body, as each list element has a default width of"
+ text run at (0,80) width 42: "100%."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_right_widthexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_right_width-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_right_width-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_right_width-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,104 @@
</span><ins>+layer at (0,0) size 800x881
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x881
+ RenderBlock {HTML} at (0,0) size 800x881
+ RenderBody {BODY} at (8,8) size 784x865 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x84
+ RenderText {#text} at (0,0) size 445x84
+ text run at (0,0) width 437: ".zero {background-color: silver; border-right-width: 0;}"
+ text run at (436,0) width 1: " "
+ text run at (0,14) width 414: ".one {border-right-width: 25px; border-style: solid;}"
+ text run at (413,14) width 1: " "
+ text run at (0,28) width 422: ".two {border-right-width: thick; border-style: solid;}"
+ text run at (421,28) width 1: " "
+ text run at (0,42) width 445: ".three {border-right-width: medium; border-style: solid;}"
+ text run at (444,42) width 1: " "
+ text run at (0,56) width 422: ".four {border-right-width: thin; border-style: solid;}"
+ text run at (421,56) width 1: " "
+ text run at (0,70) width 266: ".five {border-right-width: 100px;}"
+ text run at (265,70) width 1: " "
+ RenderBlock {HR} at (0,133) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,151) size 784x20
+ RenderText {#text} at (0,0) size 160x19
+ text run at (0,0) width 160: "(These will only work if "
+ RenderInline {CODE} at (0,0) size 95x14
+ RenderText {#text} at (159,5) size 95x14
+ text run at (159,5) width 95: "border-style"
+ RenderText {#text} at (253,0) size 92x19
+ text run at (253,0) width 92: " is supported.)"
+ RenderBlock {P} at (0,187) size 784x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (0,223) size 784x46 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (3,3) size 737x39
+ text run at (3,3) width 737: "This element should have a right border width of 25 pixels, which will be more obvious if the element is more than"
+ text run at (3,23) width 88: "one line long."
+ RenderBlock {P} at (0,285) size 784x46 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (3,3) size 749x39
+ text run at (3,3) width 749: "This element should have a thick right border width, which will be more obvious if the element is more than one line"
+ text run at (3,23) width 33: "long."
+ RenderBlock {P} at (0,347) size 784x46 [border: (3px solid #000000)]
+ RenderText {#text} at (3,3) size 769x39
+ text run at (3,3) width 769: "This element should have a medium right border width, which will be more obvious if the element is more than one line"
+ text run at (3,23) width 33: "long."
+ RenderBlock {P} at (0,409) size 784x26 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (3,3) size 778x19
+ text run at (3,3) width 778: "This element should have a thin right border width, which will be more obvious if the element is more than one line long."
+ RenderBlock {P} at (0,451) size 784x20
+ RenderText {#text} at (0,0) size 530x19
+ text run at (0,0) width 530: "This element should have no border and no extra \"padding\" on its right side, as no "
+ RenderInline {CODE} at (0,0) size 95x14
+ RenderText {#text} at (529,5) size 95x14
+ text run at (529,5) width 95: "border-style"
+ RenderText {#text} at (623,0) size 56x19
+ text run at (623,0) width 56: " was set."
+ RenderTable {TABLE} at (0,487) size 784x378 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x376
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x348
+ RenderTableCell {TD} at (0,188) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x348 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x20
+ RenderText {#text} at (0,0) size 160x19
+ text run at (0,0) width 160: "(These will only work if "
+ RenderInline {CODE} at (0,0) size 95x14
+ RenderText {#text} at (159,5) size 95x14
+ text run at (159,5) width 95: "border-style"
+ RenderText {#text} at (253,0) size 92x19
+ text run at (253,0) width 92: " is supported.)"
+ RenderBlock {P} at (4,40) size 762x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (4,76) size 762x46 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (3,3) size 706x39
+ text run at (3,3) width 706: "This element should have a right border width of 25 pixels, which will be more obvious if the element is more"
+ text run at (3,23) width 120: "than one line long."
+ RenderBlock {P} at (4,138) size 762x46 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (3,3) size 749x39
+ text run at (3,3) width 749: "This element should have a thick right border width, which will be more obvious if the element is more than one line"
+ text run at (3,23) width 33: "long."
+ RenderBlock {P} at (4,200) size 762x46 [border: (3px solid #000000)]
+ RenderText {#text} at (3,3) size 741x39
+ text run at (3,3) width 741: "This element should have a medium right border width, which will be more obvious if the element is more than one"
+ text run at (3,23) width 61: "line long."
+ RenderBlock {P} at (4,262) size 762x46 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (3,3) size 742x39
+ text run at (3,3) width 742: "This element should have a thin right border width, which will be more obvious if the element is more than one line"
+ text run at (3,23) width 33: "long."
+ RenderBlock {P} at (4,324) size 762x20
+ RenderText {#text} at (0,0) size 530x19
+ text run at (0,0) width 530: "This element should have no border and no extra \"padding\" on its right side, as no "
+ RenderInline {CODE} at (0,0) size 95x14
+ RenderText {#text} at (529,5) size 95x14
+ text run at (529,5) width 95: "border-style"
+ RenderText {#text} at (623,0) size 56x19
+ text run at (623,0) width 56: " was set."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_right_width_inlineexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_right_width_inline-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_right_width_inline-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_right_width_inline-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,97 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x42
+ RenderText {#text} at (0,0) size 414x42
+ text run at (0,0) width 414: ".one {border-right-width: 25px; border-style: solid;}"
+ text run at (413,0) width 1: " "
+ text run at (0,14) width 414: ".two {border-right-width: thin; border-style: solid;}"
+ text run at (413,14) width 1: " "
+ text run at (0,28) width 266: ".three {border-right-width: 25px;}"
+ text run at (265,28) width 1: " "
+ RenderBlock {HR} at (0,91) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,109) size 784x86 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (3,3) size 176x19
+ text run at (3,3) width 176: "This element has a class of "
+ RenderInline {TT} at (0,0) size 25x14
+ RenderText {#text} at (178,8) size 25x14
+ text run at (178,8) width 25: "one"
+ RenderText {#text} at (202,3) size 164x19
+ text run at (202,3) width 9: ". "
+ text run at (210,3) width 156: "However, it contains an "
+ RenderInline {SPAN} at (0,0) size 176x25 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (368,3) size 149x19
+ text run at (368,3) width 149: "inline element of class "
+ RenderInline {TT} at (0,0) size 24x14
+ RenderText {#text} at (516,8) size 24x14
+ text run at (516,8) width 24: "two"
+ RenderText {#text} at (540,3) size 728x39
+ text run at (540,3) width 191: ", which should result in a thin"
+ text run at (3,23) width 230: "solid border on the right side of the "
+ RenderInline {STRONG} at (0,0) size 25x19
+ RenderText {#text} at (232,23) size 25x19
+ text run at (232,23) width 25: "last"
+ RenderText {#text} at (256,23) size 721x39
+ text run at (256,23) width 468: " box of the inline element (and the UA's default border on the other three"
+ text run at (3,43) width 46: "sides). "
+ text run at (48,43) width 106: "There is also an "
+ RenderInline {SPAN} at (0,0) size 187x19
+ RenderText {#text} at (153,43) size 148x19
+ text run at (153,43) width 148: "inline element of class "
+ RenderInline {TT} at (0,0) size 40x14
+ RenderText {#text} at (300,48) size 40x14
+ text run at (300,48) width 40: "three"
+ RenderText {#text} at (339,43) size 715x39
+ text run at (339,43) width 379: ", which should have no right border width or visible border"
+ text run at (3,63) width 206: "because no border style was set."
+ RenderTable {TABLE} at (0,211) size 784x124 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x122
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x94
+ RenderTableCell {TD} at (0,61) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x94 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x86 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (3,3) size 176x19
+ text run at (3,3) width 176: "This element has a class of "
+ RenderInline {TT} at (0,0) size 25x14
+ RenderText {#text} at (178,8) size 25x14
+ text run at (178,8) width 25: "one"
+ RenderText {#text} at (202,3) size 164x19
+ text run at (202,3) width 9: ". "
+ text run at (210,3) width 156: "However, it contains an "
+ RenderInline {SPAN} at (0,0) size 176x25 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (368,3) size 149x19
+ text run at (368,3) width 149: "inline element of class "
+ RenderInline {TT} at (0,0) size 24x14
+ RenderText {#text} at (516,8) size 24x14
+ text run at (516,8) width 24: "two"
+ RenderText {#text} at (540,3) size 728x39
+ text run at (540,3) width 191: ", which should result in a thin"
+ text run at (3,23) width 230: "solid border on the right side of the "
+ RenderInline {STRONG} at (0,0) size 25x19
+ RenderText {#text} at (232,23) size 25x19
+ text run at (232,23) width 25: "last"
+ RenderText {#text} at (256,23) size 721x39
+ text run at (256,23) width 468: " box of the inline element (and the UA's default border on the other three"
+ text run at (3,43) width 46: "sides). "
+ text run at (48,43) width 106: "There is also an "
+ RenderInline {SPAN} at (0,0) size 187x19
+ RenderText {#text} at (153,43) size 148x19
+ text run at (153,43) width 148: "inline element of class "
+ RenderInline {TT} at (0,0) size 40x14
+ RenderText {#text} at (300,48) size 40x14
+ text run at (300,48) width 40: "three"
+ RenderText {#text} at (339,43) size 715x39
+ text run at (339,43) width 379: ", which should have no right border width or visible border"
+ text run at (3,63) width 206: "because no border style was set."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_styleexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_style-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_style-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_style-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,121 @@
</span><ins>+layer at (0,0) size 800x1345
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x1345
+ RenderBlock {HTML} at (0,0) size 800x1345
+ RenderBody {BODY} at (8,8) size 784x1329 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x168
+ RenderText {#text} at (0,0) size 617x168
+ text run at (0,0) width 547: ".one {border-style: dotted; border-color: black; border-width: thick;}"
+ text run at (546,0) width 1: " "
+ text run at (0,14) width 547: ".two {border-style: dashed; border-color: black; border-width: thick;}"
+ text run at (546,14) width 1: " "
+ text run at (0,28) width 554: ".three {border-style: solid; border-color: black; border-width: thick;}"
+ text run at (553,28) width 1: " "
+ text run at (0,42) width 554: ".four {border-style: double; border-color: black; border-width: thick;}"
+ text run at (553,42) width 1: " "
+ text run at (0,56) width 554: ".five {border-style: groove; border-color: olive; border-width: thick;}"
+ text run at (553,56) width 1: " "
+ text run at (0,70) width 539: ".six {border-style: ridge; border-color: olive; border-width: thick;}"
+ text run at (538,70) width 1: " "
+ text run at (0,84) width 554: ".seven {border-style: inset; border-color: olive; border-width: thick;}"
+ text run at (553,84) width 1: " "
+ text run at (0,98) width 562: ".eight {border-style: outset; border-color: olive; border-width: thick;}"
+ text run at (561,98) width 1: " "
+ text run at (0,112) width 617: ".nine {border-style: double groove; border-color: purple; border-width: thick;}"
+ text run at (616,112) width 1: " "
+ text run at (0,126) width 359: ".ten {border-style: double groove ridge inset;"
+ text run at (358,126) width 1: " "
+ text run at (0,140) width 359: " border-color: purple; border-width: thick;}"
+ text run at (358,140) width 1: " "
+ text run at (0,154) width 539: ".eleven {border-style: none; border-color: red; border-width: thick;}"
+ text run at (538,154) width 1: " "
+ RenderBlock {HR} at (0,217) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,235) size 784x30 [border: (5px dotted #000000)]
+ RenderText {#text} at (5,5) size 480x19
+ text run at (5,5) width 480: "This paragraph should have a thick black dotted border all the way around."
+ RenderBlock {P} at (0,281) size 784x30 [border: (5px dashed #000000)]
+ RenderText {#text} at (5,5) size 484x19
+ text run at (5,5) width 484: "This paragraph should have a thick black dashed border all the way around."
+ RenderBlock {P} at (0,327) size 784x30 [border: (5px solid #000000)]
+ RenderText {#text} at (5,5) size 471x19
+ text run at (5,5) width 471: "This paragraph should have a thick black solid border all the way around."
+ RenderBlock {P} at (0,373) size 784x30 [border: (5px double #000000)]
+ RenderText {#text} at (5,5) size 483x19
+ text run at (5,5) width 483: "This paragraph should have a thick black double border all the way around."
+ RenderBlock {P} at (0,419) size 784x30 [border: (5px groove #808000)]
+ RenderText {#text} at (5,5) size 482x19
+ text run at (5,5) width 482: "This paragraph should have a thick olive groove border all the way around."
+ RenderBlock {P} at (0,465) size 784x30 [border: (5px ridge #808000)]
+ RenderText {#text} at (5,5) size 470x19
+ text run at (5,5) width 470: "This paragraph should have a thick olive ridge border all the way around."
+ RenderBlock {P} at (0,511) size 784x30 [border: (5px inset #808000)]
+ RenderText {#text} at (5,5) size 467x19
+ text run at (5,5) width 467: "This paragraph should have a thick olive inset border all the way around."
+ RenderBlock {P} at (0,557) size 784x30 [border: (5px outset #808000)]
+ RenderText {#text} at (5,5) size 475x19
+ text run at (5,5) width 475: "This paragraph should have a thick olive outset border all the way around."
+ RenderBlock {P} at (0,603) size 784x50 [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)]
+ RenderText {#text} at (5,5) size 757x39
+ text run at (5,5) width 627: "This paragraph should have thick double top and bottom borders, and thick grooved side borders. "
+ text run at (631,5) width 131: "The color of all four"
+ text run at (5,25) width 208: "sides should be based on purple."
+ RenderBlock {P} at (0,669) size 784x50 [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)]
+ RenderText {#text} at (5,5) size 738x39
+ text run at (5,5) width 713: "This paragraph should have, in clockwise order from the top, a double, grooved, ridged, and inset thick border. "
+ text run at (717,5) width 26: "The"
+ text run at (5,25) width 312: "color of all four sides should be based on purple."
+ RenderBlock {P} at (0,735) size 784x20
+ RenderText {#text} at (0,0) size 283x19
+ text run at (0,0) width 283: "This paragraph should have no border at all."
+ RenderTable {TABLE} at (0,771) size 784x558 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x556
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x528
+ RenderTableCell {TD} at (0,278) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x528 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x30 [border: (5px dotted #000000)]
+ RenderText {#text} at (5,5) size 480x19
+ text run at (5,5) width 480: "This paragraph should have a thick black dotted border all the way around."
+ RenderBlock {P} at (4,50) size 762x30 [border: (5px dashed #000000)]
+ RenderText {#text} at (5,5) size 484x19
+ text run at (5,5) width 484: "This paragraph should have a thick black dashed border all the way around."
+ RenderBlock {P} at (4,96) size 762x30 [border: (5px solid #000000)]
+ RenderText {#text} at (5,5) size 471x19
+ text run at (5,5) width 471: "This paragraph should have a thick black solid border all the way around."
+ RenderBlock {P} at (4,142) size 762x30 [border: (5px double #000000)]
+ RenderText {#text} at (5,5) size 483x19
+ text run at (5,5) width 483: "This paragraph should have a thick black double border all the way around."
+ RenderBlock {P} at (4,188) size 762x30 [border: (5px groove #808000)]
+ RenderText {#text} at (5,5) size 482x19
+ text run at (5,5) width 482: "This paragraph should have a thick olive groove border all the way around."
+ RenderBlock {P} at (4,234) size 762x30 [border: (5px ridge #808000)]
+ RenderText {#text} at (5,5) size 470x19
+ text run at (5,5) width 470: "This paragraph should have a thick olive ridge border all the way around."
+ RenderBlock {P} at (4,280) size 762x30 [border: (5px inset #808000)]
+ RenderText {#text} at (5,5) size 467x19
+ text run at (5,5) width 467: "This paragraph should have a thick olive inset border all the way around."
+ RenderBlock {P} at (4,326) size 762x30 [border: (5px outset #808000)]
+ RenderText {#text} at (5,5) size 475x19
+ text run at (5,5) width 475: "This paragraph should have a thick olive outset border all the way around."
+ RenderBlock {P} at (4,372) size 762x50 [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)]
+ RenderText {#text} at (5,5) size 727x39
+ text run at (5,5) width 627: "This paragraph should have thick double top and bottom borders, and thick grooved side borders. "
+ text run at (631,5) width 101: "The color of all"
+ text run at (5,25) width 238: "four sides should be based on purple."
+ RenderBlock {P} at (4,438) size 762x50 [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)]
+ RenderText {#text} at (5,5) size 738x39
+ text run at (5,5) width 713: "This paragraph should have, in clockwise order from the top, a double, grooved, ridged, and inset thick border. "
+ text run at (717,5) width 26: "The"
+ text run at (5,25) width 312: "color of all four sides should be based on purple."
+ RenderBlock {P} at (4,504) size 762x20
+ RenderText {#text} at (0,0) size 283x19
+ text run at (0,0) width 283: "This paragraph should have no border at all."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_style_inlineexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_style_inline-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_style_inline-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_style_inline-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,70 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x42
+ RenderText {#text} at (0,0) size 554x42
+ text run at (0,0) width 547: ".one {border-style: dashed; border-color: black; border-width: thick;}"
+ text run at (546,0) width 1: " "
+ text run at (0,14) width 531: ".two {border-style: groove; border-color: red; border-width: thick;}"
+ text run at (530,14) width 1: " "
+ text run at (0,28) width 554: ".three {border-style: none; border-color: purple; border-width: thick;}"
+ text run at (553,28) width 1: " "
+ RenderBlock {HR} at (0,91) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,109) size 784x60 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 679x19
+ text run at (0,0) width 679: "This is an unstyled element, save for the background color, and it contains inline elements with classes of "
+ RenderInline {SPAN} at (0,0) size 69x29 [border: (5px dashed #000000)]
+ RenderText {#text} at (683,0) size 59x19
+ text run at (683,0) width 59: "class one"
+ RenderText {#text} at (746,0) size 751x39
+ text run at (746,0) width 5: ","
+ text run at (0,20) width 313: "which will result in a dashed thick black border; "
+ RenderInline {SPAN} at (0,0) size 70x29 [border: (5px groove #FF0000)]
+ RenderText {#text} at (317,20) size 60x19
+ text run at (317,20) width 60: "class two"
+ RenderText {#text} at (381,20) size 375x19
+ text run at (381,20) width 375: ", which should result in a grooved thick purple border, and"
+ RenderInline {SPAN} at (0,0) size 68x19
+ RenderText {#text} at (0,40) size 68x19
+ text run at (0,40) width 68: "class three"
+ RenderText {#text} at (67,40) size 701x19
+ text run at (67,40) width 260: ", which should result in no border at all. "
+ text run at (326,40) width 442: "The line-height of the parent element should not change, on any line."
+ RenderTable {TABLE} at (0,185) size 784x118 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x116
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x88
+ RenderTableCell {TD} at (0,58) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x88 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x80 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 679x19
+ text run at (0,0) width 679: "This is an unstyled element, save for the background color, and it contains inline elements with classes of "
+ RenderInline {SPAN} at (0,0) size 69x29 [border: (5px dashed #000000)]
+ RenderText {#text} at (683,0) size 59x19
+ text run at (683,0) width 59: "class one"
+ RenderText {#text} at (746,0) size 751x39
+ text run at (746,0) width 5: ","
+ text run at (0,20) width 313: "which will result in a dashed thick black border; "
+ RenderInline {SPAN} at (0,0) size 70x29 [border: (5px groove #FF0000)]
+ RenderText {#text} at (317,20) size 60x19
+ text run at (317,20) width 60: "class two"
+ RenderText {#text} at (381,20) size 375x19
+ text run at (381,20) width 375: ", which should result in a grooved thick purple border, and"
+ RenderInline {SPAN} at (0,0) size 68x19
+ RenderText {#text} at (0,40) size 68x19
+ text run at (0,40) width 68: "class three"
+ RenderText {#text} at (67,40) size 736x39
+ text run at (67,40) width 260: ", which should result in no border at all. "
+ text run at (326,40) width 410: "The line-height of the parent element should not change, on any"
+ text run at (0,60) width 28: "line."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_topexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_top-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_top-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_top-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,151 @@
</span><ins>+layer at (0,0) size 800x1015
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x1015
+ RenderBlock {HTML} at (0,0) size 800x1015
+ RenderBody {BODY} at (8,8) size 784x999 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x56
+ RenderText {#text} at (0,0) size 313x56
+ text run at (0,0) width 297: ".one {border-top: purple double 10px;}"
+ text run at (296,0) width 1: " "
+ text run at (0,14) width 289: ".two {border-top: purple thin solid;}"
+ text run at (288,14) width 1: " "
+ text run at (0,28) width 313: ".three {border-top: black medium solid;}"
+ text run at (312,28) width 1: " "
+ text run at (0,42) width 258: "TD {border-top: green 2px solid;}"
+ text run at (257,42) width 1: " "
+ RenderBlock {HR} at (0,105) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,123) size 784x40
+ RenderText {#text} at (0,0) size 772x39
+ text run at (0,0) width 648: "Note that all table cells on this page should have a two-pixel solid green border along their top sides. "
+ text run at (647,0) width 125: "This border applies"
+ text run at (0,20) width 324: "only to the cells, not the rows which contain them."
+ RenderBlock {P} at (0,179) size 784x30 [border: (10px double #800080) none]
+ RenderText {#text} at (0,10) size 420x19
+ text run at (0,10) width 420: "This paragraph should have a purple, double, 10-pixel top border."
+ RenderBlock {P} at (0,225) size 784x21 [border: (1px solid #800080) none]
+ RenderText {#text} at (0,1) size 336x19
+ text run at (0,1) width 336: "This paragraph should have a thin purple top border."
+ RenderTable {TABLE} at (0,262) size 784x118 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x116
+ RenderTableRow {TR} at (0,5) size 782x45
+ RenderTableCell {TD} at (5,5) size 772x45 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (2,3) size 753x39
+ text run at (2,3) width 438: "Every cell in this table should have a 2-pixel solid green top border. "
+ text run at (439,3) width 316: "This is also true of the table-testing section in the"
+ text run at (2,23) width 179: "second half of the test page."
+ RenderTableRow {TR} at (0,55) size 782x56
+ RenderTableCell {TD} at (5,70) size 194x25 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (2,3) size 54x19
+ text run at (2,3) width 54: "Cell one"
+ RenderTableCell {TD} at (204,55) size 573x56 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (2,3) size 569x20
+ RenderText {#text} at (0,0) size 55x19
+ text run at (0,0) width 55: "Cell two"
+ RenderTable {TABLE} at (2,23) size 166x31 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 164x29
+ RenderTableRow {TR} at (0,2) size 164x25
+ RenderTableCell {TD} at (2,2) size 160x25 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
+ RenderText {#text} at (2,3) size 156x19
+ text run at (2,3) width 156: "Nested single-cell table!"
+ RenderBlock {UL} at (0,396) size 784x129
+ RenderListItem {LI} at (40,0) size 744x83 [border: (3px solid #000000) none]
+ RenderBlock (anonymous) at (0,3) size 744x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 123x19
+ text run at (0,0) width 123: "This is a list item..."
+ RenderBlock {UL} at (0,23) size 744x60
+ RenderListItem {LI} at (40,0) size 704x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderText {#text} at (0,0) size 75x19
+ text run at (0,0) width 75: "...and this..."
+ RenderListItem {LI} at (40,20) size 704x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderText {#text} at (0,0) size 118x19
+ text run at (0,0) width 118: "...is a second list..."
+ RenderListItem {LI} at (40,40) size 704x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderText {#text} at (0,0) size 182x19
+ text run at (0,0) width 182: "...nested within the list item."
+ RenderListItem {LI} at (40,83) size 744x23 [border: (3px solid #000000) none]
+ RenderListMarker at (-18,3) size 7x19: bullet
+ RenderText {#text} at (0,3) size 163x19
+ text run at (0,3) width 163: "This is a second list item."
+ RenderListItem {LI} at (40,106) size 744x23 [border: (3px solid #000000) none]
+ RenderListMarker at (-18,3) size 7x19: bullet
+ RenderText {#text} at (0,3) size 493x19
+ text run at (0,3) width 493: "Each list item in this list should have a medium-width black border at its top."
+ RenderTable {TABLE} at (0,541) size 784x458 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x456
+ RenderTableRow {TR} at (0,0) size 782x29
+ RenderTableCell {TD} at (0,0) size 782x29 [bgcolor=#C0C0C0] [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,5) size 161x19
+ text run at (4,5) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,29) size 782x427
+ RenderTableCell {TD} at (0,228) size 12x29 [bgcolor=#C0C0C0] [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,5) size 4x19
+ text run at (4,5) width 4: " "
+ RenderTableCell {TD} at (12,29) size 770x427 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,5) size 762x40
+ RenderText {#text} at (0,0) size 723x39
+ text run at (0,0) width 648: "Note that all table cells on this page should have a two-pixel solid green border along their top sides. "
+ text run at (647,0) width 76: "This border"
+ text run at (0,20) width 373: "applies only to the cells, not the rows which contain them."
+ RenderBlock {P} at (4,61) size 762x30 [border: (10px double #800080) none]
+ RenderText {#text} at (0,10) size 420x19
+ text run at (0,10) width 420: "This paragraph should have a purple, double, 10-pixel top border."
+ RenderBlock {P} at (4,107) size 762x21 [border: (1px solid #800080) none]
+ RenderText {#text} at (0,1) size 336x19
+ text run at (0,1) width 336: "This paragraph should have a thin purple top border."
+ RenderTable {TABLE} at (4,144) size 762x118 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 760x116
+ RenderTableRow {TR} at (0,5) size 760x45
+ RenderTableCell {TD} at (5,5) size 750x45 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (2,3) size 729x39
+ text run at (2,3) width 438: "Every cell in this table should have a 2-pixel solid green top border. "
+ text run at (439,3) width 292: "This is also true of the table-testing section in"
+ text run at (2,23) width 203: "the second half of the test page."
+ RenderTableRow {TR} at (0,55) size 760x56
+ RenderTableCell {TD} at (5,70) size 189x25 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (2,3) size 54x19
+ text run at (2,3) width 54: "Cell one"
+ RenderTableCell {TD} at (199,55) size 556x56 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (2,3) size 552x20
+ RenderText {#text} at (0,0) size 55x19
+ text run at (0,0) width 55: "Cell two"
+ RenderTable {TABLE} at (2,23) size 166x31 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 164x29
+ RenderTableRow {TR} at (0,2) size 164x25
+ RenderTableCell {TD} at (2,2) size 160x25 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
+ RenderText {#text} at (2,3) size 156x19
+ text run at (2,3) width 156: "Nested single-cell table!"
+ RenderBlock {UL} at (4,278) size 762x129
+ RenderListItem {LI} at (40,0) size 722x83 [border: (3px solid #000000) none]
+ RenderBlock (anonymous) at (0,3) size 722x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 123x19
+ text run at (0,0) width 123: "This is a list item..."
+ RenderBlock {UL} at (0,23) size 722x60
+ RenderListItem {LI} at (40,0) size 682x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderText {#text} at (0,0) size 75x19
+ text run at (0,0) width 75: "...and this..."
+ RenderListItem {LI} at (40,20) size 682x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderText {#text} at (0,0) size 118x19
+ text run at (0,0) width 118: "...is a second list..."
+ RenderListItem {LI} at (40,40) size 682x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderText {#text} at (0,0) size 182x19
+ text run at (0,0) width 182: "...nested within the list item."
+ RenderListItem {LI} at (40,83) size 722x23 [border: (3px solid #000000) none]
+ RenderListMarker at (-18,3) size 7x19: bullet
+ RenderText {#text} at (0,3) size 163x19
+ text run at (0,3) width 163: "This is a second list item."
+ RenderListItem {LI} at (40,106) size 722x23 [border: (3px solid #000000) none]
+ RenderListMarker at (-18,3) size 7x19: bullet
+ RenderText {#text} at (0,3) size 493x19
+ text run at (0,3) width 493: "Each list item in this list should have a medium-width black border at its top."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_top_inlineexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_top_inline-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_top_inline-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_top_inline-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,59 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x42
+ RenderText {#text} at (0,0) size 297x42
+ text run at (0,0) width 297: ".one {border-top: purple double 10px;}"
+ text run at (296,0) width 1: " "
+ text run at (0,14) width 289: ".two {border-top: purple thin solid;}"
+ text run at (288,14) width 1: " "
+ text run at (0,28) width 0: " "
+ RenderBlock {HR} at (0,91) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,109) size 784x60 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 680x19
+ text run at (0,0) width 680: "This is an unstyled element, save for the background color, and containing inline elements with classes of "
+ RenderInline {SPAN} at (0,0) size 59x29 [border: (10px double #800080) none]
+ RenderText {#text} at (679,0) size 59x19
+ text run at (679,0) width 59: "class one"
+ RenderText {#text} at (737,0) size 742x39
+ text run at (737,0) width 5: ","
+ text run at (0,20) width 387: "which should have a 10-pixel purple double top border; and "
+ RenderInline {SPAN} at (0,0) size 60x20 [border: (1px solid #800080) none]
+ RenderText {#text} at (386,20) size 60x19
+ text run at (386,20) width 60: "class two"
+ RenderText {#text} at (445,20) size 767x39
+ text run at (445,20) width 322: ", which should have a thin solid purple top border."
+ text run at (0,40) width 438: "The line-height of the parent element should not change on any line."
+ RenderTable {TABLE} at (0,185) size 784x98 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x96
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x68
+ RenderTableCell {TD} at (0,48) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x68 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x60 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 680x19
+ text run at (0,0) width 680: "This is an unstyled element, save for the background color, and containing inline elements with classes of "
+ RenderInline {SPAN} at (0,0) size 59x29 [border: (10px double #800080) none]
+ RenderText {#text} at (679,0) size 59x19
+ text run at (679,0) width 59: "class one"
+ RenderText {#text} at (737,0) size 742x39
+ text run at (737,0) width 5: ","
+ text run at (0,20) width 387: "which should have a 10-pixel purple double top border; and "
+ RenderInline {SPAN} at (0,0) size 60x20 [border: (1px solid #800080) none]
+ RenderText {#text} at (386,20) size 60x19
+ text run at (386,20) width 60: "class two"
+ RenderText {#text} at (445,20) size 719x39
+ text run at (445,20) width 274: ", which should have a thin solid purple top"
+ text run at (0,40) width 49: "border. "
+ text run at (48,40) width 439: "The line-height of the parent element should not change on any line."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_top_widthexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_top_width-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_top_width-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_top_width-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,97 @@
</span><ins>+layer at (0,0) size 800x785
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x785
+ RenderBlock {HTML} at (0,0) size 800x785
+ RenderBody {BODY} at (8,8) size 784x769 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x84
+ RenderText {#text} at (0,0) size 430x84
+ text run at (0,0) width 422: ".zero {background-color: silver; border-top-width: 0;}"
+ text run at (421,0) width 1: " "
+ text run at (0,14) width 398: ".one {border-top-width: 25px; border-style: solid;}"
+ text run at (397,14) width 1: " "
+ text run at (0,28) width 406: ".two {border-top-width: thick; border-style: solid;}"
+ text run at (405,28) width 1: " "
+ text run at (0,42) width 430: ".three {border-top-width: medium; border-style: solid;}"
+ text run at (429,42) width 1: " "
+ text run at (0,56) width 406: ".four {border-top-width: thin; border-style: solid;}"
+ text run at (405,56) width 1: " "
+ text run at (0,70) width 242: ".five {border-top-width: 25px;}"
+ text run at (241,70) width 1: " "
+ RenderBlock {HR} at (0,133) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,151) size 784x20
+ RenderText {#text} at (0,0) size 160x19
+ text run at (0,0) width 160: "(These will only work if "
+ RenderInline {CODE} at (0,0) size 95x14
+ RenderText {#text} at (159,5) size 95x14
+ text run at (159,5) width 95: "border-style"
+ RenderText {#text} at (253,0) size 92x19
+ text run at (253,0) width 92: " is supported.)"
+ RenderBlock {P} at (0,187) size 784x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (0,223) size 784x48 [border: (25px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (3,25) size 383x19
+ text run at (3,25) width 383: "This paragraph should have a top border width of 25 pixels."
+ RenderBlock {P} at (0,287) size 784x28 [border: (5px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (3,5) size 340x19
+ text run at (3,5) width 340: "This paragraph should have a thick top border width."
+ RenderBlock {P} at (0,331) size 784x26 [border: (3px solid #000000)]
+ RenderText {#text} at (3,3) size 360x19
+ text run at (3,3) width 360: "This paragraph should have a medium top border width."
+ RenderBlock {P} at (0,373) size 784x24 [border: (1px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (3,1) size 332x19
+ text run at (3,1) width 332: "This paragraph should have a thin top border width."
+ RenderBlock {P} at (0,413) size 784x20
+ RenderText {#text} at (0,0) size 534x19
+ text run at (0,0) width 534: "This paragraph should have no border and no extra \"padding\" on its top side, as no "
+ RenderInline {CODE} at (0,0) size 95x14
+ RenderText {#text} at (533,5) size 95x14
+ text run at (533,5) width 95: "border-style"
+ RenderText {#text} at (627,0) size 55x19
+ text run at (627,0) width 55: " was set."
+ RenderTable {TABLE} at (0,449) size 704x320 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 702x318
+ RenderTableRow {TR} at (0,0) size 702x28
+ RenderTableCell {TD} at (0,0) size 702x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 702x290
+ RenderTableCell {TD} at (0,159) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 690x290 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 682x20
+ RenderText {#text} at (0,0) size 160x19
+ text run at (0,0) width 160: "(These will only work if "
+ RenderInline {CODE} at (0,0) size 95x14
+ RenderText {#text} at (159,5) size 95x14
+ text run at (159,5) width 95: "border-style"
+ RenderText {#text} at (253,0) size 92x19
+ text run at (253,0) width 92: " is supported.)"
+ RenderBlock {P} at (4,40) size 682x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (4,76) size 682x48 [border: (25px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (3,25) size 383x19
+ text run at (3,25) width 383: "This paragraph should have a top border width of 25 pixels."
+ RenderBlock {P} at (4,140) size 682x28 [border: (5px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (3,5) size 340x19
+ text run at (3,5) width 340: "This paragraph should have a thick top border width."
+ RenderBlock {P} at (4,184) size 682x26 [border: (3px solid #000000)]
+ RenderText {#text} at (3,3) size 360x19
+ text run at (3,3) width 360: "This paragraph should have a medium top border width."
+ RenderBlock {P} at (4,226) size 682x24 [border: (1px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (3,1) size 332x19
+ text run at (3,1) width 332: "This paragraph should have a thin top border width."
+ RenderBlock {P} at (4,266) size 682x20
+ RenderText {#text} at (0,0) size 534x19
+ text run at (0,0) width 534: "This paragraph should have no border and no extra \"padding\" on its top side, as no "
+ RenderInline {CODE} at (0,0) size 95x14
+ RenderText {#text} at (533,5) size 95x14
+ text run at (533,5) width 95: "border-style"
+ RenderText {#text} at (627,0) size 55x19
+ text run at (627,0) width 55: " was set."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_top_width_inlineexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_top_width_inline-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_top_width_inline-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_top_width_inline-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,86 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x42
+ RenderText {#text} at (0,0) size 398x42
+ text run at (0,0) width 398: ".one {border-top-width: 25px; border-style: solid;}"
+ text run at (397,0) width 1: " "
+ text run at (0,14) width 398: ".two {border-top-width: thin; border-style: solid;}"
+ text run at (397,14) width 1: " "
+ text run at (0,28) width 250: ".three {border-top-width: 25px;}"
+ text run at (249,28) width 1: " "
+ RenderBlock {HR} at (0,91) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,109) size 784x108 [border: (25px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (3,25) size 176x19
+ text run at (3,25) width 176: "This element has a class of "
+ RenderInline {TT} at (0,0) size 25x14
+ RenderText {#text} at (178,30) size 25x14
+ text run at (178,30) width 25: "one"
+ RenderText {#text} at (202,25) size 164x19
+ text run at (202,25) width 9: ". "
+ text run at (210,25) width 156: "However, it contains an "
+ RenderInline {SPAN} at (0,0) size 178x23 [border: (1px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (368,25) size 149x19
+ text run at (368,25) width 149: "inline element of class "
+ RenderInline {TT} at (0,0) size 24x14
+ RenderText {#text} at (516,30) size 24x14
+ text run at (516,30) width 24: "two"
+ RenderText {#text} at (542,25) size 765x59
+ text run at (542,25) width 226: ", which should result in a thin solid"
+ text run at (3,45) width 706: "border on the top side of each box in the inline element (and the UA's default border on the other three sides). "
+ text run at (708,45) width 53: "There is"
+ text run at (3,65) width 49: "also an "
+ RenderInline {SPAN} at (0,0) size 188x19
+ RenderText {#text} at (51,65) size 149x19
+ text run at (51,65) width 149: "inline element of class "
+ RenderInline {TT} at (0,0) size 40x14
+ RenderText {#text} at (199,70) size 40x14
+ text run at (199,70) width 40: "three"
+ RenderText {#text} at (238,65) size 759x39
+ text run at (238,65) width 524: ", which should have no top border width or visible border because no border style"
+ text run at (3,85) width 51: "was set."
+ RenderTable {TABLE} at (0,233) size 784x146 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x144
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x116
+ RenderTableCell {TD} at (0,72) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x116 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x108 [border: (25px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (3,25) size 176x19
+ text run at (3,25) width 176: "This element has a class of "
+ RenderInline {TT} at (0,0) size 25x14
+ RenderText {#text} at (178,30) size 25x14
+ text run at (178,30) width 25: "one"
+ RenderText {#text} at (202,25) size 164x19
+ text run at (202,25) width 9: ". "
+ text run at (210,25) width 156: "However, it contains an "
+ RenderInline {SPAN} at (0,0) size 178x23 [border: (1px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (368,25) size 149x19
+ text run at (368,25) width 149: "inline element of class "
+ RenderInline {TT} at (0,0) size 24x14
+ RenderText {#text} at (516,30) size 24x14
+ text run at (516,30) width 24: "two"
+ RenderText {#text} at (542,25) size 737x59
+ text run at (542,25) width 191: ", which should result in a thin"
+ text run at (3,45) width 737: "solid border on the top side of each box in the inline element (and the UA's default border on the other three sides)."
+ text run at (3,65) width 105: "There is also an "
+ RenderInline {SPAN} at (0,0) size 188x19
+ RenderText {#text} at (107,65) size 149x19
+ text run at (107,65) width 149: "inline element of class "
+ RenderInline {TT} at (0,0) size 40x14
+ RenderText {#text} at (255,70) size 40x14
+ text run at (255,70) width 40: "three"
+ RenderText {#text} at (294,65) size 735x39
+ text run at (294,65) width 444: ", which should have no top border width or visible border because no"
+ text run at (3,85) width 131: "border style was set."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_widthexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_width-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_width-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_width-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,97 @@
</span><ins>+layer at (0,0) size 800x929
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x929
+ RenderBlock {HTML} at (0,0) size 800x929
+ RenderBody {BODY} at (8,8) size 784x913 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x84
+ RenderText {#text} at (0,0) size 398x84
+ text run at (0,0) width 391: ".zero {background-color: silver; border-width: 0;}"
+ text run at (390,0) width 1: " "
+ text run at (0,14) width 367: ".one {border-width: 50px; border-style: solid;}"
+ text run at (366,14) width 1: " "
+ text run at (0,28) width 375: ".two {border-width: thick; border-style: solid;}"
+ text run at (374,28) width 1: " "
+ text run at (0,42) width 398: ".three {border-width: medium; border-style: solid;}"
+ text run at (397,42) width 1: " "
+ text run at (0,56) width 375: ".four {border-width: thin; border-style: solid;}"
+ text run at (374,56) width 1: " "
+ text run at (0,70) width 211: ".five {border-width: 25px;}"
+ text run at (210,70) width 1: " "
+ RenderBlock {HR} at (0,133) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,151) size 784x20
+ RenderText {#text} at (0,0) size 160x19
+ text run at (0,0) width 160: "(These will only work if "
+ RenderInline {CODE} at (0,0) size 95x14
+ RenderText {#text} at (159,5) size 95x14
+ text run at (159,5) width 95: "border-style"
+ RenderText {#text} at (253,0) size 92x19
+ text run at (253,0) width 92: " is supported.)"
+ RenderBlock {P} at (0,187) size 784x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (0,223) size 784x120 [border: (50px solid #000000)]
+ RenderText {#text} at (50,50) size 402x19
+ text run at (50,50) width 402: "This element should have an overall border width of 50 pixels."
+ RenderBlock {P} at (0,359) size 784x30 [border: (5px solid #000000)]
+ RenderText {#text} at (5,5) size 350x19
+ text run at (5,5) width 350: "This element should have a thick overall border width."
+ RenderBlock {P} at (0,405) size 784x26 [border: (3px solid #000000)]
+ RenderText {#text} at (3,3) size 371x19
+ text run at (3,3) width 371: "This element should have a medium overall border width."
+ RenderBlock {P} at (0,447) size 784x22 [border: (1px solid #000000)]
+ RenderText {#text} at (1,1) size 343x19
+ text run at (1,1) width 343: "This element should have a thin overall border width."
+ RenderBlock {P} at (0,485) size 784x20
+ RenderText {#text} at (0,0) size 504x19
+ text run at (0,0) width 504: "This element should have no border and no extra \"padding\" on any side, as no "
+ RenderInline {CODE} at (0,0) size 95x14
+ RenderText {#text} at (503,5) size 95x14
+ text run at (503,5) width 95: "border-style"
+ RenderText {#text} at (597,0) size 55x19
+ text run at (597,0) width 55: " was set."
+ RenderTable {TABLE} at (0,521) size 674x392 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 672x390
+ RenderTableRow {TR} at (0,0) size 672x28
+ RenderTableCell {TD} at (0,0) size 672x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 672x362
+ RenderTableCell {TD} at (0,195) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 660x362 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 652x20
+ RenderText {#text} at (0,0) size 160x19
+ text run at (0,0) width 160: "(These will only work if "
+ RenderInline {CODE} at (0,0) size 95x14
+ RenderText {#text} at (159,5) size 95x14
+ text run at (159,5) width 95: "border-style"
+ RenderText {#text} at (253,0) size 92x19
+ text run at (253,0) width 92: " is supported.)"
+ RenderBlock {P} at (4,40) size 652x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (4,76) size 652x120 [border: (50px solid #000000)]
+ RenderText {#text} at (50,50) size 402x19
+ text run at (50,50) width 402: "This element should have an overall border width of 50 pixels."
+ RenderBlock {P} at (4,212) size 652x30 [border: (5px solid #000000)]
+ RenderText {#text} at (5,5) size 350x19
+ text run at (5,5) width 350: "This element should have a thick overall border width."
+ RenderBlock {P} at (4,258) size 652x26 [border: (3px solid #000000)]
+ RenderText {#text} at (3,3) size 371x19
+ text run at (3,3) width 371: "This element should have a medium overall border width."
+ RenderBlock {P} at (4,300) size 652x22 [border: (1px solid #000000)]
+ RenderText {#text} at (1,1) size 343x19
+ text run at (1,1) width 343: "This element should have a thin overall border width."
+ RenderBlock {P} at (4,338) size 652x20
+ RenderText {#text} at (0,0) size 504x19
+ text run at (0,0) width 504: "This element should have no border and no extra \"padding\" on any side, as no "
+ RenderInline {CODE} at (0,0) size 95x14
+ RenderText {#text} at (503,5) size 95x14
+ text run at (503,5) width 95: "border-style"
+ RenderText {#text} at (597,0) size 55x19
+ text run at (597,0) width 55: " was set."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesborder_width_inlineexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_width_inline-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_width_inline-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/border_width_inline-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,85 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x42
+ RenderText {#text} at (0,0) size 367x42
+ text run at (0,0) width 367: ".one {border-width: 25px; border-style: solid;}"
+ text run at (366,0) width 1: " "
+ text run at (0,14) width 367: ".two {border-width: thin; border-style: solid;}"
+ text run at (366,14) width 1: " "
+ text run at (0,28) width 219: ".three {border-width: 25px;}"
+ text run at (218,28) width 1: " "
+ RenderBlock {HR} at (0,91) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,109) size 784x110 [border: (25px solid #000000)]
+ RenderText {#text} at (25,25) size 176x19
+ text run at (25,25) width 176: "This element has a class of "
+ RenderInline {TT} at (0,0) size 25x14
+ RenderText {#text} at (200,30) size 25x14
+ text run at (200,30) width 25: "one"
+ RenderText {#text} at (224,25) size 164x19
+ text run at (224,25) width 9: ". "
+ text run at (232,25) width 156: "However, it contains an "
+ RenderInline {SPAN} at (0,0) size 174x21 [border: (1px solid #000000)]
+ RenderText {#text} at (388,25) size 149x19
+ text run at (388,25) width 149: "inline element of class "
+ RenderInline {TT} at (0,0) size 24x14
+ RenderText {#text} at (536,30) size 24x14
+ text run at (536,30) width 24: "two"
+ RenderText {#text} at (560,25) size 726x39
+ text run at (560,25) width 191: ", which should result in a thin"
+ text run at (25,45) width 382: "solid border on each side of each box in the inline element. "
+ text run at (406,45) width 106: "There is also an "
+ RenderInline {SPAN} at (0,0) size 188x19
+ RenderText {#text} at (511,45) size 149x19
+ text run at (511,45) width 149: "inline element of class "
+ RenderInline {TT} at (0,0) size 40x14
+ RenderText {#text} at (659,50) size 40x14
+ text run at (659,50) width 40: "three"
+ RenderText {#text} at (698,45) size 721x39
+ text run at (698,45) width 48: ", which"
+ text run at (25,65) width 393: "should have no border width because no border style was set."
+ RenderTable {TABLE} at (0,235) size 784x148 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x146
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x118
+ RenderTableCell {TD} at (0,73) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x118 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x110 [border: (25px solid #000000)]
+ RenderText {#text} at (25,25) size 176x19
+ text run at (25,25) width 176: "This element has a class of "
+ RenderInline {TT} at (0,0) size 25x14
+ RenderText {#text} at (200,30) size 25x14
+ text run at (200,30) width 25: "one"
+ RenderText {#text} at (224,25) size 164x19
+ text run at (224,25) width 9: ". "
+ text run at (232,25) width 156: "However, it contains an "
+ RenderInline {SPAN} at (0,0) size 174x21 [border: (1px solid #000000)]
+ RenderText {#text} at (388,25) size 149x19
+ text run at (388,25) width 149: "inline element of class "
+ RenderInline {TT} at (0,0) size 24x14
+ RenderText {#text} at (536,30) size 24x14
+ text run at (536,30) width 24: "two"
+ RenderText {#text} at (560,25) size 697x39
+ text run at (560,25) width 162: ", which should result in a"
+ text run at (25,45) width 411: "thin solid border on each side of each box in the inline element. "
+ text run at (435,45) width 106: "There is also an "
+ RenderInline {SPAN} at (0,0) size 187x19
+ RenderText {#text} at (540,45) size 148x19
+ text run at (540,45) width 148: "inline element of class "
+ RenderInline {TT} at (0,0) size 40x14
+ RenderText {#text} at (687,50) size 40x14
+ text run at (687,50) width 40: "three"
+ RenderText {#text} at (726,45) size 706x39
+ text run at (726,45) width 5: ","
+ text run at (25,65) width 436: "which should have no border width because no border style was set."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesclearexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/clear-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/clear-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/clear-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,91 @@
</span><ins>+layer at (0,0) size 800x997
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x997
+ RenderBlock {HTML} at (0,0) size 800x997
+ RenderBody {BODY} at (8,8) size 784x981 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x56
+ RenderText {#text} at (0,0) size 164x56
+ text run at (0,0) width 149: ".one {clear: left;}"
+ text run at (148,0) width 1: " "
+ text run at (0,14) width 157: ".two {clear: right;}"
+ text run at (156,14) width 1: " "
+ text run at (0,28) width 164: ".three {clear: both;}"
+ text run at (163,28) width 1: " "
+ text run at (0,42) width 157: ".four {clear: none;}"
+ text run at (156,42) width 1: " "
+ RenderBlock {HR} at (0,105) size 784x2 [border: (1px inset #000000)]
+ RenderImage {IMG} at (0,115) size 15x50
+ RenderBlock {P} at (0,123) size 784x20
+ RenderText {#text} at (18,0) size 606x19
+ text run at (18,0) width 606: "This text should be flowing past a tall orange rectangle on the left side of the browser window."
+ RenderBlock (anonymous) at (0,159) size 784x20
+ RenderBR {BR} at (18,0) size 0x19
+ RenderImage {IMG} at (0,20) size 15x50
+ RenderBlock {P} at (0,229) size 784x20
+ RenderText {#text} at (0,0) size 662x19
+ text run at (0,0) width 662: "This paragraph should appear below the tall orange rectangle above and to the left, and not flow past it."
+ RenderBlock (anonymous) at (0,265) size 784x20
+ RenderBR {BR} at (0,0) size 0x19
+ RenderImage {IMG} at (769,20) size 15x50
+ RenderBlock {P} at (0,335) size 784x20
+ RenderText {#text} at (0,0) size 671x19
+ text run at (0,0) width 671: "This paragraph should appear below the tall orange rectangle above and to the right, and not flow past it."
+ RenderBlock (anonymous) at (0,371) size 784x20
+ RenderBR {BR} at (0,0) size 0x19
+ RenderImage {IMG} at (0,20) size 15x50
+ RenderImage {IMG} at (769,20) size 15x50
+ RenderBlock {P} at (0,441) size 784x20
+ RenderText {#text} at (0,0) size 612x19
+ text run at (0,0) width 612: "This paragraph should appear below the two tall orange rectangles, and not flow between them."
+ RenderImage {IMG} at (0,477) size 15x50
+ RenderImage {IMG} at (769,477) size 15x50
+ RenderBlock {P} at (0,477) size 784x20
+ RenderText {#text} at (18,0) size 397x19
+ text run at (18,0) width 397: "This paragraph should be between both tall orange rectangles."
+ RenderBlock (anonymous) at (0,513) size 784x20
+ RenderBR {BR} at (18,0) size 0x19
+ RenderTable {TABLE} at (0,533) size 693x448 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 691x446
+ RenderTableRow {TR} at (0,0) size 691x28
+ RenderTableCell {TD} at (0,0) size 691x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 691x418
+ RenderTableCell {TD} at (0,223) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 679x418 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderImage {IMG} at (4,4) size 15x50
+ RenderBlock {P} at (4,4) size 671x20
+ RenderText {#text} at (18,0) size 606x19
+ text run at (18,0) width 606: "This text should be flowing past a tall orange rectangle on the left side of the browser window."
+ RenderBlock (anonymous) at (4,40) size 671x20
+ RenderBR {BR} at (18,0) size 0x19
+ RenderImage {IMG} at (0,20) size 15x50
+ RenderBlock {P} at (4,110) size 671x20
+ RenderText {#text} at (0,0) size 662x19
+ text run at (0,0) width 662: "This paragraph should appear below the tall orange rectangle above and to the left, and not flow past it."
+ RenderBlock (anonymous) at (4,146) size 671x20
+ RenderBR {BR} at (0,0) size 0x19
+ RenderImage {IMG} at (656,20) size 15x50
+ RenderBlock {P} at (4,216) size 671x20
+ RenderText {#text} at (0,0) size 671x19
+ text run at (0,0) width 671: "This paragraph should appear below the tall orange rectangle above and to the right, and not flow past it."
+ RenderBlock (anonymous) at (4,252) size 671x20
+ RenderBR {BR} at (0,0) size 0x19
+ RenderImage {IMG} at (0,20) size 15x50
+ RenderImage {IMG} at (656,20) size 15x50
+ RenderBlock {P} at (4,322) size 671x20
+ RenderText {#text} at (0,0) size 612x19
+ text run at (0,0) width 612: "This paragraph should appear below the two tall orange rectangles, and not flow between them."
+ RenderImage {IMG} at (4,358) size 15x50
+ RenderImage {IMG} at (660,358) size 15x50
+ RenderBlock {P} at (4,358) size 671x20
+ RenderText {#text} at (18,0) size 397x19
+ text run at (18,0) width 397: "This paragraph should be between both tall orange rectangles."
+ RenderBlock (anonymous) at (4,394) size 671x20
+ RenderBR {BR} at (18,0) size 0x19
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesclear_floatexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/clear_float-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/clear_float-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/clear_float-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,160 @@
</span><ins>+layer at (0,0) size 800x810
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x810
+ RenderBlock {HTML} at (0,0) size 800x810
+ RenderBody {BODY} at (8,8) size 784x794 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,33) size 784x126
+ RenderText {#text} at (0,0) size 601x126
+ text run at (0,0) width 383: "P { margin: 0; padding: 0; text-align: justify;}"
+ text run at (382,0) width 1: " "
+ text run at (0,14) width 0: " "
+ text run at (0,28) width 375: "DIV.menu {float: left; clear: left; width: 11em;"
+ text run at (374,28) width 1: " "
+ text run at (0,42) width 453: " margin: 0; margin-bottom: 10px; padding: 0.5em;}"
+ text run at (452,42) width 1: " "
+ text run at (0,56) width 422: "DIV.menu H1 {font-size: 1.2em; margin: 0; padding: 0;}"
+ text run at (421,56) width 1: " "
+ text run at (0,70) width 437: "DIV.menu UL {margin: 0.2em 0.3em 0.2em 1em; padding: 0;}"
+ text run at (436,70) width 1: " "
+ text run at (0,84) width 601: "DIV.article {padding: 0.5em; margin: 0; margin-left: 14em; margin-right: 2em;"
+ text run at (600,84) width 1: " "
+ text run at (0,98) width 469: " color: black; background: yellow; clear: none;}"
+ text run at (468,98) width 1: " "
+ text run at (0,112) width 0: " "
+ RenderBlock {HR} at (0,172) size 784x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {DIV} at (0,182) size 192x126 [color=#FFFFFF] [bgcolor=#008000]
+ RenderBlock {H1} at (8,8) size 176x23
+ RenderText {#text} at (0,0) size 82x22
+ text run at (0,0) width 82: "Top menu"
+ RenderBlock {UL} at (24,34) size 156x81
+ RenderListItem {LI} at (0,0) size 156x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 36x19
+ text run at (0,0) width 36: "green"
+ RenderListItem {LI} at (0,20) size 156x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 64x19
+ text run at (0,0) width 64: "white text"
+ RenderListItem {LI} at (0,40) size 156x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 96x19
+ text run at (0,0) width 96: "0.5em padding"
+ RenderListItem {LI} at (0,60) size 156x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 89x19
+ text run at (0,0) width 89: "0.5em margin"
+ RenderBlock (floating) {DIV} at (0,317) size 192x126 [color=#FFFFFF] [bgcolor=#0000FF]
+ RenderBlock {H1} at (8,8) size 176x23
+ RenderText {#text} at (0,0) size 111x22
+ text run at (0,0) width 111: "Bottom menu"
+ RenderBlock {UL} at (24,34) size 156x81
+ RenderListItem {LI} at (0,0) size 156x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 108x19
+ text run at (0,0) width 108: "blue background"
+ RenderListItem {LI} at (0,20) size 156x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 64x19
+ text run at (0,0) width 64: "white text"
+ RenderListItem {LI} at (0,40) size 156x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 96x19
+ text run at (0,0) width 96: "0.5em padding"
+ RenderListItem {LI} at (0,60) size 156x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 89x19
+ text run at (0,0) width 89: "0.5em margin"
+ RenderBlock {DIV} at (224,182) size 528x237 [bgcolor=#FFFF00]
+ RenderBlock {H1} at (8,29) size 512x39
+ RenderText {#text} at (0,1) size 275x36
+ text run at (0,1) width 275: "The 'clear' property"
+ RenderBlock {P} at (8,88) size 512x101
+ RenderText {#text} at (0,0) size 512x99
+ text run at (0,0) width 512: "This page has two floating \"menus\" on the side; one has a green background,"
+ text run at (0,20) width 238: "and the other a blue background. "
+ text run at (237,20) width 275: "Due to settings on the 'float' and 'clear'"
+ text run at (0,40) width 512: "properties, the two menus should appear on the left side of the page, the blue"
+ text run at (0,60) width 512: "below the green. There should be a 10px gap between the two menus. There"
+ text run at (0,80) width 465: "should also be a 10px gap between the top menu and the top of the page."
+ RenderBlock {P} at (8,188) size 512x41
+ RenderText {#text} at (0,0) size 512x39
+ text run at (0,0) width 512: "The top of the yellow rectangle (to which this paragraph belongs) should be"
+ text run at (0,20) width 339: "vertically aligned with the top of the green rectangle."
+ RenderTable {TABLE} at (192,418) size 592x376 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 590x373
+ RenderTableRow {TR} at (0,0) size 590x28
+ RenderTableCell {TD} at (0,0) size 590x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 590x345
+ RenderTableCell {TD} at (0,186) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 578x345 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (floating) {DIV} at (4,4) size 192x126 [color=#FFFFFF] [bgcolor=#008000]
+ RenderBlock {H1} at (8,8) size 176x23
+ RenderText {#text} at (0,0) size 82x22
+ text run at (0,0) width 82: "Top menu"
+ RenderBlock {UL} at (24,34) size 156x81
+ RenderListItem {LI} at (0,0) size 156x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 36x19
+ text run at (0,0) width 36: "green"
+ RenderListItem {LI} at (0,20) size 156x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 64x19
+ text run at (0,0) width 64: "white text"
+ RenderListItem {LI} at (0,40) size 156x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 96x19
+ text run at (0,0) width 96: "0.5em padding"
+ RenderListItem {LI} at (0,60) size 156x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 89x19
+ text run at (0,0) width 89: "0.5em margin"
+ RenderBlock (floating) {DIV} at (4,139) size 192x126 [color=#FFFFFF] [bgcolor=#0000FF]
+ RenderBlock {H1} at (8,8) size 176x23
+ RenderText {#text} at (0,0) size 111x22
+ text run at (0,0) width 111: "Bottom menu"
+ RenderBlock {UL} at (24,34) size 156x81
+ RenderListItem {LI} at (0,0) size 156x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 108x19
+ text run at (0,0) width 108: "blue background"
+ RenderListItem {LI} at (0,20) size 156x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 64x19
+ text run at (0,0) width 64: "white text"
+ RenderListItem {LI} at (0,40) size 156x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 96x19
+ text run at (0,0) width 96: "0.5em padding"
+ RenderListItem {LI} at (0,60) size 156x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 89x19
+ text run at (0,0) width 89: "0.5em margin"
+ RenderBlock {DIV} at (228,4) size 314x337 [bgcolor=#FFFF00]
+ RenderBlock {H1} at (8,29) size 298x39
+ RenderText {#text} at (0,1) size 275x36
+ text run at (0,1) width 275: "The 'clear' property"
+ RenderBlock {P} at (8,88) size 298x181
+ RenderText {#text} at (0,0) size 298x179
+ text run at (0,0) width 298: "This page has two floating \"menus\" on the"
+ text run at (0,20) width 298: "side; one has a green background, and the"
+ text run at (0,40) width 174: "other a blue background. "
+ text run at (173,40) width 125: "Due to settings on"
+ text run at (0,60) width 298: "the 'float' and 'clear' properties, the two menus"
+ text run at (0,80) width 298: "should appear on the left side of the page, the"
+ text run at (0,100) width 298: "blue below the green. There should be a 10px"
+ text run at (0,120) width 298: "gap between the two menus. There should"
+ text run at (0,140) width 298: "also be a 10px gap between the top menu and"
+ text run at (0,160) width 124: "the top of the page."
+ RenderBlock {P} at (8,268) size 298x61
+ RenderText {#text} at (0,0) size 298x59
+ text run at (0,0) width 298: "The top of the yellow rectangle (to which this"
+ text run at (0,20) width 298: "paragraph belongs) should be vertically"
+ text run at (0,40) width 275: "aligned with the top of the green rectangle."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesfloatexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/float-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/float-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/float-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,58 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x42
+ RenderText {#text} at (0,0) size 157x42
+ text run at (0,0) width 149: ".one {float: left;}"
+ text run at (148,0) width 1: " "
+ text run at (0,14) width 157: ".two {float: right;}"
+ text run at (156,14) width 1: " "
+ text run at (0,28) width 0: " "
+ RenderBlock {HR} at (0,91) size 784x2 [border: (1px inset #000000)]
+ RenderImage {IMG} at (0,101) size 15x50
+ RenderBlock {P} at (0,109) size 784x40
+ RenderText {#text} at (15,0) size 737x39
+ text run at (15,0) width 610: "This text should be flowing past a tall orange rectangle on the left side of the browser window. "
+ text run at (624,0) width 128: "In this case, it is the"
+ text run at (15,20) width 260: "image which has been floated to the left."
+ RenderBlock (anonymous) at (0,165) size 784x20
+ RenderBR {BR} at (0,0) size 0x19
+ RenderBlock {HR} at (0,193) size 784x2 [border: (1px inset #000000)]
+ RenderImage {IMG} at (769,203) size 15x50
+ RenderBlock {P} at (0,211) size 784x40
+ RenderText {#text} at (0,0) size 746x39
+ text run at (0,0) width 618: "This text should be flowing past a tall orange rectangle on the right side of the browser window. "
+ text run at (617,0) width 129: "In this case, it is the"
+ text run at (0,20) width 269: "image which has been floated to the right."
+ RenderTable {TABLE} at (0,267) size 784x182 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x180
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x152
+ RenderTableCell {TD} at (0,90) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x152 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderImage {IMG} at (4,4) size 15x50
+ RenderBlock {P} at (4,4) size 762x40
+ RenderText {#text} at (15,0) size 737x39
+ text run at (15,0) width 610: "This text should be flowing past a tall orange rectangle on the left side of the browser window. "
+ text run at (624,0) width 128: "In this case, it is the"
+ text run at (15,20) width 260: "image which has been floated to the left."
+ RenderBlock (anonymous) at (4,60) size 762x20
+ RenderBR {BR} at (0,0) size 0x19
+ RenderBlock {HR} at (4,88) size 762x2 [border: (1px inset #000000)]
+ RenderImage {IMG} at (751,98) size 15x50
+ RenderBlock {P} at (4,106) size 762x40
+ RenderText {#text} at (0,0) size 746x39
+ text run at (0,0) width 618: "This text should be flowing past a tall orange rectangle on the right side of the browser window. "
+ text run at (617,0) width 129: "In this case, it is the"
+ text run at (0,20) width 269: "image which has been floated to the right."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesfloat_elements_in_seriesexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/float_elements_in_series-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/float_elements_in_series-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/float_elements_in_series-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,159 @@
</span><ins>+layer at (0,0) size 800x706
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x706
+ RenderBlock {HTML} at (0,0) size 800x706
+ RenderBody {BODY} at (8,8) size 784x678 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,33) size 784x182
+ RenderText {#text} at (0,0) size 500x182
+ text run at (0,0) width 383: "P { margin: 0; padding: 0; text-align: justify;}"
+ text run at (382,0) width 1: " "
+ text run at (0,14) width 0: " "
+ text run at (0,28) width 328: "DIV.yellow, DIV.blue, DIV.red, DIV.green {"
+ text run at (327,28) width 1: " "
+ text run at (0,42) width 328: " width: 60px; padding: 20px; margin: 10px;"
+ text run at (327,42) width 1: " "
+ text run at (0,56) width 461: " border: 20px solid black; float: left; text-align: center;"
+ text run at (460,56) width 1: " "
+ text run at (0,70) width 352: " font-family: \"Times New Roman\",Times,serif;}"
+ text run at (351,70) width 1: " "
+ text run at (0,84) width 500: "DIV.yellow {margin-left: 0px; background: yellow; color: black;}"
+ text run at (499,84) width 1: " "
+ text run at (0,98) width 328: "DIV.blue {background: blue; color: white;}"
+ text run at (327,98) width 1: " "
+ text run at (0,112) width 313: "DIV.red {background: red; color: black;}"
+ text run at (312,112) width 1: " "
+ text run at (0,126) width 344: "DIV.green {background: green; color: white;}"
+ text run at (343,126) width 1: " "
+ text run at (0,140) width 188: "DIV.below {clear: both;}"
+ text run at (187,140) width 1: " "
+ text run at (0,154) width 196: "TABLE {margin: 20px 0px;}"
+ text run at (195,154) width 1: " "
+ text run at (0,168) width 0: " "
+ RenderBlock {HR} at (0,228) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,238) size 784x40
+ RenderText {#text} at (0,0) size 784x39
+ text run at (0,0) width 784: "The four floating DIV elements below should appear next to each other horizontally. The table at the bottom of this page"
+ text run at (0,20) width 412: "indicates how the DIV elements should be laid out horizontally. "
+ text run at (411,20) width 222: "They should align with each other."
+ RenderBlock (floating) {DIV} at (0,288) size 140x100 [bgcolor=#FFFF00] [border: (20px solid #000000)]
+ RenderBlock {P} at (40,40) size 60x20
+ RenderText {#text} at (0,0) size 46x19
+ text run at (0,0) width 46: "Yellow"
+ RenderBlock (floating) {DIV} at (160,288) size 140x100 [color=#FFFFFF] [bgcolor=#0000FF] [border: (20px solid #000000)]
+ RenderBlock {P} at (40,40) size 60x20
+ RenderText {#text} at (0,0) size 31x19
+ text run at (0,0) width 31: "Blue"
+ RenderBlock (floating) {DIV} at (320,288) size 140x100 [bgcolor=#FF0000] [border: (20px solid #000000)]
+ RenderBlock {P} at (40,40) size 60x20
+ RenderText {#text} at (0,0) size 26x19
+ text run at (0,0) width 26: "Red"
+ RenderBlock (floating) {DIV} at (480,288) size 140x100 [color=#FFFFFF] [bgcolor=#008000] [border: (20px solid #000000)]
+ RenderBlock {P} at (40,40) size 60x20
+ RenderText {#text} at (0,0) size 40x19
+ text run at (0,0) width 40: "Green"
+ RenderBlock {DIV} at (0,398) size 784x21
+ RenderTable {TABLE} at (0,0) size 620x21
+ RenderTableSection {TBODY} at (0,0) size 620x21
+ RenderTableRow {TR} at (0,0) size 620x21
+ RenderTableCell {TD} at (0,10) size 20x1 [bgcolor=#000000] [r=0 c=0 rs=1 cs=1]
+ RenderImage {IMG} at (0,0) size 20x1
+ RenderTableCell {TD} at (20,10) size 100x1 [bgcolor=#FFFF00] [r=0 c=1 rs=1 cs=1]
+ RenderImage {IMG} at (0,0) size 100x1
+ RenderTableCell {TD} at (120,10) size 20x0 [bgcolor=#000000] [r=0 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (140,10) size 20x1 [bgcolor=#FFFFFF] [r=0 c=3 rs=1 cs=1]
+ RenderImage {IMG} at (0,0) size 20x1
+ RenderTableCell {TD} at (160,10) size 20x1 [bgcolor=#000000] [r=0 c=4 rs=1 cs=1]
+ RenderImage {IMG} at (0,0) size 20x1
+ RenderTableCell {TD} at (180,10) size 100x1 [bgcolor=#0000FF] [r=0 c=5 rs=1 cs=1]
+ RenderImage {IMG} at (0,0) size 100x1
+ RenderTableCell {TD} at (280,10) size 20x1 [bgcolor=#000000] [r=0 c=6 rs=1 cs=1]
+ RenderImage {IMG} at (0,0) size 20x1
+ RenderTableCell {TD} at (300,10) size 20x1 [bgcolor=#FFFFFF] [r=0 c=7 rs=1 cs=1]
+ RenderImage {IMG} at (0,0) size 20x1
+ RenderTableCell {TD} at (320,10) size 20x1 [bgcolor=#000000] [r=0 c=8 rs=1 cs=1]
+ RenderImage {IMG} at (0,0) size 20x1
+ RenderTableCell {TD} at (340,10) size 100x1 [bgcolor=#FF0000] [r=0 c=9 rs=1 cs=1]
+ RenderImage {IMG} at (0,0) size 100x1
+ RenderTableCell {TD} at (440,0) size 20x21 [bgcolor=#000000] [r=0 c=10 rs=1 cs=1]
+ RenderImage {IMG} at (0,0) size 20x1
+ RenderText {#text} at (0,1) size 5x19
+ text run at (0,1) width 5: ";"
+ RenderTableCell {TD} at (460,10) size 20x1 [bgcolor=#FFFFFF] [r=0 c=11 rs=1 cs=1]
+ RenderImage {IMG} at (0,0) size 20x1
+ RenderTableCell {TD} at (480,10) size 20x1 [bgcolor=#000000] [r=0 c=12 rs=1 cs=1]
+ RenderImage {IMG} at (0,0) size 20x1
+ RenderTableCell {TD} at (500,10) size 100x1 [bgcolor=#008000] [r=0 c=13 rs=1 cs=1]
+ RenderImage {IMG} at (0,0) size 100x1
+ RenderTableCell {TD} at (600,10) size 20x1 [bgcolor=#000000] [r=0 c=14 rs=1 cs=1]
+ RenderImage {IMG} at (0,0) size 20x1
+ RenderTable {TABLE} at (0,439) size 784x239 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x237
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x209
+ RenderTableCell {TD} at (0,118) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x209 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x40
+ RenderText {#text} at (0,0) size 762x39
+ text run at (0,0) width 762: "The four floating DIV elements below should appear next to each other horizontally. The table at the bottom of this"
+ text run at (0,20) width 446: "page indicates how the DIV elements should be laid out horizontally. "
+ text run at (445,20) width 222: "They should align with each other."
+ RenderBlock (floating) {DIV} at (4,54) size 140x100 [bgcolor=#FFFF00] [border: (20px solid #000000)]
+ RenderBlock {P} at (40,40) size 60x20
+ RenderText {#text} at (0,0) size 46x19
+ text run at (0,0) width 46: "Yellow"
+ RenderBlock (floating) {DIV} at (164,54) size 140x100 [color=#FFFFFF] [bgcolor=#0000FF] [border: (20px solid #000000)]
+ RenderBlock {P} at (40,40) size 60x20
+ RenderText {#text} at (0,0) size 31x19
+ text run at (0,0) width 31: "Blue"
+ RenderBlock (floating) {DIV} at (324,54) size 140x100 [bgcolor=#FF0000] [border: (20px solid #000000)]
+ RenderBlock {P} at (40,40) size 60x20
+ RenderText {#text} at (0,0) size 26x19
+ text run at (0,0) width 26: "Red"
+ RenderBlock (floating) {DIV} at (484,54) size 140x100 [color=#FFFFFF] [bgcolor=#008000] [border: (20px solid #000000)]
+ RenderBlock {P} at (40,40) size 60x20
+ RenderText {#text} at (0,0) size 40x19
+ text run at (0,0) width 40: "Green"
+ RenderBlock {DIV} at (4,164) size 762x21
+ RenderTable {TABLE} at (0,0) size 620x21
+ RenderTableSection {TBODY} at (0,0) size 620x21
+ RenderTableRow {TR} at (0,0) size 620x21
+ RenderTableCell {TD} at (0,10) size 20x1 [bgcolor=#000000] [r=0 c=0 rs=1 cs=1]
+ RenderImage {IMG} at (0,0) size 20x1
+ RenderTableCell {TD} at (20,10) size 100x1 [bgcolor=#FFFF00] [r=0 c=1 rs=1 cs=1]
+ RenderImage {IMG} at (0,0) size 100x1
+ RenderTableCell {TD} at (120,10) size 20x0 [bgcolor=#000000] [r=0 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (140,10) size 20x1 [bgcolor=#FFFFFF] [r=0 c=3 rs=1 cs=1]
+ RenderImage {IMG} at (0,0) size 20x1
+ RenderTableCell {TD} at (160,10) size 20x1 [bgcolor=#000000] [r=0 c=4 rs=1 cs=1]
+ RenderImage {IMG} at (0,0) size 20x1
+ RenderTableCell {TD} at (180,10) size 100x1 [bgcolor=#0000FF] [r=0 c=5 rs=1 cs=1]
+ RenderImage {IMG} at (0,0) size 100x1
+ RenderTableCell {TD} at (280,10) size 20x1 [bgcolor=#000000] [r=0 c=6 rs=1 cs=1]
+ RenderImage {IMG} at (0,0) size 20x1
+ RenderTableCell {TD} at (300,10) size 20x1 [bgcolor=#FFFFFF] [r=0 c=7 rs=1 cs=1]
+ RenderImage {IMG} at (0,0) size 20x1
+ RenderTableCell {TD} at (320,10) size 20x1 [bgcolor=#000000] [r=0 c=8 rs=1 cs=1]
+ RenderImage {IMG} at (0,0) size 20x1
+ RenderTableCell {TD} at (340,10) size 100x1 [bgcolor=#FF0000] [r=0 c=9 rs=1 cs=1]
+ RenderImage {IMG} at (0,0) size 100x1
+ RenderTableCell {TD} at (440,0) size 20x21 [bgcolor=#000000] [r=0 c=10 rs=1 cs=1]
+ RenderImage {IMG} at (0,0) size 20x1
+ RenderText {#text} at (0,1) size 5x19
+ text run at (0,1) width 5: ";"
+ RenderTableCell {TD} at (460,10) size 20x1 [bgcolor=#FFFFFF] [r=0 c=11 rs=1 cs=1]
+ RenderImage {IMG} at (0,0) size 20x1
+ RenderTableCell {TD} at (480,10) size 20x1 [bgcolor=#000000] [r=0 c=12 rs=1 cs=1]
+ RenderImage {IMG} at (0,0) size 20x1
+ RenderTableCell {TD} at (500,10) size 100x1 [bgcolor=#008000] [r=0 c=13 rs=1 cs=1]
+ RenderImage {IMG} at (0,0) size 100x1
+ RenderTableCell {TD} at (600,10) size 20x1 [bgcolor=#000000] [r=0 c=14 rs=1 cs=1]
+ RenderImage {IMG} at (0,0) size 20x1
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesfloat_marginexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/float_margin-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/float_margin-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/float_margin-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,162 @@
</span><ins>+layer at (0,0) size 800x1959
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x1959
+ RenderBlock {HTML} at (0,0) size 800x1959
+ RenderBody {BODY} at (8,8) size 784x1943 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x126
+ RenderText {#text} at (0,0) size 547x126
+ text run at (0,0) width 336: "P.test {background: white; font-size: 20px;"
+ text run at (335,0) width 1: " "
+ text run at (0,14) width 547: " margin-left: 30px; margin-right: 10px; padding: 0; border: 0;}"
+ text run at (546,14) width 1: " "
+ text run at (0,28) width 305: "IMG {padding: 0; border: 0; margin: 0;}"
+ text run at (304,28) width 1: " "
+ text run at (0,42) width 196: "P.test IMG {float: left;}"
+ text run at (195,42) width 1: " "
+ text run at (0,56) width 344: "#img2 {margin-top: 30px; margin-left: 30px;}"
+ text run at (343,56) width 1: " "
+ text run at (0,70) width 359: "#img3 {margin-top: -30px; margin-left: -30px;}"
+ text run at (358,70) width 1: " "
+ text run at (0,84) width 375: "#img4 {margin-right: 30px; margin-bottom: 30px;}"
+ text run at (374,84) width 1: " "
+ text run at (0,98) width 391: "#img5 {margin-right: -30px; margin-bottom: -30px;}"
+ text run at (390,98) width 1: " "
+ text run at (0,112) width 0: " "
+ RenderBlock {HR} at (0,175) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (30,197) size 744x96 [bgcolor=#FFFFFF]
+ RenderText {#text} at (0,0) size 736x95
+ text run at (0,0) width 736: "This paragraph should have a white background which extends to the edges of the element's"
+ text run at (0,24) width 40: "box. "
+ text run at (40,24) width 436: "There is no padding set on this paragraph whatsoever. "
+ text run at (475,24) width 245: "If the background of the entire"
+ text run at (0,48) width 712: "box is not white, this may cause problems with the following tests; at any rate, it must be"
+ text run at (0,72) width 152: "taken into account."
+ RenderBlock {P} at (30,313) size 744x120 [bgcolor=#FFFFFF]
+ RenderImage {IMG} at (0,0) size 60x60
+ RenderText {#text} at (60,0) size 744x119
+ text run at (60,0) width 627: "The image in the upper left corner of this paragraph should be floated left, and"
+ text run at (60,24) width 118: "nothing more. "
+ text run at (177,24) width 567: "The edges of the white background should line up with the top and left"
+ text run at (60,48) width 161: "edges of the image. "
+ text run at (220,48) width 479: "This paragraph should have a white background, first of all,"
+ text run at (0,72) width 392: "which extends to the edges of the element's box. "
+ text run at (391,72) width 331: "There is no padding set on this paragraph"
+ text run at (0,96) width 95: "whatsoever."
+ RenderBlock {P} at (30,453) size 744x120 [bgcolor=#FFFFFF]
+ RenderImage {IMG} at (30,30) size 60x60
+ RenderText {#text} at (90,0) size 740x119
+ text run at (90,0) width 641: "The image in the upper left corner of this paragraph should be pushed down and"
+ text run at (90,24) width 641: "to the right 30 pixels each from the upper left corner of the paragraph's box, and"
+ text run at (90,48) width 324: "displace the paragraph text accordingly. "
+ text run at (413,48) width 285: "This paragraph should have a white"
+ text run at (90,72) width 585: "background, first of all, which extends to the edges of the element's box. "
+ text run at (674,72) width 66: "There is"
+ text run at (0,96) width 361: "no padding set on this paragraph whatsoever."
+ RenderBlock {P} at (30,593) size 744x120 [bgcolor=#FFFFFF]
+ RenderImage {IMG} at (-30,-30) size 60x60
+ RenderText {#text} at (30,0) size 744x119
+ text run at (30,0) width 699: "The image in the upper left corner of this paragraph should be pushed up and to the left"
+ text run at (30,24) width 698: "30 pixels each from the upper left corner of the paragraph's box, thus causing the edges"
+ text run at (0,48) width 573: "of the white background to align with the thick gray lines in the image. "
+ text run at (572,48) width 122: "This paragraph"
+ text run at (0,72) width 744: "should have a white background, first of all, which extends to the edges of the element's box."
+ text run at (0,96) width 431: "There is no padding set on this paragraph whatsoever."
+ RenderBlock {P} at (30,733) size 744x144 [bgcolor=#FFFFFF]
+ RenderImage {IMG} at (0,0) size 60x60
+ RenderText {#text} at (90,0) size 744x143
+ text run at (90,0) width 627: "The image in the upper left corner of this paragraph should be floated left, and"
+ text run at (90,24) width 632: "the edges of the white background should line up with the top and left edges of"
+ text run at (90,48) width 89: "the image. "
+ text run at (178,48) width 532: "However, there should be 30 pixels of space between the right and"
+ text run at (90,72) width 483: "bottom edges of the image and the paragraph text around it. "
+ text run at (572,72) width 121: "This paragraph"
+ text run at (0,96) width 744: "should have a white background, first of all, which extends to the edges of the element's box."
+ text run at (0,120) width 431: "There is no padding set on this paragraph whatsoever."
+ RenderBlock {P} at (30,897) size 744x144 [bgcolor=#FFFFFF]
+ RenderImage {IMG} at (0,0) size 60x60
+ RenderText {#text} at (30,0) size 740x143
+ text run at (30,0) width 707: "The image in the upper left corner of this paragraph should be floated left, and the edges"
+ text run at (30,24) width 640: "of the white background should line up with the top and left edges of the image."
+ text run at (0,48) width 740: "However, the text should overlap the image's right and bottom sides, lining up with the thick"
+ text run at (0,72) width 193: "gray lines in the image. "
+ text run at (192,72) width 533: "This paragraph should have a white background, first of all, which"
+ text run at (0,96) width 338: "extends to the edges of the element's box. "
+ text run at (337,96) width 331: "There is no padding set on this paragraph"
+ text run at (0,120) width 95: "whatsoever."
+ RenderTable {TABLE} at (0,1061) size 784x882 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x880
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x852
+ RenderTableCell {TD} at (0,440) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x852 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (34,4) size 722x96 [bgcolor=#FFFFFF]
+ RenderText {#text} at (0,0) size 719x95
+ text run at (0,0) width 656: "This paragraph should have a white background which extends to the edges of the"
+ text run at (0,24) width 120: "element's box. "
+ text run at (119,24) width 437: "There is no padding set on this paragraph whatsoever. "
+ text run at (555,24) width 164: "If the background of"
+ text run at (0,48) width 708: "the entire box is not white, this may cause problems with the following tests; at any rate,"
+ text run at (0,72) width 236: "it must be taken into account."
+ RenderBlock {P} at (34,120) size 722x120 [bgcolor=#FFFFFF]
+ RenderImage {IMG} at (0,0) size 60x60
+ RenderText {#text} at (60,0) size 712x119
+ text run at (60,0) width 627: "The image in the upper left corner of this paragraph should be floated left, and"
+ text run at (60,24) width 118: "nothing more. "
+ text run at (177,24) width 535: "The edges of the white background should line up with the top and"
+ text run at (60,48) width 193: "left edges of the image. "
+ text run at (252,48) width 449: "This paragraph should have a white background, first of"
+ text run at (0,72) width 422: "all, which extends to the edges of the element's box. "
+ text run at (421,72) width 246: "There is no padding set on this"
+ text run at (0,96) width 180: "paragraph whatsoever."
+ RenderBlock {P} at (34,260) size 722x120 [bgcolor=#FFFFFF]
+ RenderImage {IMG} at (30,30) size 60x60
+ RenderText {#text} at (90,0) size 709x119
+ text run at (90,0) width 608: "The image in the upper left corner of this paragraph should be pushed down"
+ text run at (90,24) width 601: "and to the right 30 pixels each from the upper left corner of the paragraph's"
+ text run at (90,48) width 397: "box, and displace the paragraph text accordingly. "
+ text run at (486,48) width 223: "This paragraph should have"
+ text run at (90,72) width 603: "a white background, first of all, which extends to the edges of the element's"
+ text run at (0,96) width 40: "box. "
+ text run at (40,96) width 431: "There is no padding set on this paragraph whatsoever."
+ RenderBlock {P} at (34,400) size 722x120 [bgcolor=#FFFFFF]
+ RenderImage {IMG} at (-30,-30) size 60x60
+ RenderText {#text} at (30,0) size 710x119
+ text run at (30,0) width 667: "The image in the upper left corner of this paragraph should be pushed up and to the"
+ text run at (30,24) width 679: "left 30 pixels each from the upper left corner of the paragraph's box, thus causing the"
+ text run at (0,48) width 624: "edges of the white background to align with the thick gray lines in the image. "
+ text run at (623,48) width 36: "This"
+ text run at (0,72) width 710: "paragraph should have a white background, first of all, which extends to the edges of the"
+ text run at (0,96) width 120: "element's box. "
+ text run at (119,96) width 432: "There is no padding set on this paragraph whatsoever."
+ RenderBlock {P} at (34,540) size 722x144 [bgcolor=#FFFFFF]
+ RenderImage {IMG} at (0,0) size 60x60
+ RenderText {#text} at (90,0) size 722x143
+ text run at (90,0) width 627: "The image in the upper left corner of this paragraph should be floated left, and"
+ text run at (90,24) width 632: "the edges of the white background should line up with the top and left edges of"
+ text run at (90,48) width 89: "the image. "
+ text run at (178,48) width 532: "However, there should be 30 pixels of space between the right and"
+ text run at (90,72) width 483: "bottom edges of the image and the paragraph text around it. "
+ text run at (572,72) width 121: "This paragraph"
+ text run at (0,96) width 704: "should have a white background, first of all, which extends to the edges of the element's"
+ text run at (0,120) width 40: "box. "
+ text run at (40,120) width 431: "There is no padding set on this paragraph whatsoever."
+ RenderBlock {P} at (34,704) size 722x144 [bgcolor=#FFFFFF]
+ RenderImage {IMG} at (0,0) size 60x60
+ RenderText {#text} at (30,0) size 722x143
+ text run at (30,0) width 657: "The image in the upper left corner of this paragraph should be floated left, and the"
+ text run at (30,24) width 691: "edges of the white background should line up with the top and left edges of the image."
+ text run at (0,48) width 695: "However, the text should overlap the image's right and bottom sides, lining up with the"
+ text run at (0,72) width 238: "thick gray lines in the image. "
+ text run at (237,72) width 479: "This paragraph should have a white background, first of all,"
+ text run at (0,96) width 392: "which extends to the edges of the element's box. "
+ text run at (391,96) width 331: "There is no padding set on this paragraph"
+ text run at (0,120) width 95: "whatsoever."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesfloat_on_text_elementsexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/float_on_text_elements-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/float_on_text_elements-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/float_on_text_elements-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,355 @@
</span><ins>+layer at (0,0) size 800x3002
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x3002
+ RenderBlock {HTML} at (0,0) size 800x3002
+ RenderBody {BODY} at (8,8) size 784x2986 [bgcolor=#CCCCCC]
+ RenderBlock (floating) {P} at (0,0) size 392x40 [bgcolor=#FFFF00]
+ RenderText {#text} at (0,0) size 392x39
+ text run at (0,0) width 392: "This paragraph is of class \"one\". It has a width of 50% and is"
+ text run at (0,20) width 114: "floated to the left."
+ RenderBlock {P} at (0,0) size 784x100
+ RenderText {#text} at (392,0) size 784x99
+ text run at (392,0) width 392: "This paragraph should start on the right side of a yellow box"
+ text run at (392,20) width 392: "which contains the previous paragraph. Since the text of this"
+ text run at (0,40) width 784: "element is much longer than the text in the previous element, the text will wrap around the yellow box. There is no"
+ text run at (0,60) width 784: "padding, border or margins on this and the previous element, so the text of the two elements should be very close to each"
+ text run at (0,80) width 36: "other."
+ RenderBlock (anonymous) at (0,100) size 784x20
+ RenderBR {BR} at (0,0) size 0x19
+ RenderBlock {HR} at (0,128) size 784x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {P} at (0,138) size 784x80 [bgcolor=#FFFF00]
+ RenderText {#text} at (0,0) size 784x79
+ text run at (0,0) width 784: "This paragraph is of class \"two\". Since the width has been set to 100%, it should automatically be as wide as its parent"
+ text run at (0,20) width 784: "element allows it to be. Therefore, even though the element is floated, there is no room for other content on the sides and"
+ text run at (0,40) width 784: "a orange square image should be seen AFTER the paragraph, not next to it. A yellow background has been added to this"
+ text run at (0,60) width 222: "paragraph for diagnostic purposes."
+ RenderBlock (anonymous) at (0,138) size 784x100
+ RenderImage {IMG} at (0,80) size 15x15
+ RenderText {#text} at (15,80) size 4x19
+ text run at (15,80) width 4: " "
+ RenderBR {BR} at (19,95) size 0x0
+ RenderBlock {HR} at (0,246) size 784x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {P} at (0,256) size 392x120 [bgcolor=#FFFF00]
+ RenderText {#text} at (0,0) size 392x119
+ text run at (0,0) width 392: "This paragraph is floated to the left and the orange square"
+ text run at (0,20) width 392: "image should appear to the right of the paragraph. This"
+ text run at (0,40) width 392: "paragraph has a yellow background and no padding, margin"
+ text run at (0,60) width 392: "or border. The right edge of this yellow box should be"
+ text run at (0,80) width 392: "horizontally aligned with the left edge of the yellow box"
+ text run at (0,100) width 81: "undernearth."
+ RenderBlock (anonymous) at (0,256) size 784x120
+ RenderImage {IMG} at (392,0) size 15x15
+ RenderText {#text} at (407,0) size 4x19
+ text run at (407,0) width 4: " "
+ RenderBR {BR} at (411,15) size 0x0
+ RenderBlock {HR} at (0,384) size 784x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {P} at (392,394) size 392x120 [bgcolor=#FFFF00]
+ RenderText {#text} at (0,0) size 392x119
+ text run at (0,0) width 392: "This paragraph is floated to the right (using a STYLE"
+ text run at (0,20) width 392: "attribute) and the orange square image should appear to the"
+ text run at (0,40) width 392: "left of the paragraph. This paragraph has a yellow"
+ text run at (0,60) width 392: "background and no padding, margin or border. The left edge"
+ text run at (0,80) width 392: "of this yellow box should be horizonally aligned with the"
+ text run at (0,100) width 228: "right edge of the yellow box above."
+ RenderBlock (anonymous) at (0,394) size 784x120
+ RenderImage {IMG} at (0,0) size 15x15
+ RenderText {#text} at (15,0) size 4x19
+ text run at (15,0) width 4: " "
+ RenderBR {BR} at (19,15) size 0x0
+ RenderBlock {HR} at (0,522) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,532) size 784x60
+ RenderBlock (floating) {SPAN} at (0,0) size 48x38 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,1) size 22x36
+ text run at (0,1) width 22: "T"
+ RenderText {#text} at (48,0) size 784x59
+ text run at (48,0) width 736: "he first letter (a \"T\") of this paragraph should float left and be twice the font-size of the rest of the paragraph, as"
+ text run at (48,20) width 507: "well as bold, with a content width of 1.5em and a background-color of silver. "
+ text run at (554,20) width 230: "The top of the big letter \"T\" should"
+ text run at (0,40) width 689: "be vertically aligned with the top of the first line of this paragraph. This is commonly known as \"drop-cap\"."
+ RenderBlock (anonymous) at (0,592) size 784x20
+ RenderBR {BR} at (0,0) size 0x19
+ RenderBlock {HR} at (0,620) size 784x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {P} at (438,640) size 336x236 [bgcolor=#FFFF00] [border: (3px solid #FF0000)]
+ RenderText {#text} at (8,8) size 320x219
+ text run at (8,8) width 320: "This paragraph should be floated to the right, sort"
+ text run at (8,28) width 320: "of like a 'sidebar' in a magazine article. Its width"
+ text run at (8,48) width 320: "is 20em so the box should not be reformatted"
+ text run at (8,68) width 320: "when the size of the viewport is changed (e.g."
+ text run at (8,88) width 320: "when the window is resized). The background"
+ text run at (8,108) width 320: "color of the element is yellow, and there should"
+ text run at (8,128) width 320: "be a 3px solid red border outside a 5px wide"
+ text run at (8,148) width 320: "padding. Also, the element has a 10px wide"
+ text run at (8,168) width 320: "margin around it where the blue background of"
+ text run at (8,188) width 320: "the paragraph in the normal flow should shine"
+ text run at (8,208) width 54: "through."
+ RenderBlock {P} at (0,630) size 784x220 [bgcolor=#66CCFF]
+ RenderText {#text} at (0,0) size 428x219
+ text run at (0,0) width 428: "This paragraph is not floating. If there is enough room, the textual"
+ text run at (0,20) width 428: "content of the paragraph should appear on the left side of the"
+ text run at (0,40) width 200: "yellow \"sidebar\" on the right. "
+ text run at (199,40) width 229: "The content of this element should"
+ text run at (0,60) width 230: "flow around the floated element. "
+ text run at (229,60) width 199: "However, the floated element"
+ text run at (0,80) width 428: "may or may not be obscured by the blue background of this"
+ text run at (0,100) width 428: "element, as the specification does not say which is drawn \"on top.\""
+ text run at (0,120) width 428: "Even if the floated element is obscured, it still forces the content"
+ text run at (0,140) width 237: "of this element to flow around it. "
+ text run at (236,140) width 192: "If the floated element is not"
+ text run at (0,160) width 428: "obscured, then the blue rectangle of this paragraph should extend"
+ text run at (0,180) width 428: "10px above and to the right of the sidebar's red border, due to the"
+ text run at (0,200) width 261: "margin styles set for the floated element."
+ RenderBlock (anonymous) at (0,850) size 784x36
+ RenderBR {BR} at (0,0) size 0x19
+ RenderBlock {HR} at (0,894) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (0,904) size 784x28 [bgcolor=#66CCFF] [border: (4px solid #FF0000)]
+ RenderBlock (floating) {DIV} at (440,14) size 330x270 [bgcolor=#FFFF00]
+ RenderBlock {P} at (5,5) size 320x260
+ RenderText {#text} at (0,0) size 320x259
+ text run at (0,0) width 320: "This paragraph is placed inside a DIV element"
+ text run at (0,20) width 320: "which is floated to the right. The width of the"
+ text run at (0,40) width 320: "DIV element is 20em. The background is yellow"
+ text run at (0,60) width 320: "and there is a 5px padding, a 10px margin and no"
+ text run at (0,80) width 320: "border. Since it is floated, the yellow box should"
+ text run at (0,100) width 320: "be rendered on top of the background and borders"
+ text run at (0,120) width 320: "of adjacent non-floated elements. To the left of"
+ text run at (0,140) width 320: "this yellow box there should be a short paragraph"
+ text run at (0,160) width 320: "with a blue background and a red border. The"
+ text run at (0,180) width 320: "yellow box should be rendered on top of the"
+ text run at (0,200) width 320: "bottom red border. I.e., the bottom red border will"
+ text run at (0,220) width 320: "appear broken where it's overlaid by the yellow"
+ text run at (0,240) width 63: "rectangle."
+ RenderBlock {P} at (4,4) size 776x20
+ RenderText {#text} at (0,0) size 274x19
+ text run at (0,0) width 274: "See description in the box on the right side"
+ RenderBlock (anonymous) at (0,932) size 784x266
+ RenderBR {BR} at (0,0) size 0x19
+ RenderBlock {HR} at (0,1206) size 784x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {DIV} at (0,1216) size 196x80 [bgcolor=#66CCFF]
+ RenderBlock {P} at (0,0) size 196x80
+ RenderText {#text} at (0,0) size 196x79
+ text run at (0,0) width 196: "This paragraph is inside a"
+ text run at (0,20) width 196: "DIV which is floated left. Its"
+ text run at (0,40) width 196: "background is blue and the"
+ text run at (0,60) width 89: "width is 25%."
+ RenderBlock (floating) {DIV} at (588,1216) size 196x80 [bgcolor=#FFFF00]
+ RenderBlock {P} at (0,0) size 196x80
+ RenderText {#text} at (0,0) size 196x79
+ text run at (0,0) width 196: "This paragraph is inside a"
+ text run at (0,20) width 196: "DIV which is floated right. Its"
+ text run at (0,40) width 196: "background is yellow and the"
+ text run at (0,60) width 89: "width is 25%."
+ RenderBlock {P} at (0,1216) size 784x40
+ RenderText {#text} at (196,0) size 392x39
+ text run at (196,0) width 392: "This paragraph should appear between a blue box (on the"
+ text run at (196,20) width 31: "left) "
+ text run at (226,20) width 203: "and a yellow box (on the right)."
+ RenderBlock (anonymous) at (0,1256) size 784x40
+ RenderBR {BR} at (196,0) size 0x19
+ RenderBlock {HR} at (0,1304) size 784x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {DIV} at (0,1314) size 588x140 [bgcolor=#66CCFF]
+ RenderBlock (floating) {DIV} at (431,0) size 147x40 [bgcolor=#FFFF00]
+ RenderBlock {P} at (0,0) size 147x40
+ RenderText {#text} at (0,0) size 147x39
+ text run at (0,0) width 147: "See description in the"
+ text run at (0,20) width 127: "box on the left side."
+ RenderBlock {P} at (0,0) size 588x140
+ RenderText {#text} at (0,0) size 589x139
+ text run at (0,0) width 431: "This paragraph is inside a DIV which is floated left. The"
+ text run at (0,20) width 431: "background of the DIV element is blue and its width is 75%. This"
+ text run at (0,40) width 373: "text should all be inside the blue rectangle. The blue DIV "
+ text run at (372,40) width 216: "element has another DIV element"
+ text run at (0,60) width 170: "as a child. It has a yellow "
+ text run at (169,60) width 370: "background color and is floated to the right. Since it is a "
+ text run at (538,60) width 51: "child of"
+ text run at (0,80) width 381: "the blue DIV, the yellow DIV should appear inside the "
+ text run at (380,80) width 208: "blue rectangle. Due to it being"
+ text run at (0,100) width 199: "floated to the right and having "
+ text run at (198,100) width 390: "a 10px right margin, the yellow rectange should have a 10px"
+ text run at (0,120) width 32: "blue "
+ text run at (31,120) width 144: "stripe on its right side."
+ RenderBlock (anonymous) at (0,1314) size 784x140
+ RenderBR {BR} at (588,0) size 0x19
+ RenderBlock {HR} at (0,1462) size 784x2 [border: (1px inset #000000)]
+ RenderTable {TABLE} at (0,1472) size 784x1514 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x1512
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x1484
+ RenderTableCell {TD} at (0,756) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x1484 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (floating) {P} at (4,4) size 381x40 [bgcolor=#FFFF00]
+ RenderText {#text} at (0,0) size 381x39
+ text run at (0,0) width 381: "This paragraph is of class \"one\". It has a width of 50% and"
+ text run at (0,20) width 129: "is floated to the left."
+ RenderBlock {P} at (4,4) size 762x100
+ RenderText {#text} at (381,0) size 762x99
+ text run at (381,0) width 381: "This paragraph should start on the right side of a yellow"
+ text run at (381,20) width 381: "box which contains the previous paragraph. Since the text"
+ text run at (0,40) width 762: "of this element is much longer than the text in the previous element, the text will wrap around the yellow box. There is"
+ text run at (0,60) width 762: "no padding, border or margins on this and the previous element, so the text of the two elements should be very close to"
+ text run at (0,80) width 70: "each other."
+ RenderBlock (anonymous) at (4,104) size 762x20
+ RenderBR {BR} at (0,0) size 0x19
+ RenderBlock {HR} at (4,132) size 762x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {P} at (4,142) size 762x80 [bgcolor=#FFFF00]
+ RenderText {#text} at (0,0) size 762x79
+ text run at (0,0) width 762: "This paragraph is of class \"two\". Since the width has been set to 100%, it should automatically be as wide as its parent"
+ text run at (0,20) width 762: "element allows it to be. Therefore, even though the element is floated, there is no room for other content on the sides"
+ text run at (0,40) width 762: "and a orange square image should be seen AFTER the paragraph, not next to it. A yellow background has been added"
+ text run at (0,60) width 265: "to this paragraph for diagnostic purposes."
+ RenderBlock (anonymous) at (4,142) size 762x100
+ RenderImage {IMG} at (0,80) size 15x15
+ RenderText {#text} at (15,80) size 4x19
+ text run at (15,80) width 4: " "
+ RenderBR {BR} at (19,95) size 0x0
+ RenderBlock {HR} at (4,250) size 762x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {P} at (4,260) size 381x120 [bgcolor=#FFFF00]
+ RenderText {#text} at (0,0) size 381x119
+ text run at (0,0) width 381: "This paragraph is floated to the left and the orange square"
+ text run at (0,20) width 381: "image should appear to the right of the paragraph. This"
+ text run at (0,40) width 381: "paragraph has a yellow background and no padding,"
+ text run at (0,60) width 381: "margin or border. The right edge of this yellow box should"
+ text run at (0,80) width 381: "be horizontally aligned with the left edge of the yellow box"
+ text run at (0,100) width 81: "undernearth."
+ RenderBlock (anonymous) at (4,260) size 762x120
+ RenderImage {IMG} at (381,0) size 15x15
+ RenderText {#text} at (396,0) size 4x19
+ text run at (396,0) width 4: " "
+ RenderBR {BR} at (400,15) size 0x0
+ RenderBlock {HR} at (4,388) size 762x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {P} at (385,398) size 381x120 [bgcolor=#FFFF00]
+ RenderText {#text} at (0,0) size 381x119
+ text run at (0,0) width 381: "This paragraph is floated to the right (using a STYLE"
+ text run at (0,20) width 381: "attribute) and the orange square image should appear to the"
+ text run at (0,40) width 381: "left of the paragraph. This paragraph has a yellow"
+ text run at (0,60) width 381: "background and no padding, margin or border. The left"
+ text run at (0,80) width 381: "edge of this yellow box should be horizonally aligned with"
+ text run at (0,100) width 251: "the right edge of the yellow box above."
+ RenderBlock (anonymous) at (4,398) size 762x120
+ RenderImage {IMG} at (0,0) size 15x15
+ RenderText {#text} at (15,0) size 4x19
+ text run at (15,0) width 4: " "
+ RenderBR {BR} at (19,15) size 0x0
+ RenderBlock {HR} at (4,526) size 762x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (4,536) size 762x60
+ RenderBlock (floating) {SPAN} at (0,0) size 48x38 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,1) size 22x36
+ text run at (0,1) width 22: "T"
+ RenderText {#text} at (48,0) size 762x59
+ text run at (48,0) width 714: "he first letter (a \"T\") of this paragraph should float left and be twice the font-size of the rest of the paragraph,"
+ text run at (48,20) width 530: "as well as bold, with a content width of 1.5em and a background-color of silver. "
+ text run at (577,20) width 185: "The top of the big letter \"T\""
+ text run at (0,40) width 736: "should be vertically aligned with the top of the first line of this paragraph. This is commonly known as \"drop-cap\"."
+ RenderBlock (anonymous) at (4,596) size 762x20
+ RenderBR {BR} at (0,0) size 0x19
+ RenderBlock {HR} at (4,624) size 762x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {P} at (420,644) size 336x236 [bgcolor=#FFFF00] [border: (3px solid #FF0000)]
+ RenderText {#text} at (8,8) size 320x219
+ text run at (8,8) width 320: "This paragraph should be floated to the right, sort"
+ text run at (8,28) width 320: "of like a 'sidebar' in a magazine article. Its width"
+ text run at (8,48) width 320: "is 20em so the box should not be reformatted"
+ text run at (8,68) width 320: "when the size of the viewport is changed (e.g."
+ text run at (8,88) width 320: "when the window is resized). The background"
+ text run at (8,108) width 320: "color of the element is yellow, and there should"
+ text run at (8,128) width 320: "be a 3px solid red border outside a 5px wide"
+ text run at (8,148) width 320: "padding. Also, the element has a 10px wide"
+ text run at (8,168) width 320: "margin around it where the blue background of"
+ text run at (8,188) width 320: "the paragraph in the normal flow should shine"
+ text run at (8,208) width 54: "through."
+ RenderBlock {P} at (4,634) size 762x240 [bgcolor=#66CCFF]
+ RenderText {#text} at (0,0) size 406x239
+ text run at (0,0) width 406: "This paragraph is not floating. If there is enough room, the"
+ text run at (0,20) width 406: "textual content of the paragraph should appear on the left side"
+ text run at (0,40) width 270: "of the yellow \"sidebar\" on the right. "
+ text run at (269,40) width 137: "The content of this"
+ text run at (0,60) width 320: "element should flow around the floated element. "
+ text run at (319,60) width 87: "However, the"
+ text run at (0,80) width 406: "floated element may or may not be obscured by the blue"
+ text run at (0,100) width 406: "background of this element, as the specification does not say"
+ text run at (0,120) width 191: "which is drawn \"on top.\" "
+ text run at (190,120) width 216: "Even if the floated element is"
+ text run at (0,140) width 406: "obscured, it still forces the content of this element to flow"
+ text run at (0,160) width 68: "around it. "
+ text run at (67,160) width 339: "If the floated element is not obscured, then the blue"
+ text run at (0,180) width 406: "rectangle of this paragraph should extend 10px above and to"
+ text run at (0,200) width 406: "the right of the sidebar's red border, due to the margin styles set"
+ text run at (0,220) width 150: "for the floated element."
+ RenderBlock (anonymous) at (4,874) size 762x20
+ RenderBR {BR} at (0,0) size 0x19
+ RenderBlock {HR} at (4,902) size 762x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (4,912) size 762x28 [bgcolor=#66CCFF] [border: (4px solid #FF0000)]
+ RenderBlock (floating) {DIV} at (418,14) size 330x270 [bgcolor=#FFFF00]
+ RenderBlock {P} at (5,5) size 320x260
+ RenderText {#text} at (0,0) size 320x259
+ text run at (0,0) width 320: "This paragraph is placed inside a DIV element"
+ text run at (0,20) width 320: "which is floated to the right. The width of the"
+ text run at (0,40) width 320: "DIV element is 20em. The background is yellow"
+ text run at (0,60) width 320: "and there is a 5px padding, a 10px margin and no"
+ text run at (0,80) width 320: "border. Since it is floated, the yellow box should"
+ text run at (0,100) width 320: "be rendered on top of the background and borders"
+ text run at (0,120) width 320: "of adjacent non-floated elements. To the left of"
+ text run at (0,140) width 320: "this yellow box there should be a short paragraph"
+ text run at (0,160) width 320: "with a blue background and a red border. The"
+ text run at (0,180) width 320: "yellow box should be rendered on top of the"
+ text run at (0,200) width 320: "bottom red border. I.e., the bottom red border will"
+ text run at (0,220) width 320: "appear broken where it's overlaid by the yellow"
+ text run at (0,240) width 63: "rectangle."
+ RenderBlock {P} at (4,4) size 754x20
+ RenderText {#text} at (0,0) size 274x19
+ text run at (0,0) width 274: "See description in the box on the right side"
+ RenderBlock (anonymous) at (4,940) size 762x266
+ RenderBR {BR} at (0,0) size 0x19
+ RenderBlock {HR} at (4,1214) size 762x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {DIV} at (4,1224) size 191x80 [bgcolor=#66CCFF]
+ RenderBlock {P} at (0,0) size 191x80
+ RenderText {#text} at (0,0) size 191x79
+ text run at (0,0) width 191: "This paragraph is inside a"
+ text run at (0,20) width 191: "DIV which is floated left. Its"
+ text run at (0,40) width 191: "background is blue and the"
+ text run at (0,60) width 89: "width is 25%."
+ RenderBlock (floating) {DIV} at (575,1224) size 191x80 [bgcolor=#FFFF00]
+ RenderBlock {P} at (0,0) size 191x80
+ RenderText {#text} at (0,0) size 191x79
+ text run at (0,0) width 191: "This paragraph is inside a"
+ text run at (0,20) width 191: "DIV which is floated right."
+ text run at (0,40) width 22: "Its "
+ text run at (21,40) width 170: "background is yellow and"
+ text run at (0,60) width 112: "the width is 25%."
+ RenderBlock {P} at (4,1224) size 762x40
+ RenderText {#text} at (190,0) size 382x39
+ text run at (190,0) width 382: "This paragraph should appear between a blue box (on the"
+ text run at (190,20) width 32: "left) "
+ text run at (221,20) width 203: "and a yellow box (on the right)."
+ RenderBlock (anonymous) at (4,1264) size 762x40
+ RenderBR {BR} at (190,0) size 1x19
+ RenderBlock {HR} at (4,1312) size 762x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {DIV} at (4,1322) size 572x140 [bgcolor=#66CCFF]
+ RenderBlock (floating) {DIV} at (418,0) size 144x40 [bgcolor=#FFFF00]
+ RenderBlock {P} at (0,0) size 143x40
+ RenderText {#text} at (0,0) size 143x39
+ text run at (0,0) width 143: "See description in the"
+ text run at (0,20) width 127: "box on the left side."
+ RenderBlock {P} at (0,0) size 572x140
+ RenderText {#text} at (0,0) size 572x139
+ text run at (0,0) width 419: "This paragraph is inside a DIV which is floated left. The"
+ text run at (0,20) width 419: "background of the DIV element is blue and its width is 75%."
+ text run at (0,40) width 34: "This "
+ text run at (33,40) width 377: "text should all be inside the blue rectangle. The blue DIV "
+ text run at (409,40) width 163: "element has another DIV"
+ text run at (0,60) width 223: "element as a child. It has a yellow "
+ text run at (222,60) width 350: "background color and is floated to the right. Since it is"
+ text run at (0,80) width 12: "a "
+ text run at (11,80) width 407: "child of the blue DIV, the yellow DIV should appear inside the "
+ text run at (417,80) width 155: "blue rectangle. Due to it"
+ text run at (0,100) width 252: "being floated to the right and having "
+ text run at (251,100) width 321: "a 10px right margin, the yellow rectange should"
+ text run at (0,120) width 113: "have a 10px blue "
+ text run at (112,120) width 144: "stripe on its right side."
+ RenderBlock (anonymous) at (4,1322) size 762x140
+ RenderBR {BR} at (571,0) size 1x19
+ RenderBlock {HR} at (4,1470) size 762x2 [border: (1px inset #000000)]
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesheightexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/height-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/height-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/height-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,76 @@
</span><ins>+layer at (0,0) size 800x991
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x991
+ RenderBlock {HTML} at (0,0) size 800x991
+ RenderBody {BODY} at (8,8) size 784x975 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x42
+ RenderText {#text} at (0,0) size 164x42
+ text run at (0,0) width 157: ".one {height: 50px;}"
+ text run at (156,0) width 1: " "
+ text run at (0,14) width 164: ".two {height: 100px;}"
+ text run at (163,14) width 1: " "
+ text run at (0,28) width 0: " "
+ RenderBlock {HR} at (0,91) size 784x2 [border: (1px inset #000000)]
+ RenderBlock (anonymous) at (0,101) size 784x50
+ RenderImage {IMG} at (0,0) size 50x50
+ RenderText {#text} at (0,0) size 0x0
+ RenderBlock {P} at (0,167) size 784x20
+ RenderText {#text} at (0,0) size 281x19
+ text run at (0,0) width 281: "The square above should be fifty pixels tall."
+ RenderBlock (anonymous) at (0,203) size 784x100
+ RenderImage {IMG} at (0,0) size 100x100
+ RenderText {#text} at (0,0) size 0x0
+ RenderBlock {P} at (0,319) size 784x20
+ RenderText {#text} at (0,0) size 340x19
+ text run at (0,0) width 340: "The square above should be 100 pixels tall and wide."
+ RenderBlock (anonymous) at (0,355) size 784x100
+ RenderImage {IMG} at (0,0) size 30x100
+ RenderText {#text} at (0,0) size 0x0
+ RenderBlock {P} at (0,471) size 784x40
+ RenderText {#text} at (0,0) size 765x39
+ text run at (0,0) width 765: "The rectangular image above should be 100 pixels tall and 30 pixels wide (the original image is 50x15, and the size has"
+ text run at (0,20) width 152: "been doubled using the "
+ RenderInline {CODE} at (0,0) size 48x14
+ RenderText {#text} at (151,25) size 48x14
+ text run at (151,25) width 48: "height"
+ RenderText {#text} at (198,20) size 69x19
+ text run at (198,20) width 69: " property)."
+ RenderTable {TABLE} at (0,527) size 784x448 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x446
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x418
+ RenderTableCell {TD} at (0,223) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x418 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (4,4) size 762x50
+ RenderImage {IMG} at (0,0) size 50x50
+ RenderText {#text} at (0,0) size 0x0
+ RenderBlock {P} at (4,70) size 762x20
+ RenderText {#text} at (0,0) size 281x19
+ text run at (0,0) width 281: "The square above should be fifty pixels tall."
+ RenderBlock (anonymous) at (4,106) size 762x100
+ RenderImage {IMG} at (0,0) size 100x100
+ RenderText {#text} at (0,0) size 0x0
+ RenderBlock {P} at (4,222) size 762x20
+ RenderText {#text} at (0,0) size 340x19
+ text run at (0,0) width 340: "The square above should be 100 pixels tall and wide."
+ RenderBlock (anonymous) at (4,258) size 762x100
+ RenderImage {IMG} at (0,0) size 30x100
+ RenderText {#text} at (0,0) size 0x0
+ RenderBlock {P} at (4,374) size 762x40
+ RenderText {#text} at (0,0) size 739x39
+ text run at (0,0) width 739: "The rectangular image above should be 100 pixels tall and 30 pixels wide (the original image is 50x15, and the size"
+ text run at (0,20) width 178: "has been doubled using the "
+ RenderInline {CODE} at (0,0) size 48x14
+ RenderText {#text} at (177,25) size 48x14
+ text run at (177,25) width 48: "height"
+ RenderText {#text} at (224,20) size 68x19
+ text run at (224,20) width 68: " property)."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesmarginexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,166 @@
</span><ins>+layer at (0,0) size 802x2736
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x2736
+ RenderBlock {HTML} at (0,0) size 800x2736
+ RenderBody {BODY} at (8,8) size 784x2720 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x98
+ RenderText {#text} at (0,0) size 352x98
+ text run at (0,0) width 344: ".zero {background-color: silver; margin: 0;}"
+ text run at (343,0) width 1: " "
+ text run at (0,14) width 352: ".one {margin: 0.5in; background-color: aqua;}"
+ text run at (351,14) width 1: " "
+ text run at (0,28) width 344: ".two {margin: 25px; background-color: aqua;}"
+ text run at (343,28) width 1: " "
+ text run at (0,42) width 352: ".three {margin: 5em; background-color: aqua;}"
+ text run at (351,42) width 1: " "
+ text run at (0,56) width 344: ".four {margin: 25%; background-color: aqua;}"
+ text run at (343,56) width 1: " "
+ text run at (0,70) width 164: ".five {margin: 25px;}"
+ text run at (163,70) width 1: " "
+ text run at (0,84) width 352: ".six {margin: -10px; background-color: aqua;}"
+ text run at (351,84) width 1: " "
+ RenderBlock {HR} at (0,147) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,165) size 784x40
+ RenderText {#text} at (0,0) size 752x39
+ text run at (0,0) width 752: "NOTE: The following tests are separated by class-zero paragraphs, so as to prevent margin-collapsing as described in"
+ text run at (0,20) width 253: "section 4.1.1 of the CSS1 specification."
+ RenderBlock {P} at (0,221) size 784x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (48,289) size 688x20 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 672x19
+ text run at (0,0) width 672: "This sentence should have an overall margin of half an inch, which will require extra text in order to test."
+ RenderBlock {P} at (0,357) size 784x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (25,402) size 734x20 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 655x19
+ text run at (0,0) width 655: "This sentence should have an overall margin of 25 pixels, which will require extra text in order to test."
+ RenderBlock {P} at (0,447) size 784x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (80,547) size 624x40 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 598x39
+ text run at (0,0) width 598: "This sentence should have an overall margin of 5 em, which will require extra text in order to"
+ text run at (0,20) width 27: "test."
+ RenderBlock {P} at (0,667) size 784x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (196,883) size 392x60 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 386x59
+ text run at (0,0) width 383: "This sentence should have an overall margin of 25%, which"
+ text run at (0,20) width 386: "is calculated with respect to the width of the parent element."
+ text run at (0,40) width 272: "This will require extra text in order to test."
+ RenderBlock {P} at (0,1139) size 784x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {UL} at (25,1184) size 734x130 [bgcolor=#00FFFF]
+ RenderListItem {LI} at (40,0) size 694x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 382x19
+ text run at (0,0) width 382: "This list has a margin of 25px, and a light blue background."
+ RenderListItem {LI} at (40,20) size 694x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 269x19
+ text run at (0,0) width 269: "Therefore, it ought to have such a margin."
+ RenderListItem {LI} at (65,65) size 644x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 555x19
+ text run at (0,0) width 555: "This list item has a margin of 25px, which should cause it to be offset in some fashion."
+ RenderListItem {LI} at (40,110) size 694x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 304x19
+ text run at (0,0) width 304: "This list item has no special styles applied to it."
+ RenderBlock {P} at (0,1339) size 784x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (-10,1349) size 804x60 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 789x59
+ text run at (0,0) width 772: "This paragraph has an overall margin of -10px, which should make it wider than usual as well as shift it upward and pull"
+ text run at (0,20) width 376: "subsequent text up toward it, and a light blue background. "
+ text run at (375,20) width 394: "In all other respects, however, the element should be normal. "
+ text run at (768,20) width 21: "No"
+ text run at (0,40) width 538: "styles have been applied to it besides the negative margin and the background color."
+ RenderBlock {P} at (0,1399) size 784x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderTable {TABLE} at (0,1419) size 784x1301 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x1299
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x1271
+ RenderTableCell {TD} at (0,649) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x1271 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x40
+ RenderText {#text} at (0,0) size 752x39
+ text run at (0,0) width 752: "NOTE: The following tests are separated by class-zero paragraphs, so as to prevent margin-collapsing as described in"
+ text run at (0,20) width 253: "section 4.1.1 of the CSS1 specification."
+ RenderBlock {P} at (4,60) size 762x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (52,128) size 666x40 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 642x39
+ text run at (0,0) width 642: "This sentence should have an overall margin of half an inch, which will require extra text in order to"
+ text run at (0,20) width 27: "test."
+ RenderBlock {P} at (4,216) size 762x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (29,261) size 712x20 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 655x19
+ text run at (0,0) width 655: "This sentence should have an overall margin of 25 pixels, which will require extra text in order to test."
+ RenderBlock {P} at (4,306) size 762x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (84,406) size 602x40 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 598x39
+ text run at (0,0) width 598: "This sentence should have an overall margin of 5 em, which will require extra text in order to"
+ text run at (0,20) width 27: "test."
+ RenderBlock {P} at (4,526) size 762x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (194,736) size 382x61 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 370x59
+ text run at (0,0) width 340: "This sentence should have an overall margin of 25%,"
+ text run at (0,20) width 370: "which is calculated with respect to the width of the parent"
+ text run at (0,40) width 59: "element. "
+ text run at (58,40) width 273: "This will require extra text in order to test."
+ RenderBlock {P} at (4,987) size 762x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {UL} at (29,1032) size 712x130 [bgcolor=#00FFFF]
+ RenderListItem {LI} at (40,0) size 672x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 382x19
+ text run at (0,0) width 382: "This list has a margin of 25px, and a light blue background."
+ RenderListItem {LI} at (40,20) size 672x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 269x19
+ text run at (0,0) width 269: "Therefore, it ought to have such a margin."
+ RenderListItem {LI} at (65,65) size 622x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 555x19
+ text run at (0,0) width 555: "This list item has a margin of 25px, which should cause it to be offset in some fashion."
+ RenderListItem {LI} at (40,110) size 672x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 304x19
+ text run at (0,0) width 304: "This list item has no special styles applied to it."
+ RenderBlock {P} at (4,1187) size 762x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (-6,1197) size 782x60 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 772x59
+ text run at (0,0) width 772: "This paragraph has an overall margin of -10px, which should make it wider than usual as well as shift it upward and pull"
+ text run at (0,20) width 376: "subsequent text up toward it, and a light blue background. "
+ text run at (375,20) width 390: "In all other respects, however, the element should be normal."
+ text run at (0,40) width 561: "No styles have been applied to it besides the negative margin and the background color."
+ RenderBlock {P} at (4,1247) size 762x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesmargin_bottomexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin_bottom-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin_bottom-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin_bottom-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,150 @@
</span><ins>+layer at (0,0) size 800x1812
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x1812
+ RenderBlock {HTML} at (0,0) size 800x1812
+ RenderBody {BODY} at (8,8) size 784x1796 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x126
+ RenderText {#text} at (0,0) size 406x126
+ text run at (0,0) width 398: ".zero {background-color: silver; margin-bottom: 0;}"
+ text run at (397,0) width 1: " "
+ text run at (0,14) width 406: ".one {margin-bottom: 0.5in; background-color: aqua;}"
+ text run at (405,14) width 1: " "
+ text run at (0,28) width 398: ".two {margin-bottom: 25px; background-color: aqua;}"
+ text run at (397,28) width 1: " "
+ text run at (0,42) width 406: ".three {margin-bottom: 5em; background-color: aqua;}"
+ text run at (405,42) width 1: " "
+ text run at (0,56) width 398: ".four {margin-bottom: 25%; background-color: aqua;}"
+ text run at (397,56) width 1: " "
+ text run at (0,70) width 219: ".five {margin-bottom: 25px;}"
+ text run at (218,70) width 1: " "
+ text run at (0,84) width 406: ".six {margin-bottom: -10px; background-color: aqua;}"
+ text run at (405,84) width 1: " "
+ text run at (0,98) width 172: "P, UL {margin-top: 0;}"
+ text run at (171,98) width 1: " "
+ text run at (0,112) width 0: " "
+ RenderBlock {HR} at (0,175) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,185) size 784x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (0,205) size 784x40 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 756x39
+ text run at (0,0) width 756: "This sentence should have a bottom margin of half an inch, which will require extra text in order to make sure that the"
+ text run at (0,20) width 208: "margin isn't applied to each line."
+ RenderBlock {P} at (0,293) size 784x40 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 739x39
+ text run at (0,0) width 739: "This sentence should have a bottom margin of 25 pixels, which will require extra text in order to make sure that the"
+ text run at (0,20) width 208: "margin isn't applied to each line."
+ RenderBlock {P} at (0,358) size 784x40 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 761x39
+ text run at (0,0) width 761: "This sentence should have a bottom margin of 5 em, which will require extra text in order to make sure that the margin"
+ text run at (0,20) width 159: "isn't applied to each line."
+ RenderBlock {P} at (0,478) size 784x40 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 784x39
+ text run at (0,0) width 784: "This element should have a bottom margin of 25%, which will require extra text in order to make sure that the margin isn't"
+ text run at (0,20) width 129: "applied to each line."
+ RenderBlock {P} at (0,714) size 784x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (0,734) size 784x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 238x19
+ text run at (0,0) width 238: "This element also has a class of zero."
+ RenderBlock {UL} at (0,754) size 784x105 [bgcolor=#00FFFF]
+ RenderListItem {LI} at (40,0) size 744x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 433x19
+ text run at (0,0) width 433: "This list has a margin-bottom of 25px, and a light blue background."
+ RenderListItem {LI} at (40,20) size 744x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 269x19
+ text run at (0,0) width 269: "Therefore, it ought to have such a margin."
+ RenderListItem {LI} at (40,40) size 744x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 604x19
+ text run at (0,0) width 604: "This list item has a bottom margin of 25px, which should cause it to be offset in some fashion."
+ RenderListItem {LI} at (40,85) size 744x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 304x19
+ text run at (0,0) width 304: "This list item has no special styles applied to it."
+ RenderBlock {P} at (0,884) size 784x60 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 775x59
+ text run at (0,0) width 761: "This paragraph has a bottom margin of -10px, which should cause elements after it to be shifted \"upward\" on the page,"
+ text run at (0,20) width 125: "and no top margin. "
+ text run at (124,20) width 497: "No other styles have been applied to it besides a light blue background color. "
+ text run at (620,20) width 155: "In all other respects, the"
+ text run at (0,40) width 170: "element should be normal."
+ RenderBlock {P} at (0,934) size 784x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (0,954) size 784x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 238x19
+ text run at (0,0) width 238: "This element also has a class of zero."
+ RenderTable {TABLE} at (0,974) size 784x822 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x820
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x792
+ RenderTableCell {TD} at (0,410) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x792 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (4,24) size 762x40 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 756x39
+ text run at (0,0) width 756: "This sentence should have a bottom margin of half an inch, which will require extra text in order to make sure that the"
+ text run at (0,20) width 208: "margin isn't applied to each line."
+ RenderBlock {P} at (4,112) size 762x40 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 739x39
+ text run at (0,0) width 739: "This sentence should have a bottom margin of 25 pixels, which will require extra text in order to make sure that the"
+ text run at (0,20) width 208: "margin isn't applied to each line."
+ RenderBlock {P} at (4,177) size 762x40 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 761x39
+ text run at (0,0) width 761: "This sentence should have a bottom margin of 5 em, which will require extra text in order to make sure that the margin"
+ text run at (0,20) width 159: "isn't applied to each line."
+ RenderBlock {P} at (4,297) size 762x40 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 754x39
+ text run at (0,0) width 754: "This element should have a bottom margin of 25%, which will require extra text in order to make sure that the margin"
+ text run at (0,20) width 159: "isn't applied to each line."
+ RenderBlock {P} at (4,527) size 762x21 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (4,547) size 762x21 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 238x19
+ text run at (0,0) width 238: "This element also has a class of zero."
+ RenderBlock {UL} at (4,567) size 762x106 [bgcolor=#00FFFF]
+ RenderListItem {LI} at (40,0) size 722x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 433x19
+ text run at (0,0) width 433: "This list has a margin-bottom of 25px, and a light blue background."
+ RenderListItem {LI} at (40,20) size 722x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 269x19
+ text run at (0,0) width 269: "Therefore, it ought to have such a margin."
+ RenderListItem {LI} at (40,40) size 722x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 604x19
+ text run at (0,0) width 604: "This list item has a bottom margin of 25px, which should cause it to be offset in some fashion."
+ RenderListItem {LI} at (40,85) size 722x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 304x19
+ text run at (0,0) width 304: "This list item has no special styles applied to it."
+ RenderBlock {P} at (4,697) size 762x61 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 761x59
+ text run at (0,0) width 761: "This paragraph has a bottom margin of -10px, which should cause elements after it to be shifted \"upward\" on the page,"
+ text run at (0,20) width 125: "and no top margin. "
+ text run at (124,20) width 497: "No other styles have been applied to it besides a light blue background color. "
+ text run at (620,20) width 131: "In all other respects,"
+ text run at (0,40) width 194: "the element should be normal."
+ RenderBlock {P} at (4,747) size 762x21 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (4,767) size 762x21 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 238x19
+ text run at (0,0) width 238: "This element also has a class of zero."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesmargin_bottom_inlineexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin_bottom_inline-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin_bottom_inline-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin_bottom_inline-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,95 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x28
+ RenderText {#text} at (0,0) size 406x28
+ text run at (0,0) width 398: ".one {margin-bottom: 25px; background-color: aqua;}"
+ text run at (397,0) width 1: " "
+ text run at (0,14) width 406: ".two {margin-bottom: -10px; background-color: aqua;}"
+ text run at (405,14) width 1: " "
+ RenderBlock {HR} at (0,77) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,95) size 784x60 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 490x19
+ text run at (0,0) width 400: "This element is unstyled save for a background color of gray.. "
+ text run at (399,0) width 91: "It contains an "
+ RenderInline {SPAN} at (0,0) size 776x39 [bgcolor=#00FFFF]
+ RenderText {#text} at (489,0) size 148x19
+ text run at (489,0) width 148: "inline element of class "
+ RenderInline {TT} at (0,0) size 25x14
+ RenderText {#text} at (636,5) size 25x14
+ text run at (636,5) width 25: "one"
+ RenderText {#text} at (660,0) size 776x39
+ text run at (660,0) width 116: ", giving it an aqua"
+ text run at (0,20) width 249: "background and a 25px bottom margin"
+ RenderText {#text} at (248,20) size 775x39
+ text run at (248,20) width 9: ". "
+ text run at (256,20) width 519: "Margins on inline elements does not affect line-height calculations, so all lines in"
+ text run at (0,40) width 297: "this element should have the same line-height."
+ RenderBlock {P} at (0,171) size 784x60 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 490x19
+ text run at (0,0) width 400: "This element is unstyled save for a background color of gray.. "
+ text run at (399,0) width 91: "It contains an "
+ RenderInline {SPAN} at (0,0) size 776x39 [bgcolor=#00FFFF]
+ RenderText {#text} at (489,0) size 148x19
+ text run at (489,0) width 148: "inline element of class "
+ RenderInline {TT} at (0,0) size 25x14
+ RenderText {#text} at (636,5) size 25x14
+ text run at (636,5) width 25: "two"
+ RenderText {#text} at (660,0) size 776x39
+ text run at (660,0) width 116: ", giving it an aqua"
+ text run at (0,20) width 254: "background and a -10px bottom margin"
+ RenderText {#text} at (253,20) size 781x39
+ text run at (253,20) width 9: ". "
+ text run at (261,20) width 520: "Margins on inline elements does not affect line-height calculations, so all lines in"
+ text run at (0,40) width 297: "this element should have the same line-height."
+ RenderTable {TABLE} at (0,247) size 784x174 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x172
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x144
+ RenderTableCell {TD} at (0,86) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x144 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x60 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 490x19
+ text run at (0,0) width 400: "This element is unstyled save for a background color of gray.. "
+ text run at (399,0) width 91: "It contains an "
+ RenderInline {SPAN} at (0,0) size 742x39 [bgcolor=#00FFFF]
+ RenderText {#text} at (489,0) size 148x19
+ text run at (489,0) width 148: "inline element of class "
+ RenderInline {TT} at (0,0) size 25x14
+ RenderText {#text} at (636,5) size 25x14
+ text run at (636,5) width 25: "one"
+ RenderText {#text} at (660,0) size 742x39
+ text run at (660,0) width 82: ", giving it an"
+ text run at (0,20) width 283: "aqua background and a 25px bottom margin"
+ RenderText {#text} at (282,20) size 759x39
+ text run at (282,20) width 9: ". "
+ text run at (290,20) width 469: "Margins on inline elements does not affect line-height calculations, so all"
+ text run at (0,40) width 348: "lines in this element should have the same line-height."
+ RenderBlock {P} at (4,80) size 762x60 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 490x19
+ text run at (0,0) width 400: "This element is unstyled save for a background color of gray.. "
+ text run at (399,0) width 91: "It contains an "
+ RenderInline {SPAN} at (0,0) size 742x39 [bgcolor=#00FFFF]
+ RenderText {#text} at (489,0) size 148x19
+ text run at (489,0) width 148: "inline element of class "
+ RenderInline {TT} at (0,0) size 25x14
+ RenderText {#text} at (636,5) size 25x14
+ text run at (636,5) width 25: "two"
+ RenderText {#text} at (660,0) size 742x39
+ text run at (660,0) width 82: ", giving it an"
+ text run at (0,20) width 288: "aqua background and a -10px bottom margin"
+ RenderText {#text} at (287,20) size 744x39
+ text run at (287,20) width 9: ". "
+ text run at (295,20) width 449: "Margins on inline elements does not affect line-height calculations, so"
+ text run at (0,40) width 368: "all lines in this element should have the same line-height."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesmargin_inlineexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin_inline-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin_inline-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin_inline-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,125 @@
</span><ins>+layer at (0,0) size 800x763
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x763
+ RenderBlock {HTML} at (0,0) size 800x763
+ RenderBody {BODY} at (8,8) size 784x747 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x42
+ RenderText {#text} at (0,0) size 352x42
+ text run at (0,0) width 344: ".zero {background-color: silver; margin: 0;}"
+ text run at (343,0) width 1: " "
+ text run at (0,14) width 344: ".one {margin: 25px; background-color: aqua;}"
+ text run at (343,14) width 1: " "
+ text run at (0,28) width 352: ".two {margin: -10px; background-color: aqua;}"
+ text run at (351,28) width 1: " "
+ RenderBlock {HR} at (0,91) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,101) size 784x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (0,137) size 784x80 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 490x19
+ text run at (0,0) width 400: "This element is unstyled save for a background color of gray.. "
+ text run at (399,0) width 91: "It contains an "
+ RenderInline {SPAN} at (0,0) size 767x39 [bgcolor=#00FFFF]
+ RenderText {#text} at (514,0) size 148x19
+ text run at (514,0) width 148: "inline element of class "
+ RenderInline {TT} at (0,0) size 25x14
+ RenderText {#text} at (661,5) size 25x14
+ text run at (661,5) width 25: "one"
+ RenderText {#text} at (685,0) size 767x39
+ text run at (685,0) width 82: ", giving it an"
+ text run at (0,20) width 233: "aqua background and a 25px margin"
+ RenderText {#text} at (257,20) size 782x59
+ text run at (257,20) width 9: ". "
+ text run at (265,20) width 504: "Margins on inline elements does not affect line-height calculations, so all lines"
+ text run at (0,40) width 317: "in this element should have the same line-height. "
+ text run at (316,40) width 466: "However, there should be a 25px margin to the left side of the inline box"
+ text run at (0,60) width 762: "in the first line it appears, and a 25px margin to the right side of the inline element box in the last line where it appears."
+ RenderBlock {P} at (0,233) size 784x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (0,269) size 784x80 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 490x19
+ text run at (0,0) width 400: "This element is unstyled save for a background color of gray.. "
+ text run at (399,0) width 91: "It contains an "
+ RenderInline {SPAN} at (0,0) size 766x39 [bgcolor=#00FFFF]
+ RenderText {#text} at (479,0) size 148x19
+ text run at (479,0) width 148: "inline element of class "
+ RenderInline {TT} at (0,0) size 25x14
+ RenderText {#text} at (626,5) size 25x14
+ text run at (626,5) width 25: "two"
+ RenderText {#text} at (650,0) size 766x39
+ text run at (650,0) width 116: ", giving it an aqua"
+ text run at (0,20) width 205: "background and a -10px margin"
+ RenderText {#text} at (194,20) size 783x59
+ text run at (194,20) width 9: ". "
+ text run at (202,20) width 547: "Margins on inline elements does not affect line-height calculations, so all lines in this"
+ text run at (0,40) width 274: "element should have the same line-height. "
+ text run at (273,40) width 510: "However, there should be a -10px margin to the left side of the inline box in the"
+ text run at (0,60) width 728: "first line it appears, and a -10px margin to the right side of the inline element box in the last line where it appears."
+ RenderBlock {P} at (0,365) size 784x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderTable {TABLE} at (0,385) size 784x362 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x360
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x332
+ RenderTableCell {TD} at (0,180) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x332 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (4,40) size 762x100 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 490x19
+ text run at (0,0) width 400: "This element is unstyled save for a background color of gray.. "
+ text run at (399,0) width 91: "It contains an "
+ RenderInline {SPAN} at (0,0) size 748x39 [bgcolor=#00FFFF]
+ RenderText {#text} at (514,0) size 148x19
+ text run at (514,0) width 148: "inline element of class "
+ RenderInline {TT} at (0,0) size 25x14
+ RenderText {#text} at (661,5) size 25x14
+ text run at (661,5) width 25: "one"
+ RenderText {#text} at (685,0) size 748x39
+ text run at (685,0) width 63: ", giving it"
+ text run at (0,20) width 253: "an aqua background and a 25px margin"
+ RenderText {#text} at (277,20) size 761x79
+ text run at (277,20) width 9: ". "
+ text run at (285,20) width 469: "Margins on inline elements does not affect line-height calculations, so all"
+ text run at (0,40) width 352: "lines in this element should have the same line-height. "
+ text run at (351,40) width 396: "However, there should be a 25px margin to the left side of the"
+ text run at (0,60) width 761: "inline box in the first line it appears, and a 25px margin to the right side of the inline element box in the last line where"
+ text run at (0,80) width 66: "it appears."
+ RenderBlock {P} at (4,156) size 762x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (4,192) size 762x100 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 490x19
+ text run at (0,0) width 400: "This element is unstyled save for a background color of gray.. "
+ text run at (399,0) width 91: "It contains an "
+ RenderInline {SPAN} at (0,0) size 732x39 [bgcolor=#00FFFF]
+ RenderText {#text} at (479,0) size 148x19
+ text run at (479,0) width 148: "inline element of class "
+ RenderInline {TT} at (0,0) size 25x14
+ RenderText {#text} at (626,5) size 25x14
+ text run at (626,5) width 25: "two"
+ RenderText {#text} at (650,0) size 732x39
+ text run at (650,0) width 82: ", giving it an"
+ text run at (0,20) width 239: "aqua background and a -10px margin"
+ RenderText {#text} at (228,20) size 756x79
+ text run at (228,20) width 9: ". "
+ text run at (236,20) width 520: "Margins on inline elements does not affect line-height calculations, so all lines in"
+ text run at (0,40) width 301: "this element should have the same line-height. "
+ text run at (300,40) width 442: "However, there should be a -10px margin to the left side of the inline"
+ text run at (0,60) width 739: "box in the first line it appears, and a -10px margin to the right side of the inline element box in the last line where it"
+ text run at (0,80) width 53: "appears."
+ RenderBlock {P} at (4,308) size 762x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesmargin_leftexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin_left-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin_left-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin_left-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,120 @@
</span><ins>+layer at (0,0) size 800x1065
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x1065
+ RenderBlock {HTML} at (0,0) size 800x1065
+ RenderBody {BODY} at (8,8) size 784x1049 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x84
+ RenderText {#text} at (0,0) size 398x84
+ text run at (0,0) width 383: ".zero {background-color: silver; margin-left: 0;}"
+ text run at (382,0) width 1: " "
+ text run at (0,14) width 391: ".one {margin-left: 0.5in; background-color: aqua;}"
+ text run at (390,14) width 1: " "
+ text run at (0,28) width 383: ".two {margin-left: 25px; background-color: aqua;}"
+ text run at (382,28) width 1: " "
+ text run at (0,42) width 391: ".three {margin-left: 5em; background-color: aqua;}"
+ text run at (390,42) width 1: " "
+ text run at (0,56) width 383: ".four {margin-left: 25%; background-color: aqua;}"
+ text run at (382,56) width 1: " "
+ text run at (0,70) width 398: ".five {margin-left: -10px; background-color: aqua;}"
+ text run at (397,70) width 1: " "
+ RenderBlock {HR} at (0,133) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,151) size 784x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (48,187) size 736x20 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 355x19
+ text run at (0,0) width 355: "This sentence should have a left margin of half an inch."
+ RenderBlock {P} at (25,223) size 759x20 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 338x19
+ text run at (0,0) width 338: "This sentence should have a left margin of 25 pixels."
+ RenderBlock {P} at (80,259) size 704x20 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 311x19
+ text run at (0,0) width 311: "This sentence should have a left margin of 5 em."
+ RenderBlock {P} at (196,295) size 588x40 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 557x39
+ text run at (0,0) width 557: "This sentence should have a left margin of 25%, which is calculated with respect to the"
+ text run at (0,20) width 180: "width of the parent element."
+ RenderBlock {UL} at (25,351) size 759x100 [bgcolor=#808080]
+ RenderListItem {LI} at (40,0) size 719x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 699x19
+ text run at (0,0) width 699: "The left margin on this unordered list has been set to 25 pixels, and its background color has been set to gray."
+ RenderListItem {LI} at (65,20) size 694x60 [bgcolor=#FFFFFF]
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 685x59
+ text run at (0,0) width 669: "Another list item might not be such a bad idea, either, considering that such things do need to be double-"
+ text run at (0,20) width 61: "checked. "
+ text run at (60,20) width 625: "This list item has its left margin also set to 25 pixels, which should combine with the list's margin"
+ text run at (0,40) width 488: "to make 50 pixels of margin, and its background color has been set to white."
+ RenderListItem {LI} at (40,80) size 719x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 185x19
+ text run at (0,0) width 185: "This is an unclassed list item"
+ RenderBlock {P} at (0,467) size 784x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (-10,503) size 794x60 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 793x59
+ text run at (0,0) width 773: "This paragraph has a left margin of -10px, which should cause it to be wider than it might otherwise be, and it has a light"
+ text run at (0,20) width 116: "blue background. "
+ text run at (115,20) width 394: "In all other respects, however, the element should be normal. "
+ text run at (508,20) width 285: "No styles have been applied to it besides the"
+ text run at (0,40) width 299: "negative left margin and the background color."
+ RenderTable {TABLE} at (0,579) size 784x470 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x468
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x440
+ RenderTableCell {TD} at (0,234) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x440 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (52,40) size 714x20 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 355x19
+ text run at (0,0) width 355: "This sentence should have a left margin of half an inch."
+ RenderBlock {P} at (29,76) size 737x20 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 338x19
+ text run at (0,0) width 338: "This sentence should have a left margin of 25 pixels."
+ RenderBlock {P} at (84,112) size 682x20 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 311x19
+ text run at (0,0) width 311: "This sentence should have a left margin of 5 em."
+ RenderBlock {P} at (194,148) size 572x40 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 557x39
+ text run at (0,0) width 557: "This sentence should have a left margin of 25%, which is calculated with respect to the"
+ text run at (0,20) width 180: "width of the parent element."
+ RenderBlock {UL} at (29,204) size 737x120 [bgcolor=#808080]
+ RenderListItem {LI} at (40,0) size 697x40
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 664x39
+ text run at (0,0) width 664: "The left margin on this unordered list has been set to 25 pixels, and its background color has been set to"
+ text run at (0,20) width 32: "gray."
+ RenderListItem {LI} at (65,40) size 672x60 [bgcolor=#FFFFFF]
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 669x59
+ text run at (0,0) width 669: "Another list item might not be such a bad idea, either, considering that such things do need to be double-"
+ text run at (0,20) width 61: "checked. "
+ text run at (60,20) width 576: "This list item has its left margin also set to 25 pixels, which should combine with the list's"
+ text run at (0,40) width 537: "margin to make 50 pixels of margin, and its background color has been set to white."
+ RenderListItem {LI} at (40,100) size 697x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 185x19
+ text run at (0,0) width 185: "This is an unclassed list item"
+ RenderBlock {P} at (4,340) size 762x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (-6,376) size 772x60 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 751x59
+ text run at (0,0) width 740: "This paragraph has a left margin of -10px, which should cause it to be wider than it might otherwise be, and it has a"
+ text run at (0,20) width 149: "light blue background. "
+ text run at (148,20) width 394: "In all other respects, however, the element should be normal. "
+ text run at (541,20) width 210: "No styles have been applied to it"
+ text run at (0,40) width 374: "besides the negative left margin and the background color."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesmargin_left_inlineexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin_left_inline-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin_left_inline-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin_left_inline-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,99 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x28
+ RenderText {#text} at (0,0) size 391x28
+ text run at (0,0) width 383: ".one {margin-left: 25px; background-color: aqua;}"
+ text run at (382,0) width 1: " "
+ text run at (0,14) width 391: ".two {margin-left: -10px; background-color: aqua;}"
+ text run at (390,14) width 1: " "
+ RenderBlock {HR} at (0,77) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,95) size 784x40 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 551x19
+ text run at (0,0) width 396: "This element is unstyled save for a background color of gray. "
+ text run at (395,0) width 156: "However, it contains an "
+ RenderInline {SPAN} at (0,0) size 172x19 [bgcolor=#00FFFF]
+ RenderText {#text} at (575,0) size 149x19
+ text run at (575,0) width 149: "inline element of class "
+ RenderInline {TT} at (0,0) size 24x14
+ RenderText {#text} at (723,5) size 24x14
+ text run at (723,5) width 24: "one"
+ RenderText {#text} at (746,0) size 751x39
+ text run at (746,0) width 5: ","
+ text run at (0,20) width 350: "which should result in 25-pixel left margin only in the "
+ RenderInline {STRONG} at (0,0) size 30x19
+ RenderText {#text} at (349,20) size 30x19
+ text run at (349,20) width 30: "first"
+ RenderText {#text} at (378,20) size 237x19
+ text run at (378,20) width 237: " line in which the inline box appears."
+ RenderBlock {P} at (0,151) size 784x40 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 551x19
+ text run at (0,0) width 396: "This element is unstyled save for a background color of gray. "
+ text run at (395,0) width 156: "However, it contains an "
+ RenderInline {SPAN} at (0,0) size 172x19 [bgcolor=#00FFFF]
+ RenderText {#text} at (540,0) size 149x19
+ text run at (540,0) width 149: "inline element of class "
+ RenderInline {TT} at (0,0) size 24x14
+ RenderText {#text} at (688,5) size 24x14
+ text run at (688,5) width 24: "two"
+ RenderText {#text} at (711,0) size 759x39
+ text run at (711,0) width 48: ", which"
+ text run at (0,20) width 291: "should result in -10px left margin only in the "
+ RenderInline {STRONG} at (0,0) size 30x19
+ RenderText {#text} at (290,20) size 30x19
+ text run at (290,20) width 30: "first"
+ RenderText {#text} at (319,20) size 237x19
+ text run at (319,20) width 237: " line in which the inline box appears."
+ RenderTable {TABLE} at (0,207) size 784x134 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x132
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x104
+ RenderTableCell {TD} at (0,66) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x104 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x40 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 551x19
+ text run at (0,0) width 396: "This element is unstyled save for a background color of gray. "
+ text run at (395,0) width 156: "However, it contains an "
+ RenderInline {SPAN} at (0,0) size 172x19 [bgcolor=#00FFFF]
+ RenderText {#text} at (575,0) size 149x19
+ text run at (575,0) width 149: "inline element of class "
+ RenderInline {TT} at (0,0) size 24x14
+ RenderText {#text} at (723,5) size 24x14
+ text run at (723,5) width 24: "one"
+ RenderText {#text} at (746,0) size 751x39
+ text run at (746,0) width 5: ","
+ text run at (0,20) width 350: "which should result in 25-pixel left margin only in the "
+ RenderInline {STRONG} at (0,0) size 30x19
+ RenderText {#text} at (349,20) size 30x19
+ text run at (349,20) width 30: "first"
+ RenderText {#text} at (378,20) size 237x19
+ text run at (378,20) width 237: " line in which the inline box appears."
+ RenderBlock {P} at (4,60) size 762x40 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 551x19
+ text run at (0,0) width 396: "This element is unstyled save for a background color of gray. "
+ text run at (395,0) width 156: "However, it contains an "
+ RenderInline {SPAN} at (0,0) size 172x19 [bgcolor=#00FFFF]
+ RenderText {#text} at (540,0) size 149x19
+ text run at (540,0) width 149: "inline element of class "
+ RenderInline {TT} at (0,0) size 24x14
+ RenderText {#text} at (688,5) size 24x14
+ text run at (688,5) width 24: "two"
+ RenderText {#text} at (711,0) size 759x39
+ text run at (711,0) width 48: ", which"
+ text run at (0,20) width 291: "should result in -10px left margin only in the "
+ RenderInline {STRONG} at (0,0) size 30x19
+ RenderText {#text} at (290,20) size 30x19
+ text run at (290,20) width 30: "first"
+ RenderText {#text} at (319,20) size 237x19
+ text run at (319,20) width 237: " line in which the inline box appears."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesmargin_rightexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin_right-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin_right-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin_right-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,120 @@
</span><ins>+layer at (0,0) size 802x1065
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x1065
+ RenderBlock {HTML} at (0,0) size 800x1065
+ RenderBody {BODY} at (8,8) size 784x1049 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x84
+ RenderText {#text} at (0,0) size 547x84
+ text run at (0,0) width 539: ".zero {background-color: silver; margin-right: 0; text-align: right;}"
+ text run at (538,0) width 1: " "
+ text run at (0,14) width 547: ".one {margin-right: 0.5in; text-align: right; background-color: aqua;}"
+ text run at (546,14) width 1: " "
+ text run at (0,28) width 539: ".two {margin-right: 25px; text-align: right; background-color: aqua;}"
+ text run at (538,28) width 1: " "
+ text run at (0,42) width 547: ".three {margin-right: 5em; text-align: right; background-color: aqua;}"
+ text run at (546,42) width 1: " "
+ text run at (0,56) width 539: ".four {margin-right: 25%; text-align: right; background-color: aqua;}"
+ text run at (538,56) width 1: " "
+ text run at (0,70) width 406: ".five {margin-right: -10px; background-color: aqua;}"
+ text run at (405,70) width 1: " "
+ RenderBlock {HR} at (0,133) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,151) size 784x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (576,0) size 208x19
+ text run at (576,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (0,187) size 736x20 [bgcolor=#00FFFF]
+ RenderText {#text} at (372,0) size 364x19
+ text run at (372,0) width 364: "This sentence should have a right margin of half an inch."
+ RenderBlock {P} at (0,223) size 759x20 [bgcolor=#00FFFF]
+ RenderText {#text} at (412,0) size 347x19
+ text run at (412,0) width 347: "This sentence should have a right margin of 25 pixels."
+ RenderBlock {P} at (0,259) size 704x20 [bgcolor=#00FFFF]
+ RenderText {#text} at (384,0) size 320x19
+ text run at (384,0) width 320: "This sentence should have a right margin of 5 em."
+ RenderBlock {P} at (0,295) size 588x40 [bgcolor=#00FFFF]
+ RenderText {#text} at (22,0) size 566x39
+ text run at (22,0) width 566: "This sentence should have a right margin of 25%, which is calculated with respect to the"
+ text run at (408,20) width 180: "width of the parent element."
+ RenderBlock {UL} at (0,351) size 759x100 [bgcolor=#808080]
+ RenderListItem {LI} at (40,0) size 719x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (7,0) size 712x19
+ text run at (7,0) width 712: "The right margin on this unordered list has been set to 25 pixels, and the background color has been set to gray."
+ RenderListItem {LI} at (40,20) size 694x60 [bgcolor=#FFFFFF]
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (25,0) size 694x59
+ text run at (25,0) width 669: "Another list item might not be such a bad idea, either, considering that such things do need to be double-"
+ text run at (0,20) width 62: "checked. "
+ text run at (61,20) width 633: "This list item has its right margin also set to 25 pixels, which should combine with the list's margin"
+ text run at (205,40) width 489: "to make 50 pixels of margin, and its background-color has been set to white."
+ RenderListItem {LI} at (40,80) size 719x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (534,0) size 185x19
+ text run at (534,0) width 185: "This is an unclassed list item"
+ RenderBlock {P} at (0,467) size 784x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (576,0) size 208x19
+ text run at (576,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (0,503) size 794x60 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 793x59
+ text run at (0,0) width 782: "This paragraph has a right margin of -10px, which should cause it to be wider than it might otherwise be, and it has a light"
+ text run at (0,20) width 116: "blue background. "
+ text run at (115,20) width 394: "In all other respects, however, the element should be normal. "
+ text run at (508,20) width 285: "No styles have been applied to it besides the"
+ text run at (0,40) width 308: "negative right margin and the background color."
+ RenderTable {TABLE} at (0,579) size 784x470 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x468
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x440
+ RenderTableCell {TD} at (0,234) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x440 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (554,0) size 208x19
+ text run at (554,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (4,40) size 714x20 [bgcolor=#00FFFF]
+ RenderText {#text} at (350,0) size 364x19
+ text run at (350,0) width 364: "This sentence should have a right margin of half an inch."
+ RenderBlock {P} at (4,76) size 737x20 [bgcolor=#00FFFF]
+ RenderText {#text} at (390,0) size 347x19
+ text run at (390,0) width 347: "This sentence should have a right margin of 25 pixels."
+ RenderBlock {P} at (4,112) size 682x20 [bgcolor=#00FFFF]
+ RenderText {#text} at (362,0) size 320x19
+ text run at (362,0) width 320: "This sentence should have a right margin of 5 em."
+ RenderBlock {P} at (4,148) size 572x40 [bgcolor=#00FFFF]
+ RenderText {#text} at (5,0) size 567x39
+ text run at (5,0) width 567: "This sentence should have a right margin of 25%, which is calculated with respect to the"
+ text run at (391,20) width 181: "width of the parent element."
+ RenderBlock {UL} at (4,204) size 737x120 [bgcolor=#808080]
+ RenderListItem {LI} at (40,0) size 697x40
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (20,0) size 677x39
+ text run at (20,0) width 677: "The right margin on this unordered list has been set to 25 pixels, and the background color has been set to"
+ text run at (665,20) width 32: "gray."
+ RenderListItem {LI} at (40,40) size 672x60 [bgcolor=#FFFFFF]
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (3,0) size 669x59
+ text run at (3,0) width 669: "Another list item might not be such a bad idea, either, considering that such things do need to be double-"
+ text run at (27,20) width 62: "checked. "
+ text run at (88,20) width 584: "This list item has its right margin also set to 25 pixels, which should combine with the list's"
+ text run at (134,40) width 538: "margin to make 50 pixels of margin, and its background-color has been set to white."
+ RenderListItem {LI} at (40,100) size 697x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (512,0) size 185x19
+ text run at (512,0) width 185: "This is an unclassed list item"
+ RenderBlock {P} at (4,340) size 762x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (554,0) size 208x19
+ text run at (554,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (4,376) size 772x60 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 751x59
+ text run at (0,0) width 749: "This paragraph has a right margin of -10px, which should cause it to be wider than it might otherwise be, and it has a"
+ text run at (0,20) width 149: "light blue background. "
+ text run at (148,20) width 394: "In all other respects, however, the element should be normal. "
+ text run at (541,20) width 210: "No styles have been applied to it"
+ text run at (0,40) width 383: "besides the negative right margin and the background color."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesmargin_right_inlineexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin_right_inline-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin_right_inline-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin_right_inline-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,99 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x28
+ RenderText {#text} at (0,0) size 539x28
+ text run at (0,0) width 539: ".one {margin-right: 25px; text-align: right; background-color: aqua;}"
+ text run at (538,0) width 1: " "
+ text run at (0,14) width 398: ".two {margin-right: -10px; background-color: aqua;}"
+ text run at (397,14) width 1: " "
+ RenderBlock {HR} at (0,77) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,95) size 784x40 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 551x19
+ text run at (0,0) width 396: "This element is unstyled save for a background color of gray. "
+ text run at (395,0) width 156: "However, it contains an "
+ RenderInline {SPAN} at (0,0) size 172x19 [bgcolor=#00FFFF]
+ RenderText {#text} at (550,0) size 149x19
+ text run at (550,0) width 149: "inline element of class "
+ RenderInline {TT} at (0,0) size 24x14
+ RenderText {#text} at (698,5) size 24x14
+ text run at (698,5) width 24: "one"
+ RenderText {#text} at (746,0) size 751x39
+ text run at (746,0) width 5: ","
+ text run at (0,20) width 359: "which should result in 25-pixel right margin only in the "
+ RenderInline {STRONG} at (0,0) size 25x19
+ RenderText {#text} at (358,20) size 25x19
+ text run at (358,20) width 25: "last"
+ RenderText {#text} at (382,20) size 238x19
+ text run at (382,20) width 238: " line in which the inline box appears."
+ RenderBlock {P} at (0,151) size 784x40 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 551x19
+ text run at (0,0) width 396: "This element is unstyled save for a background color of gray. "
+ text run at (395,0) width 156: "However, it contains an "
+ RenderInline {SPAN} at (0,0) size 172x19 [bgcolor=#00FFFF]
+ RenderText {#text} at (550,0) size 149x19
+ text run at (550,0) width 149: "inline element of class "
+ RenderInline {TT} at (0,0) size 24x14
+ RenderText {#text} at (698,5) size 24x14
+ text run at (698,5) width 24: "two"
+ RenderText {#text} at (711,0) size 759x39
+ text run at (711,0) width 48: ", which"
+ text run at (0,20) width 300: "should result in -10px right margin only in the "
+ RenderInline {STRONG} at (0,0) size 25x19
+ RenderText {#text} at (299,20) size 25x19
+ text run at (299,20) width 25: "last"
+ RenderText {#text} at (323,20) size 238x19
+ text run at (323,20) width 238: " line in which the inline box appears."
+ RenderTable {TABLE} at (0,207) size 784x134 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x132
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x104
+ RenderTableCell {TD} at (0,66) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x104 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x40 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 551x19
+ text run at (0,0) width 396: "This element is unstyled save for a background color of gray. "
+ text run at (395,0) width 156: "However, it contains an "
+ RenderInline {SPAN} at (0,0) size 172x19 [bgcolor=#00FFFF]
+ RenderText {#text} at (550,0) size 149x19
+ text run at (550,0) width 149: "inline element of class "
+ RenderInline {TT} at (0,0) size 24x14
+ RenderText {#text} at (698,5) size 24x14
+ text run at (698,5) width 24: "one"
+ RenderText {#text} at (746,0) size 751x39
+ text run at (746,0) width 5: ","
+ text run at (0,20) width 359: "which should result in 25-pixel right margin only in the "
+ RenderInline {STRONG} at (0,0) size 25x19
+ RenderText {#text} at (358,20) size 25x19
+ text run at (358,20) width 25: "last"
+ RenderText {#text} at (382,20) size 238x19
+ text run at (382,20) width 238: " line in which the inline box appears."
+ RenderBlock {P} at (4,60) size 762x40 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 551x19
+ text run at (0,0) width 396: "This element is unstyled save for a background color of gray. "
+ text run at (395,0) width 156: "However, it contains an "
+ RenderInline {SPAN} at (0,0) size 172x19 [bgcolor=#00FFFF]
+ RenderText {#text} at (550,0) size 149x19
+ text run at (550,0) width 149: "inline element of class "
+ RenderInline {TT} at (0,0) size 24x14
+ RenderText {#text} at (698,5) size 24x14
+ text run at (698,5) width 24: "two"
+ RenderText {#text} at (711,0) size 759x39
+ text run at (711,0) width 48: ", which"
+ text run at (0,20) width 300: "should result in -10px right margin only in the "
+ RenderInline {STRONG} at (0,0) size 25x19
+ RenderText {#text} at (299,20) size 25x19
+ text run at (299,20) width 25: "last"
+ RenderText {#text} at (323,20) size 238x19
+ text run at (323,20) width 238: " line in which the inline box appears."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesmargin_topexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin_top-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin_top-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin_top-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,137 @@
</span><ins>+layer at (0,0) size 800x1715
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x1715
+ RenderBlock {HTML} at (0,0) size 800x1715
+ RenderBody {BODY} at (8,8) size 784x1699 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,33) size 784x112
+ RenderText {#text} at (0,0) size 383x112
+ text run at (0,0) width 375: ".zero {background-color: silver; margin-top: 0;}"
+ text run at (374,0) width 1: " "
+ text run at (0,14) width 383: ".one {margin-top: 0.5in; background-color: aqua;}"
+ text run at (382,14) width 1: " "
+ text run at (0,28) width 375: ".two {margin-top: 25px; background-color: aqua;}"
+ text run at (374,28) width 1: " "
+ text run at (0,42) width 383: ".three {margin-top: 5em; background-color: aqua;}"
+ text run at (382,42) width 1: " "
+ text run at (0,56) width 375: ".four {margin-top: 25%; background-color: aqua;}"
+ text run at (374,56) width 1: " "
+ text run at (0,70) width 196: ".five {margin-top: 25px;}"
+ text run at (195,70) width 1: " "
+ text run at (0,84) width 383: ".six {margin-top: -10px; background-color: aqua;}"
+ text run at (382,84) width 1: " "
+ text run at (0,98) width 196: "P, UL {margin-bottom: 0;}"
+ text run at (195,98) width 1: " "
+ RenderBlock {HR} at (0,158) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,168) size 784x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (0,188) size 784x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 238x19
+ text run at (0,0) width 238: "This element also has a class of zero."
+ RenderBlock {P} at (0,256) size 784x40 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 776x39
+ text run at (0,0) width 776: "This element should have a top margin of half an inch, which will require extra text in order to make sure that the margin"
+ text run at (0,20) width 159: "isn't applied to each line."
+ RenderBlock {P} at (0,321) size 784x40 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 758x39
+ text run at (0,0) width 758: "This element should have a top margin of 25 pixels, which will require extra text in order to make sure that the margin"
+ text run at (0,20) width 159: "isn't applied to each line."
+ RenderBlock {P} at (0,441) size 784x40 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 762x39
+ text run at (0,0) width 762: "This element should have a top margin of 5 em, which will require extra text in order to make sure that the margin isn't"
+ text run at (0,20) width 129: "applied to each line."
+ RenderBlock {P} at (0,677) size 784x40 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 768x39
+ text run at (0,0) width 740: "This element should have a top margin of 25%, which is calculated with respect to the width of the parent element. "
+ text run at (739,0) width 29: "This"
+ text run at (0,20) width 240: "will require extra text in order to test."
+ RenderBlock {UL} at (0,742) size 784x105 [bgcolor=#00FFFF]
+ RenderListItem {LI} at (40,0) size 744x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 408x19
+ text run at (0,0) width 408: "This list has a margin-top of 25px, and a light blue background."
+ RenderListItem {LI} at (40,20) size 744x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 269x19
+ text run at (0,0) width 269: "Therefore, it ought to have such a margin."
+ RenderListItem {LI} at (40,65) size 744x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 579x19
+ text run at (0,0) width 579: "This list item has a top margin of 25px, which should cause it to be offset in some fashion."
+ RenderListItem {LI} at (40,85) size 744x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 304x19
+ text run at (0,0) width 304: "This list item has no special styles applied to it."
+ RenderBlock {P} at (0,847) size 784x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (0,857) size 784x60 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 778x59
+ text run at (0,0) width 778: "This element has a top margin of -10px, which should cause it to be shifted \"upward\" on the page, and no bottom margin."
+ text run at (0,20) width 497: "No other styles have been applied to it besides a light blue background color. "
+ text run at (496,20) width 275: "In all other respects, the element should be"
+ text run at (0,40) width 50: "normal."
+ RenderTable {TABLE} at (0,917) size 784x782 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x780
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x752
+ RenderTableCell {TD} at (0,390) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x752 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (4,24) size 762x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 238x19
+ text run at (0,0) width 238: "This element also has a class of zero."
+ RenderBlock {P} at (4,92) size 762x40 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 727x39
+ text run at (0,0) width 727: "This element should have a top margin of half an inch, which will require extra text in order to make sure that the"
+ text run at (0,20) width 208: "margin isn't applied to each line."
+ RenderBlock {P} at (4,157) size 762x40 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 758x39
+ text run at (0,0) width 758: "This element should have a top margin of 25 pixels, which will require extra text in order to make sure that the margin"
+ text run at (0,20) width 159: "isn't applied to each line."
+ RenderBlock {P} at (4,277) size 762x40 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 762x39
+ text run at (0,0) width 762: "This element should have a top margin of 5 em, which will require extra text in order to make sure that the margin isn't"
+ text run at (0,20) width 129: "applied to each line."
+ RenderBlock {P} at (4,507) size 762x41 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 736x39
+ text run at (0,0) width 736: "This element should have a top margin of 25%, which is calculated with respect to the width of the parent element."
+ text run at (0,20) width 272: "This will require extra text in order to test."
+ RenderBlock {UL} at (4,572) size 762x106 [bgcolor=#00FFFF]
+ RenderListItem {LI} at (40,0) size 722x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 408x19
+ text run at (0,0) width 408: "This list has a margin-top of 25px, and a light blue background."
+ RenderListItem {LI} at (40,20) size 722x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 269x19
+ text run at (0,0) width 269: "Therefore, it ought to have such a margin."
+ RenderListItem {LI} at (40,65) size 722x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 579x19
+ text run at (0,0) width 579: "This list item has a top margin of 25px, which should cause it to be offset in some fashion."
+ RenderListItem {LI} at (40,85) size 722x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 304x19
+ text run at (0,0) width 304: "This list item has no special styles applied to it."
+ RenderBlock {P} at (4,677) size 762x21 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (4,687) size 762x61 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 758x59
+ text run at (0,0) width 725: "This element has a top margin of -10px, which should cause it to be shifted \"upward\" on the page, and no bottom"
+ text run at (0,20) width 54: "margin. "
+ text run at (53,20) width 497: "No other styles have been applied to it besides a light blue background color. "
+ text run at (549,20) width 209: "In all other respects, the element"
+ text run at (0,40) width 116: "should be normal."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiesmargin_top_inlineexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin_top_inline-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin_top_inline-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/margin_top_inline-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,98 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x56
+ RenderText {#text} at (0,0) size 383x56
+ text run at (0,0) width 375: ".zero {background-color: silver; margin-top: 0;}"
+ text run at (374,0) width 1: " "
+ text run at (0,14) width 375: ".one {margin-top: 25px; background-color: aqua;}"
+ text run at (374,14) width 1: " "
+ text run at (0,28) width 383: ".two {margin-top: -10px; background-color: aqua;}"
+ text run at (382,28) width 1: " "
+ text run at (0,42) width 0: " "
+ RenderBlock {HR} at (0,105) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,123) size 784x60 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 486x19
+ text run at (0,0) width 396: "This element is unstyled save for a background color of gray. "
+ text run at (395,0) width 91: "It contains an "
+ RenderInline {SPAN} at (0,0) size 772x39 [bgcolor=#00FFFF]
+ RenderText {#text} at (485,0) size 148x19
+ text run at (485,0) width 148: "inline element of class "
+ RenderInline {TT} at (0,0) size 25x14
+ RenderText {#text} at (632,5) size 25x14
+ text run at (632,5) width 25: "one"
+ RenderText {#text} at (656,0) size 772x39
+ text run at (656,0) width 116: ", giving it an aqua"
+ text run at (0,20) width 224: "background and a 25px top margin"
+ RenderText {#text} at (223,20) size 764x39
+ text run at (223,20) width 9: ". "
+ text run at (231,20) width 533: "Margins on inline elements do not affect line-height calculations, so all lines in this"
+ text run at (0,40) width 270: "element should have the same line-height."
+ RenderBlock {P} at (0,199) size 784x60 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 486x19
+ text run at (0,0) width 396: "This element is unstyled save for a background color of gray. "
+ text run at (395,0) width 91: "It contains an "
+ RenderInline {SPAN} at (0,0) size 770x39 [bgcolor=#00FFFF]
+ RenderText {#text} at (485,0) size 148x19
+ text run at (485,0) width 148: "inline element of class "
+ RenderInline {TT} at (0,0) size 25x14
+ RenderText {#text} at (632,5) size 25x14
+ text run at (632,5) width 25: "two"
+ RenderText {#text} at (656,0) size 770x39
+ text run at (656,0) width 114: ", giving the inline"
+ text run at (0,20) width 337: "element an aqua background and a -10px top margin"
+ RenderText {#text} at (336,20) size 780x39
+ text run at (336,20) width 9: ". "
+ text run at (344,20) width 436: "Margins on inline elements do not affect line-height calculations, so"
+ text run at (0,40) width 368: "all lines in this element should have the same line-height."
+ RenderTable {TABLE} at (0,275) size 784x174 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x172
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x144
+ RenderTableCell {TD} at (0,86) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x144 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x60 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 486x19
+ text run at (0,0) width 396: "This element is unstyled save for a background color of gray. "
+ text run at (395,0) width 91: "It contains an "
+ RenderInline {SPAN} at (0,0) size 738x39 [bgcolor=#00FFFF]
+ RenderText {#text} at (485,0) size 148x19
+ text run at (485,0) width 148: "inline element of class "
+ RenderInline {TT} at (0,0) size 25x14
+ RenderText {#text} at (632,5) size 25x14
+ text run at (632,5) width 25: "one"
+ RenderText {#text} at (656,0) size 738x39
+ text run at (656,0) width 82: ", giving it an"
+ text run at (0,20) width 258: "aqua background and a 25px top margin"
+ RenderText {#text} at (257,20) size 755x39
+ text run at (257,20) width 9: ". "
+ text run at (265,20) width 490: "Margins on inline elements do not affect line-height calculations, so all lines"
+ text run at (0,40) width 313: "in this element should have the same line-height."
+ RenderBlock {P} at (4,80) size 762x60 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 486x19
+ text run at (0,0) width 396: "This element is unstyled save for a background color of gray. "
+ text run at (395,0) width 91: "It contains an "
+ RenderInline {SPAN} at (0,0) size 729x39 [bgcolor=#00FFFF]
+ RenderText {#text} at (485,0) size 148x19
+ text run at (485,0) width 148: "inline element of class "
+ RenderInline {TT} at (0,0) size 25x14
+ RenderText {#text} at (632,5) size 25x14
+ text run at (632,5) width 25: "two"
+ RenderText {#text} at (656,0) size 729x39
+ text run at (656,0) width 73: ", giving the"
+ text run at (0,20) width 377: "inline element an aqua background and a -10px top margin"
+ RenderText {#text} at (376,20) size 718x39
+ text run at (376,20) width 9: ". "
+ text run at (384,20) width 334: "Margins on inline elements do not affect line-height"
+ text run at (0,40) width 470: "calculations, so all lines in this element should have the same line-height."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiespaddingexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,93 @@
</span><ins>+layer at (0,0) size 800x2286
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x2286
+ RenderBlock {HTML} at (0,0) size 800x2286
+ RenderBody {BODY} at (8,8) size 784x2270 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x84
+ RenderText {#text} at (0,0) size 367x84
+ text run at (0,0) width 352: ".zero {background-color: silver; padding: 0;}"
+ text run at (351,0) width 1: " "
+ text run at (0,14) width 359: ".one {padding: 0.5in; background-color: aqua;}"
+ text run at (358,14) width 1: " "
+ text run at (0,28) width 352: ".two {padding: 25px; background-color: aqua;}"
+ text run at (351,28) width 1: " "
+ text run at (0,42) width 359: ".three {padding: 5em; background-color: aqua;}"
+ text run at (358,42) width 1: " "
+ text run at (0,56) width 352: ".four {padding: 25%; background-color: aqua;}"
+ text run at (351,56) width 1: " "
+ text run at (0,70) width 367: ".five {padding: -20px; background-color: aqua;}"
+ text run at (366,70) width 1: " "
+ RenderBlock {HR} at (0,133) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,151) size 784x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (0,187) size 784x136 [bgcolor=#00FFFF]
+ RenderText {#text} at (48,48) size 675x39
+ text run at (48,48) width 675: "This element should have an overall padding of half an inch, which will require extra text in order to test."
+ text run at (48,68) width 471: "Both the content background and the padding should be aqua (light blue)."
+ RenderBlock {P} at (0,339) size 784x90 [bgcolor=#00FFFF]
+ RenderText {#text} at (25,25) size 716x39
+ text run at (25,25) width 661: "This element should have an overall padding of 25 pixels, which will require extra text in order to test. "
+ text run at (685,25) width 56: "Both the"
+ text run at (25,45) width 413: "content background and the padding should be aqua (light blue)."
+ RenderBlock {P} at (0,445) size 784x200 [bgcolor=#00FFFF]
+ RenderText {#text} at (80,80) size 600x39
+ text run at (80,80) width 600: "This element should have an overall padding of 5 em, which will require extra text in order to"
+ text run at (80,100) width 31: "test. "
+ text run at (110,100) width 472: "Both the content background and the padding should be aqua (light blue)."
+ RenderBlock {P} at (0,661) size 784x472 [bgcolor=#00FFFF]
+ RenderText {#text} at (196,196) size 392x79
+ text run at (196,196) width 385: "This element should have an overall padding of 25%, which"
+ text run at (196,216) width 386: "is calculated with respect to the width of the parent element."
+ text run at (196,236) width 392: "Both the content background and the padding should be aqua"
+ text run at (196,256) width 76: "(light blue)."
+ RenderBlock {P} at (0,1149) size 784x40 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 763x39
+ text run at (0,0) width 550: "This element should have no padding, since negative padding values are not allowed. "
+ text run at (549,0) width 214: "Both the content background and"
+ text run at (0,20) width 304: "the normal padding should be aqua (light blue)."
+ RenderTable {TABLE} at (0,1205) size 784x1065 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x1063
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x1035
+ RenderTableCell {TD} at (0,531) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x1035 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (4,40) size 762x136 [bgcolor=#00FFFF]
+ RenderText {#text} at (48,48) size 644x39
+ text run at (48,48) width 644: "This element should have an overall padding of half an inch, which will require extra text in order to"
+ text run at (48,68) width 31: "test. "
+ text run at (78,68) width 472: "Both the content background and the padding should be aqua (light blue)."
+ RenderBlock {P} at (4,192) size 762x90 [bgcolor=#00FFFF]
+ RenderText {#text} at (25,25) size 692x39
+ text run at (25,25) width 661: "This element should have an overall padding of 25 pixels, which will require extra text in order to test. "
+ text run at (685,25) width 32: "Both"
+ text run at (25,45) width 436: "the content background and the padding should be aqua (light blue)."
+ RenderBlock {P} at (4,298) size 762x200 [bgcolor=#00FFFF]
+ RenderText {#text} at (80,80) size 600x39
+ text run at (80,80) width 600: "This element should have an overall padding of 5 em, which will require extra text in order to"
+ text run at (80,100) width 31: "test. "
+ text run at (110,100) width 472: "Both the content background and the padding should be aqua (light blue)."
+ RenderBlock {P} at (4,514) size 762x461 [bgcolor=#00FFFF]
+ RenderText {#text} at (190,191) size 371x79
+ text run at (190,191) width 343: "This element should have an overall padding of 25%,"
+ text run at (190,211) width 371: "which is calculated with respect to the width of the parent"
+ text run at (190,231) width 60: "element. "
+ text run at (249,231) width 292: "Both the content background and the padding"
+ text run at (190,251) width 177: "should be aqua (light blue)."
+ RenderBlock {P} at (4,991) size 762x40 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 735x39
+ text run at (0,0) width 550: "This element should have no padding, since negative padding values are not allowed. "
+ text run at (549,0) width 186: "Both the content background"
+ text run at (0,20) width 332: "and the normal padding should be aqua (light blue)."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiespadding_bottomexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding_bottom-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding_bottom-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding_bottom-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,99 @@
</span><ins>+layer at (0,0) size 800x1606
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x1606
+ RenderBlock {HTML} at (0,0) size 800x1606
+ RenderBody {BODY} at (8,8) size 784x1590 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x84
+ RenderText {#text} at (0,0) size 422x84
+ text run at (0,0) width 406: ".zero {background-color: silver; padding-bottom: 0;}"
+ text run at (405,0) width 1: " "
+ text run at (0,14) width 414: ".one {padding-bottom: 0.5in; background-color: aqua;}"
+ text run at (413,14) width 1: " "
+ text run at (0,28) width 406: ".two {padding-bottom: 25px; background-color: aqua;}"
+ text run at (405,28) width 1: " "
+ text run at (0,42) width 414: ".three {padding-bottom: 5em; background-color: aqua;}"
+ text run at (413,42) width 1: " "
+ text run at (0,56) width 406: ".four {padding-bottom: 25%; background-color: aqua;}"
+ text run at (405,56) width 1: " "
+ text run at (0,70) width 422: ".five {padding-bottom: -20px; background-color: aqua;}"
+ text run at (421,70) width 1: " "
+ RenderBlock {HR} at (0,133) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,151) size 784x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (0,187) size 784x88 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 777x39
+ text run at (0,0) width 671: "This element should have a bottom padding of half an inch, which will require extra text in order to test. "
+ text run at (670,0) width 107: "Both the content"
+ text run at (0,20) width 362: "background and the padding should be aqua (light blue)."
+ RenderBlock {P} at (0,291) size 784x65 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 760x39
+ text run at (0,0) width 654: "This element should have a bottom padding of 25 pixels, which will require extra text in order to test. "
+ text run at (653,0) width 107: "Both the content"
+ text run at (0,20) width 362: "background and the padding should be aqua (light blue)."
+ RenderBlock {P} at (0,372) size 784x120 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 733x39
+ text run at (0,0) width 627: "This element should have a bottom padding of 5 em, which will require extra text in order to test. "
+ text run at (626,0) width 107: "Both the content"
+ text run at (0,20) width 362: "background and the padding should be aqua (light blue)."
+ RenderBlock {P} at (0,508) size 784x236 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 767x39
+ text run at (0,0) width 767: "This element should have a bottom padding of 25%, which is calculated with respect to the width of the parent element."
+ text run at (0,20) width 276: "This will require extra text in order to test. "
+ text run at (275,20) width 472: "Both the content background and the padding should be aqua (light blue)."
+ RenderBlock {P} at (0,760) size 784x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (0,796) size 784x40 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 705x39
+ text run at (0,0) width 599: "This element should have no bottom padding, since negative padding values are not allowed. "
+ text run at (598,0) width 107: "Both the content"
+ text run at (0,20) width 411: "background and the normal padding should be aqua (light blue)."
+ RenderTable {TABLE} at (0,852) size 784x738 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x736
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x708
+ RenderTableCell {TD} at (0,368) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x708 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (4,40) size 762x88 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 726x39
+ text run at (0,0) width 671: "This element should have a bottom padding of half an inch, which will require extra text in order to test. "
+ text run at (670,0) width 56: "Both the"
+ text run at (0,20) width 413: "content background and the padding should be aqua (light blue)."
+ RenderBlock {P} at (4,144) size 762x65 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 760x39
+ text run at (0,0) width 654: "This element should have a bottom padding of 25 pixels, which will require extra text in order to test. "
+ text run at (653,0) width 107: "Both the content"
+ text run at (0,20) width 362: "background and the padding should be aqua (light blue)."
+ RenderBlock {P} at (4,225) size 762x120 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 733x39
+ text run at (0,0) width 627: "This element should have a bottom padding of 5 em, which will require extra text in order to test. "
+ text run at (626,0) width 107: "Both the content"
+ text run at (0,20) width 362: "background and the padding should be aqua (light blue)."
+ RenderBlock {P} at (4,361) size 762x251 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 726x59
+ text run at (0,0) width 709: "This element should have a bottom padding of 25%, which is calculated with respect to the width of the parent"
+ text run at (0,20) width 59: "element. "
+ text run at (58,20) width 277: "This will require extra text in order to test. "
+ text run at (334,20) width 392: "Both the content background and the padding should be aqua"
+ text run at (0,40) width 76: "(light blue)."
+ RenderBlock {P} at (4,627) size 762x21 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (4,663) size 762x41 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 705x39
+ text run at (0,0) width 599: "This element should have no bottom padding, since negative padding values are not allowed. "
+ text run at (598,0) width 107: "Both the content"
+ text run at (0,20) width 411: "background and the normal padding should be aqua (light blue)."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiespadding_bottom_inlineexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding_bottom_inline-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding_bottom_inline-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding_bottom_inline-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,100 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x42
+ RenderText {#text} at (0,0) size 414x42
+ text run at (0,0) width 406: ".one {padding-bottom: 25px; background-color: aqua;}"
+ text run at (405,0) width 1: " "
+ text run at (0,14) width 414: ".two {padding-bottom: -10px; background-color: aqua;}"
+ text run at (413,14) width 1: " "
+ text run at (0,28) width 0: " "
+ RenderBlock {HR} at (0,91) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,109) size 784x80 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 486x19
+ text run at (0,0) width 396: "This element is unstyled save for a background color of gray. "
+ text run at (395,0) width 91: "It contains an "
+ RenderInline {SPAN} at (0,0) size 772x64 [bgcolor=#00FFFF]
+ RenderText {#text} at (485,0) size 148x19
+ text run at (485,0) width 148: "inline element of class "
+ RenderInline {TT} at (0,0) size 25x14
+ RenderText {#text} at (632,5) size 25x14
+ text run at (632,5) width 25: "one"
+ RenderText {#text} at (656,0) size 772x39
+ text run at (656,0) width 116: ", giving it an aqua"
+ text run at (0,20) width 255: "background and a 25px bottom padding"
+ RenderText {#text} at (254,20) size 781x59
+ text run at (254,20) width 9: ". "
+ text run at (262,20) width 519: "Padding on inline elements does not affect line-height calculations, so all lines in"
+ text run at (0,40) width 301: "this element should have the same line-height. "
+ text run at (300,40) width 476: "There may be implementation-specific limits on how much of the padding"
+ text run at (0,60) width 204: "the user agent is able to display."
+ RenderBlock {P} at (0,205) size 784x60 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 486x19
+ text run at (0,0) width 396: "This element is unstyled save for a background color of gray. "
+ text run at (395,0) width 91: "It contains an "
+ RenderInline {SPAN} at (0,0) size 772x39 [bgcolor=#00FFFF]
+ RenderText {#text} at (485,0) size 148x19
+ text run at (485,0) width 148: "inline element of class "
+ RenderInline {TT} at (0,0) size 25x14
+ RenderText {#text} at (632,5) size 25x14
+ text run at (632,5) width 25: "two"
+ RenderText {#text} at (656,0) size 772x39
+ text run at (656,0) width 116: ", giving it an aqua"
+ text run at (0,20) width 530: "background and no bottom padding, since negative padding values are not allowed"
+ RenderText {#text} at (529,20) size 770x39
+ text run at (529,20) width 9: ". "
+ text run at (537,20) width 233: "Padding on inline elements does not"
+ text run at (0,40) width 584: "affect line-height calculations, so all lines in this element should have the same line-height."
+ RenderTable {TABLE} at (0,281) size 784x194 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x192
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x164
+ RenderTableCell {TD} at (0,96) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x164 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x80 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 486x19
+ text run at (0,0) width 396: "This element is unstyled save for a background color of gray. "
+ text run at (395,0) width 91: "It contains an "
+ RenderInline {SPAN} at (0,0) size 738x64 [bgcolor=#00FFFF]
+ RenderText {#text} at (485,0) size 148x19
+ text run at (485,0) width 148: "inline element of class "
+ RenderInline {TT} at (0,0) size 25x14
+ RenderText {#text} at (632,5) size 25x14
+ text run at (632,5) width 25: "one"
+ RenderText {#text} at (656,0) size 738x39
+ text run at (656,0) width 82: ", giving it an"
+ text run at (0,20) width 289: "aqua background and a 25px bottom padding"
+ RenderText {#text} at (288,20) size 751x59
+ text run at (288,20) width 9: ". "
+ text run at (296,20) width 449: "Padding on inline elements does not affect line-height calculations, so"
+ text run at (0,40) width 372: "all lines in this element should have the same line-height. "
+ text run at (371,40) width 380: "There may be implementation-specific limits on how much"
+ text run at (0,60) width 301: "of the padding the user agent is able to display."
+ RenderBlock {P} at (4,100) size 762x60 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 486x19
+ text run at (0,0) width 396: "This element is unstyled save for a background color of gray. "
+ text run at (395,0) width 91: "It contains an "
+ RenderInline {SPAN} at (0,0) size 738x39 [bgcolor=#00FFFF]
+ RenderText {#text} at (485,0) size 148x19
+ text run at (485,0) width 148: "inline element of class "
+ RenderInline {TT} at (0,0) size 25x14
+ RenderText {#text} at (632,5) size 25x14
+ text run at (632,5) width 25: "two"
+ RenderText {#text} at (656,0) size 738x39
+ text run at (656,0) width 82: ", giving it an"
+ text run at (0,20) width 564: "aqua background and no bottom padding, since negative padding values are not allowed"
+ RenderText {#text} at (563,20) size 746x39
+ text run at (563,20) width 9: ". "
+ text run at (571,20) width 175: "Padding on inline elements"
+ text run at (0,40) width 641: "does not affect line-height calculations, so all lines in this element should have the same line-height."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiespadding_inlineexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding_inline-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding_inline-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding_inline-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,126 @@
</span><ins>+layer at (0,0) size 800x801
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x801
+ RenderBlock {HTML} at (0,0) size 800x801
+ RenderBody {BODY} at (8,8) size 784x785 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x56
+ RenderText {#text} at (0,0) size 359x56
+ text run at (0,0) width 352: ".zero {background-color: silver; padding: 0;}"
+ text run at (351,0) width 1: " "
+ text run at (0,14) width 352: ".one {padding: 25px; background-color: aqua;}"
+ text run at (351,14) width 1: " "
+ text run at (0,28) width 359: ".two {padding: -10px; background-color: aqua;}"
+ text run at (358,28) width 1: " "
+ text run at (0,42) width 0: " "
+ RenderBlock {HR} at (0,105) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,123) size 784x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (0,159) size 784x120 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 486x19
+ text run at (0,0) width 396: "This element is unstyled save for a background color of gray. "
+ text run at (395,0) width 91: "It contains an "
+ RenderInline {SPAN} at (0,0) size 763x89 [bgcolor=#00FFFF]
+ RenderText {#text} at (510,0) size 148x19
+ text run at (510,0) width 148: "inline element of class "
+ RenderInline {TT} at (0,0) size 25x14
+ RenderText {#text} at (657,5) size 25x14
+ text run at (657,5) width 25: "one"
+ RenderText {#text} at (681,0) size 763x39
+ text run at (681,0) width 82: ", giving it an"
+ text run at (0,20) width 240: "aqua background and a 25px padding"
+ RenderText {#text} at (264,20) size 777x99
+ text run at (264,20) width 9: ". "
+ text run at (272,20) width 503: "Padding on inline elements does not affect line-height calculations, so all lines"
+ text run at (0,40) width 317: "in this element should have the same line-height. "
+ text run at (316,40) width 421: "There may be implementation-specific limits on how much of the"
+ text run at (0,60) width 439: "padding the user agent is able to display above and below each line. "
+ text run at (438,60) width 339: "However, there should be at least 25px of padding to"
+ text run at (0,80) width 772: "the left side of the inline box in the first line it appears, and 25px of padding to the right side of the inline element box in"
+ text run at (0,100) width 187: "the last line where it appears."
+ RenderBlock {P} at (0,295) size 784x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (0,331) size 784x60 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 486x19
+ text run at (0,0) width 396: "This element is unstyled save for a background color of gray. "
+ text run at (395,0) width 91: "It contains an "
+ RenderInline {SPAN} at (0,0) size 772x39 [bgcolor=#00FFFF]
+ RenderText {#text} at (485,0) size 148x19
+ text run at (485,0) width 148: "inline element of class "
+ RenderInline {TT} at (0,0) size 25x14
+ RenderText {#text} at (632,5) size 25x14
+ text run at (632,5) width 25: "two"
+ RenderText {#text} at (656,0) size 772x39
+ text run at (656,0) width 116: ", giving it an aqua"
+ text run at (0,20) width 481: "background and no padding, since negative padding values are not allowed"
+ RenderText {#text} at (480,20) size 760x39
+ text run at (480,20) width 9: ". "
+ text run at (488,20) width 272: "Padding on inline elements does not affect"
+ text run at (0,40) width 543: "line-height calculations, so all lines in this element should have the same line-height."
+ RenderBlock {P} at (0,407) size 784x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderTable {TABLE} at (0,443) size 784x342 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x340
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x312
+ RenderTableCell {TD} at (0,170) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x312 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (4,40) size 762x120 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 486x19
+ text run at (0,0) width 396: "This element is unstyled save for a background color of gray. "
+ text run at (395,0) width 91: "It contains an "
+ RenderInline {SPAN} at (0,0) size 744x89 [bgcolor=#00FFFF]
+ RenderText {#text} at (510,0) size 148x19
+ text run at (510,0) width 148: "inline element of class "
+ RenderInline {TT} at (0,0) size 25x14
+ RenderText {#text} at (657,5) size 25x14
+ text run at (657,5) width 25: "one"
+ RenderText {#text} at (681,0) size 744x39
+ text run at (681,0) width 63: ", giving it"
+ text run at (0,20) width 259: "an aqua background and a 25px padding"
+ RenderText {#text} at (283,20) size 760x99
+ text run at (283,20) width 9: ". "
+ text run at (291,20) width 469: "Padding on inline elements does not affect line-height calculations, so all"
+ text run at (0,40) width 352: "lines in this element should have the same line-height. "
+ text run at (351,40) width 397: "There may be implementation-specific limits on how much of"
+ text run at (0,60) width 462: "the padding the user agent is able to display above and below each line. "
+ text run at (461,60) width 267: "However, there should be at least 25px of"
+ text run at (0,80) width 745: "padding to the left side of the inline box in the first line it appears, and 25px of padding to the right side of the inline"
+ text run at (0,100) width 286: "element box in the last line where it appears."
+ RenderBlock {P} at (4,176) size 762x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (4,212) size 762x60 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 486x19
+ text run at (0,0) width 396: "This element is unstyled save for a background color of gray. "
+ text run at (395,0) width 91: "It contains an "
+ RenderInline {SPAN} at (0,0) size 738x39 [bgcolor=#00FFFF]
+ RenderText {#text} at (485,0) size 148x19
+ text run at (485,0) width 148: "inline element of class "
+ RenderInline {TT} at (0,0) size 25x14
+ RenderText {#text} at (632,5) size 25x14
+ text run at (632,5) width 25: "two"
+ RenderText {#text} at (656,0) size 738x39
+ text run at (656,0) width 82: ", giving it an"
+ text run at (0,20) width 515: "aqua background and no padding, since negative padding values are not allowed"
+ RenderText {#text} at (514,20) size 755x39
+ text run at (514,20) width 9: ". "
+ text run at (522,20) width 233: "Padding on inline elements does not"
+ text run at (0,40) width 584: "affect line-height calculations, so all lines in this element should have the same line-height."
+ RenderBlock {P} at (4,288) size 762x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiespadding_leftexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding_left-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding_left-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding_left-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,116 @@
</span><ins>+layer at (0,0) size 800x1053
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x1053
+ RenderBlock {HTML} at (0,0) size 800x1053
+ RenderBody {BODY} at (8,8) size 784x1037 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x84
+ RenderText {#text} at (0,0) size 406x84
+ text run at (0,0) width 391: ".zero {background-color: silver; padding-left: 0;}"
+ text run at (390,0) width 1: " "
+ text run at (0,14) width 398: ".one {padding-left: 0.5in; background-color: aqua;}"
+ text run at (397,14) width 1: " "
+ text run at (0,28) width 391: ".two {padding-left: 25px; background-color: aqua;}"
+ text run at (390,28) width 1: " "
+ text run at (0,42) width 398: ".three {padding-left: 5em; background-color: aqua;}"
+ text run at (397,42) width 1: " "
+ text run at (0,56) width 391: ".four {padding-left: 25%; background-color: aqua;}"
+ text run at (390,56) width 1: " "
+ text run at (0,70) width 406: ".five {padding-left: -20px; background-color: aqua;}"
+ text run at (405,70) width 1: " "
+ RenderBlock {HR} at (0,133) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,151) size 784x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (0,187) size 784x40 [bgcolor=#00FFFF]
+ RenderText {#text} at (48,0) size 702x39
+ text run at (48,0) width 647: "This element should have a left padding of half an inch, which will require extra text in order to test. "
+ text run at (694,0) width 56: "Both the"
+ text run at (48,20) width 413: "content background and the padding should be aqua (light blue)."
+ RenderBlock {P} at (0,243) size 784x40 [bgcolor=#00FFFF]
+ RenderText {#text} at (25,0) size 736x39
+ text run at (25,0) width 630: "This element should have a left padding of 25 pixels, which will require extra text in order to test. "
+ text run at (654,0) width 107: "Both the content"
+ text run at (25,20) width 362: "background and the padding should be aqua (light blue)."
+ RenderBlock {P} at (0,299) size 784x40 [bgcolor=#00FFFF]
+ RenderText {#text} at (80,0) size 654x39
+ text run at (80,0) width 599: "This element should have a left padding of 5em, which will require extra text in order to test. "
+ text run at (678,0) width 56: "Both the"
+ text run at (80,20) width 413: "content background and the padding should be aqua (light blue)."
+ RenderBlock {P} at (0,355) size 784x60 [bgcolor=#00FFFF]
+ RenderText {#text} at (196,0) size 576x59
+ text run at (196,0) width 559: "This element should have a left padding of 25%, which is calculated with respect to the"
+ text run at (196,20) width 184: "width of the parent element. "
+ text run at (379,20) width 393: "Both the content background and the padding should be aqua"
+ text run at (196,40) width 76: "(light blue)."
+ RenderBlock {UL} at (0,431) size 784x80 [bgcolor=#808080]
+ RenderListItem {LI} at (25,0) size 759x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 732x19
+ text run at (0,0) width 732: "The left padding on this unordered list has been set to 25 pixels, which will require some extra test in order to test."
+ RenderListItem {LI} at (25,20) size 759x60 [bgcolor=#FFFFFF]
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (25,0) size 726x59
+ text run at (25,0) width 726: "Another list item might not be such a bad idea, either, considering that such things do need to be double-checked."
+ text run at (25,20) width 713: "This list item has its left padding also set to 25 pixels, which should combine with the list's padding to make 50"
+ text run at (25,40) width 109: "pixels of margin."
+ RenderBlock {P} at (0,527) size 784x40 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 761x39
+ text run at (0,0) width 575: "This element should have no left padding, since negative padding values are not allowed. "
+ text run at (574,0) width 187: "Both the content background"
+ text run at (0,20) width 332: "and the normal padding should be aqua (light blue)."
+ RenderTable {TABLE} at (0,583) size 784x454 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x452
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x424
+ RenderTableCell {TD} at (0,226) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x424 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (4,40) size 762x40 [bgcolor=#00FFFF]
+ RenderText {#text} at (48,0) size 702x39
+ text run at (48,0) width 647: "This element should have a left padding of half an inch, which will require extra text in order to test. "
+ text run at (694,0) width 56: "Both the"
+ text run at (48,20) width 413: "content background and the padding should be aqua (light blue)."
+ RenderBlock {P} at (4,96) size 762x40 [bgcolor=#00FFFF]
+ RenderText {#text} at (25,0) size 736x39
+ text run at (25,0) width 630: "This element should have a left padding of 25 pixels, which will require extra text in order to test. "
+ text run at (654,0) width 107: "Both the content"
+ text run at (25,20) width 362: "background and the padding should be aqua (light blue)."
+ RenderBlock {P} at (4,152) size 762x40 [bgcolor=#00FFFF]
+ RenderText {#text} at (80,0) size 654x39
+ text run at (80,0) width 599: "This element should have a left padding of 5em, which will require extra text in order to test. "
+ text run at (678,0) width 56: "Both the"
+ text run at (80,20) width 413: "content background and the padding should be aqua (light blue)."
+ RenderBlock {P} at (4,208) size 762x60 [bgcolor=#00FFFF]
+ RenderText {#text} at (190,0) size 560x59
+ text run at (190,0) width 560: "This element should have a left padding of 25%, which is calculated with respect to the"
+ text run at (190,20) width 185: "width of the parent element. "
+ text run at (374,20) width 358: "Both the content background and the padding should be"
+ text run at (190,40) width 111: "aqua (light blue)."
+ RenderBlock {UL} at (4,284) size 762x80 [bgcolor=#808080]
+ RenderListItem {LI} at (25,0) size 737x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 732x19
+ text run at (0,0) width 732: "The left padding on this unordered list has been set to 25 pixels, which will require some extra test in order to test."
+ RenderListItem {LI} at (25,20) size 737x60 [bgcolor=#FFFFFF]
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (25,0) size 698x59
+ text run at (25,0) width 669: "Another list item might not be such a bad idea, either, considering that such things do need to be double-"
+ text run at (25,20) width 61: "checked. "
+ text run at (85,20) width 638: "This list item has its left padding also set to 25 pixels, which should combine with the list's padding"
+ text run at (25,40) width 184: "to make 50 pixels of margin."
+ RenderBlock {P} at (4,380) size 762x40 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 761x39
+ text run at (0,0) width 575: "This element should have no left padding, since negative padding values are not allowed. "
+ text run at (574,0) width 187: "Both the content background"
+ text run at (0,20) width 332: "and the normal padding should be aqua (light blue)."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiespadding_left_inlineexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding_left_inline-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding_left_inline-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding_left_inline-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,101 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x42
+ RenderText {#text} at (0,0) size 398x42
+ text run at (0,0) width 391: ".one {padding-left: 25px; background-color: aqua;}"
+ text run at (390,0) width 1: " "
+ text run at (0,14) width 398: ".two {padding-left: -10px; background-color: aqua;}"
+ text run at (397,14) width 1: " "
+ text run at (0,28) width 0: " "
+ RenderBlock {HR} at (0,91) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,109) size 784x60 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 551x19
+ text run at (0,0) width 396: "This element is unstyled save for a background color of gray. "
+ text run at (395,0) width 156: "However, it contains an "
+ RenderInline {SPAN} at (0,0) size 197x19 [bgcolor=#00FFFF]
+ RenderText {#text} at (575,0) size 149x19
+ text run at (575,0) width 149: "inline element of class "
+ RenderInline {TT} at (0,0) size 24x14
+ RenderText {#text} at (723,5) size 24x14
+ text run at (723,5) width 24: "one"
+ RenderText {#text} at (0,20) size 582x19
+ text run at (0,20) width 582: "which should result in 25-pixel left padding (which should also be a light blue) only in the "
+ RenderInline {STRONG} at (0,0) size 30x19
+ RenderText {#text} at (581,20) size 30x19
+ text run at (581,20) width 30: "first"
+ RenderText {#text} at (610,20) size 762x39
+ text run at (610,20) width 152: " line in which the inline"
+ text run at (0,40) width 81: "box appears."
+ RenderBlock {P} at (0,185) size 784x60 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 551x19
+ text run at (0,0) width 396: "This element is unstyled save for a background color of gray. "
+ text run at (395,0) width 156: "However, it contains an "
+ RenderInline {SPAN} at (0,0) size 172x19 [bgcolor=#00FFFF]
+ RenderText {#text} at (550,0) size 149x19
+ text run at (550,0) width 149: "inline element of class "
+ RenderInline {TT} at (0,0) size 24x14
+ RenderText {#text} at (698,5) size 24x14
+ text run at (698,5) width 24: "two"
+ RenderText {#text} at (721,0) size 765x39
+ text run at (721,0) width 44: " which"
+ text run at (0,20) width 523: "should result in -10px left padding (which should also be a light blue) only in the "
+ RenderInline {STRONG} at (0,0) size 30x19
+ RenderText {#text} at (522,20) size 30x19
+ text run at (522,20) width 30: "first"
+ RenderText {#text} at (551,20) size 731x39
+ text run at (551,20) width 180: " line in which the inline box"
+ text run at (0,40) width 53: "appears."
+ RenderTable {TABLE} at (0,261) size 784x174 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x172
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x144
+ RenderTableCell {TD} at (0,86) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x144 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x60 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 551x19
+ text run at (0,0) width 396: "This element is unstyled save for a background color of gray. "
+ text run at (395,0) width 156: "However, it contains an "
+ RenderInline {SPAN} at (0,0) size 197x19 [bgcolor=#00FFFF]
+ RenderText {#text} at (575,0) size 149x19
+ text run at (575,0) width 149: "inline element of class "
+ RenderInline {TT} at (0,0) size 24x14
+ RenderText {#text} at (723,5) size 24x14
+ text run at (723,5) width 24: "one"
+ RenderText {#text} at (0,20) size 582x19
+ text run at (0,20) width 582: "which should result in 25-pixel left padding (which should also be a light blue) only in the "
+ RenderInline {STRONG} at (0,0) size 30x19
+ RenderText {#text} at (581,20) size 30x19
+ text run at (581,20) width 30: "first"
+ RenderText {#text} at (610,20) size 762x39
+ text run at (610,20) width 152: " line in which the inline"
+ text run at (0,40) width 81: "box appears."
+ RenderBlock {P} at (4,80) size 762x60 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 551x19
+ text run at (0,0) width 396: "This element is unstyled save for a background color of gray. "
+ text run at (395,0) width 156: "However, it contains an "
+ RenderInline {SPAN} at (0,0) size 172x19 [bgcolor=#00FFFF]
+ RenderText {#text} at (550,0) size 149x19
+ text run at (550,0) width 149: "inline element of class "
+ RenderInline {TT} at (0,0) size 24x14
+ RenderText {#text} at (698,5) size 24x14
+ text run at (698,5) width 24: "two"
+ RenderText {#text} at (0,20) size 566x19
+ text run at (0,20) width 566: "which should result in -10px left padding (which should also be a light blue) only in the "
+ RenderInline {STRONG} at (0,0) size 30x19
+ RenderText {#text} at (565,20) size 30x19
+ text run at (565,20) width 30: "first"
+ RenderText {#text} at (594,20) size 746x39
+ text run at (594,20) width 152: " line in which the inline"
+ text run at (0,40) width 81: "box appears."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiespadding_rightexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding_right-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding_right-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding_right-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,134 @@
</span><ins>+layer at (0,0) size 800x1233
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x1233
+ RenderBlock {HTML} at (0,0) size 800x1233
+ RenderBody {BODY} at (8,8) size 784x1217 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x84
+ RenderText {#text} at (0,0) size 562x84
+ text run at (0,0) width 398: ".zero {background-color: silver; padding-right: 0;}"
+ text run at (397,0) width 1: " "
+ text run at (0,14) width 554: ".one {padding-right: 0.5in; text-align: right; background-color: aqua;}"
+ text run at (553,14) width 1: " "
+ text run at (0,28) width 547: ".two {padding-right: 25px; text-align: right; background-color: aqua;}"
+ text run at (546,28) width 1: " "
+ text run at (0,42) width 554: ".three {padding-right: 5em; text-align: right; background-color: aqua;}"
+ text run at (553,42) width 1: " "
+ text run at (0,56) width 547: ".four {padding-right: 25%; text-align: right; background-color: aqua;}"
+ text run at (546,56) width 1: " "
+ text run at (0,70) width 562: ".five {padding-right: -20px; text-align: right; background-color: aqua;}"
+ text run at (561,70) width 1: " "
+ RenderBlock {HR} at (0,133) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,151) size 784x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (0,187) size 784x60 [bgcolor=#00FFFF]
+ RenderText {#text} at (25,0) size 725x59
+ text run at (25,0) width 657: "This element should have a right padding of half an inch, which will require extra text in order to test. "
+ text run at (681,0) width 55: "Both the"
+ text run at (11,20) width 417: "content background and the padding should be aqua (light blue). "
+ text run at (427,20) width 309: "The text has been right-aligned in order to make"
+ text run at (540,40) width 196: "the right padding easier to see."
+ RenderBlock {P} at (0,263) size 784x60 [bgcolor=#00FFFF]
+ RenderText {#text} at (14,0) size 745x59
+ text run at (14,0) width 640: "This element should have a right padding of 25 pixels, which will require extra text in order to test. "
+ text run at (653,0) width 106: "Both the content"
+ text run at (27,20) width 366: "background and the padding should be aqua (light blue). "
+ text run at (392,20) width 367: "The text has been right-aligned in order to make the right"
+ text run at (621,40) width 138: "padding easier to see."
+ RenderBlock {P} at (0,339) size 784x60 [bgcolor=#00FFFF]
+ RenderText {#text} at (37,0) size 687x59
+ text run at (37,0) width 613: "This element should have a right padding of 5 em, which will require extra text in order to test. "
+ text run at (649,0) width 55: "Both the"
+ text run at (17,20) width 418: "content background and the padding should be aqua (light blue). "
+ text run at (434,20) width 270: "The text has been right-aligned in order to"
+ text run at (469,40) width 235: "make the right padding easier to see."
+ RenderBlock {P} at (0,415) size 784x60 [bgcolor=#00FFFF]
+ RenderText {#text} at (20,0) size 588x59
+ text run at (20,0) width 568: "This element should have a right padding of 25%, which is calculated with respect to the"
+ text run at (12,20) width 185: "width of the parent element. "
+ text run at (196,20) width 392: "Both the content background and the padding should be aqua"
+ text run at (0,40) width 81: "(light blue). "
+ text run at (80,40) width 508: "The text has been right-aligned in order to make the right padding easier to see."
+ RenderBlock {UL} at (0,491) size 784x80 [bgcolor=#808080]
+ RenderListItem {LI} at (40,0) size 719x40
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (7,0) size 712x39
+ text run at (7,0) width 712: "The right padding on this unordered list has been set to 25 pixels, which will require some extra text in order to"
+ text run at (692,20) width 27: "test."
+ RenderListItem {LI} at (40,40) size 719x40 [bgcolor=#FFFFFF]
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (20,0) size 674x39
+ text run at (20,0) width 674: "This list item has a right padding of 25 pixels, which will appear to the left of the gray padding of the UL"
+ text run at (639,20) width 55: "element."
+ RenderBlock {P} at (0,587) size 784x60 [bgcolor=#00FFFF]
+ RenderText {#text} at (14,0) size 770x59
+ text run at (14,0) width 585: "This element should have no right padding, since negative padding values are not allowed. "
+ text run at (598,0) width 186: "Both the content background"
+ text run at (34,20) width 336: "and the normal padding should be aqua (light blue). "
+ text run at (369,20) width 415: "The text has been right-aligned in order to make the lack of right"
+ text run at (646,40) width 138: "padding easier to see."
+ RenderTable {TABLE} at (0,663) size 784x554 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x552
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x524
+ RenderTableCell {TD} at (0,276) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x524 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (4,40) size 762x60 [bgcolor=#00FFFF]
+ RenderText {#text} at (3,0) size 711x59
+ text run at (3,0) width 657: "This element should have a right padding of half an inch, which will require extra text in order to test. "
+ text run at (659,0) width 55: "Both the"
+ text run at (27,20) width 418: "content background and the padding should be aqua (light blue). "
+ text run at (444,20) width 270: "The text has been right-aligned in order to"
+ text run at (479,40) width 235: "make the right padding easier to see."
+ RenderBlock {P} at (4,116) size 762x60 [bgcolor=#00FFFF]
+ RenderText {#text} at (43,0) size 725x59
+ text run at (43,0) width 640: "This element should have a right padding of 25 pixels, which will require extra text in order to test. "
+ text run at (682,0) width 55: "Both the"
+ text run at (12,20) width 417: "content background and the padding should be aqua (light blue). "
+ text run at (428,20) width 309: "The text has been right-aligned in order to make"
+ text run at (541,40) width 196: "the right padding easier to see."
+ RenderBlock {P} at (4,192) size 762x60 [bgcolor=#00FFFF]
+ RenderText {#text} at (15,0) size 670x59
+ text run at (15,0) width 613: "This element should have a right padding of 5 em, which will require extra text in order to test. "
+ text run at (627,0) width 55: "Both the"
+ text run at (12,20) width 417: "content background and the padding should be aqua (light blue). "
+ text run at (428,20) width 254: "The text has been right-aligned in order"
+ text run at (431,40) width 251: "to make the right padding easier to see."
+ RenderBlock {P} at (4,268) size 762x80 [bgcolor=#00FFFF]
+ RenderText {#text} at (3,0) size 569x79
+ text run at (3,0) width 569: "This element should have a right padding of 25%, which is calculated with respect to the"
+ text run at (30,20) width 185: "width of the parent element. "
+ text run at (214,20) width 358: "Both the content background and the padding should be"
+ text run at (36,40) width 114: "aqua (light blue). "
+ text run at (149,40) width 423: "The text has been right-aligned in order to make the right padding"
+ text run at (489,60) width 83: "easier to see."
+ RenderBlock {UL} at (4,364) size 762x80 [bgcolor=#808080]
+ RenderListItem {LI} at (40,0) size 697x40
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (1,0) size 696x39
+ text run at (1,0) width 696: "The right padding on this unordered list has been set to 25 pixels, which will require some extra text in order"
+ text run at (654,20) width 43: "to test."
+ RenderListItem {LI} at (40,40) size 697x40 [bgcolor=#FFFFFF]
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (24,0) size 648x39
+ text run at (24,0) width 648: "This list item has a right padding of 25 pixels, which will appear to the left of the gray padding of the"
+ text run at (592,20) width 80: "UL element."
+ RenderBlock {P} at (4,460) size 762x60 [bgcolor=#00FFFF]
+ RenderText {#text} at (72,0) size 747x59
+ text run at (72,0) width 585: "This element should have no right padding, since negative padding values are not allowed. "
+ text run at (656,0) width 106: "Both the content"
+ text run at (15,20) width 416: "background and the normal padding should be aqua (light blue). "
+ text run at (430,20) width 332: "The text has been right-aligned in order to make the"
+ text run at (542,40) width 220: "lack of right padding easier to see."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiespadding_right_inlineexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding_right_inline-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding_right_inline-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding_right_inline-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,104 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x42
+ RenderText {#text} at (0,0) size 554x42
+ text run at (0,0) width 547: ".one {padding-right: 25px; text-align: right; background-color: aqua;}"
+ text run at (546,0) width 1: " "
+ text run at (0,14) width 554: ".two {padding-right: -10px; text-align: right; background-color: aqua;}"
+ text run at (553,14) width 1: " "
+ text run at (0,28) width 0: " "
+ RenderBlock {HR} at (0,91) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,109) size 784x60 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 551x19
+ text run at (0,0) width 396: "This element is unstyled save for a background color of gray. "
+ text run at (395,0) width 156: "However, it contains an "
+ RenderInline {SPAN} at (0,0) size 197x19 [bgcolor=#00FFFF]
+ RenderText {#text} at (550,0) size 149x19
+ text run at (550,0) width 149: "inline element of class "
+ RenderInline {TT} at (0,0) size 24x14
+ RenderText {#text} at (698,5) size 24x14
+ text run at (698,5) width 24: "one"
+ RenderText {#text} at (746,0) size 751x39
+ text run at (746,0) width 5: ","
+ text run at (0,20) width 580: "which should result in 25-pixel right padding (which should also be light blue) only in the "
+ RenderInline {STRONG} at (0,0) size 25x19
+ RenderText {#text} at (579,20) size 25x19
+ text run at (579,20) width 25: "last"
+ RenderText {#text} at (603,20) size 783x39
+ text run at (603,20) width 180: " line in which the inline box"
+ text run at (0,40) width 53: "appears."
+ RenderBlock {P} at (0,185) size 784x60 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 551x19
+ text run at (0,0) width 396: "This element is unstyled save for a background color of gray. "
+ text run at (395,0) width 156: "However, it contains an "
+ RenderInline {SPAN} at (0,0) size 172x19 [bgcolor=#00FFFF]
+ RenderText {#text} at (550,0) size 149x19
+ text run at (550,0) width 149: "inline element of class "
+ RenderInline {TT} at (0,0) size 24x14
+ RenderText {#text} at (698,5) size 24x14
+ text run at (698,5) width 24: "two"
+ RenderText {#text} at (721,0) size 769x39
+ text run at (721,0) width 48: ", which"
+ text run at (0,20) width 559: "should result in no right padding, since negative padding values are not allowed, in the "
+ RenderInline {STRONG} at (0,0) size 25x19
+ RenderText {#text} at (558,20) size 25x19
+ text run at (558,20) width 25: "last"
+ RenderText {#text} at (582,20) size 763x39
+ text run at (582,20) width 181: " line in which the inline box"
+ text run at (0,40) width 53: "appears."
+ RenderTable {TABLE} at (0,261) size 784x174 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x172
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x144
+ RenderTableCell {TD} at (0,86) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x144 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x60 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 551x19
+ text run at (0,0) width 396: "This element is unstyled save for a background color of gray. "
+ text run at (395,0) width 156: "However, it contains an "
+ RenderInline {SPAN} at (0,0) size 197x19 [bgcolor=#00FFFF]
+ RenderText {#text} at (550,0) size 149x19
+ text run at (550,0) width 149: "inline element of class "
+ RenderInline {TT} at (0,0) size 24x14
+ RenderText {#text} at (698,5) size 24x14
+ text run at (698,5) width 24: "one"
+ RenderText {#text} at (746,0) size 751x39
+ text run at (746,0) width 5: ","
+ text run at (0,20) width 580: "which should result in 25-pixel right padding (which should also be light blue) only in the "
+ RenderInline {STRONG} at (0,0) size 25x19
+ RenderText {#text} at (579,20) size 25x19
+ text run at (579,20) width 25: "last"
+ RenderText {#text} at (603,20) size 755x39
+ text run at (603,20) width 152: " line in which the inline"
+ text run at (0,40) width 81: "box appears."
+ RenderBlock {P} at (4,80) size 762x60 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 551x19
+ text run at (0,0) width 396: "This element is unstyled save for a background color of gray. "
+ text run at (395,0) width 156: "However, it contains an "
+ RenderInline {SPAN} at (0,0) size 172x19 [bgcolor=#00FFFF]
+ RenderText {#text} at (550,0) size 149x19
+ text run at (550,0) width 149: "inline element of class "
+ RenderInline {TT} at (0,0) size 24x14
+ RenderText {#text} at (698,5) size 24x14
+ text run at (698,5) width 24: "two"
+ RenderText {#text} at (721,0) size 726x39
+ text run at (721,0) width 5: ","
+ text run at (0,20) width 602: "which should result in no right padding, since negative padding values are not allowed, in the "
+ RenderInline {STRONG} at (0,0) size 25x19
+ RenderText {#text} at (601,20) size 25x19
+ text run at (601,20) width 25: "last"
+ RenderText {#text} at (625,20) size 737x39
+ text run at (625,20) width 112: " line in which the"
+ text run at (0,40) width 122: "inline box appears."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiespadding_topexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding_top-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding_top-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding_top-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,92 @@
</span><ins>+layer at (0,0) size 800x1514
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x1514
+ RenderBlock {HTML} at (0,0) size 800x1514
+ RenderBody {BODY} at (8,8) size 784x1498 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x84
+ RenderText {#text} at (0,0) size 398x84
+ text run at (0,0) width 383: ".zero {background-color: silver; padding-top: 0;}"
+ text run at (382,0) width 1: " "
+ text run at (0,14) width 391: ".one {padding-top: 0.5in; background-color: aqua;}"
+ text run at (390,14) width 1: " "
+ text run at (0,28) width 383: ".two {padding-top: 25px; background-color: aqua;}"
+ text run at (382,28) width 1: " "
+ text run at (0,42) width 391: ".three {padding-top: 5em; background-color: aqua;}"
+ text run at (390,42) width 1: " "
+ text run at (0,56) width 383: ".four {padding-top: 25%; background-color: aqua;}"
+ text run at (382,56) width 1: " "
+ text run at (0,70) width 398: ".five {padding-top: -20px; background-color: aqua;}"
+ text run at (397,70) width 1: " "
+ RenderBlock {HR} at (0,133) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,151) size 784x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (0,187) size 784x88 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,48) size 752x39
+ text run at (0,48) width 647: "This element should have a top padding of half an inch, which will require extra text in order to test. "
+ text run at (646,48) width 106: "Both the content"
+ text run at (0,68) width 362: "background and the padding should be aqua (light blue)."
+ RenderBlock {P} at (0,291) size 784x65 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,25) size 735x39
+ text run at (0,25) width 629: "This element should have a top padding of 25 pixels, which will require extra text in order to test. "
+ text run at (628,25) width 107: "Both the content"
+ text run at (0,45) width 362: "background and the padding should be aqua (light blue)."
+ RenderBlock {P} at (0,372) size 784x120 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,80) size 708x39
+ text run at (0,80) width 603: "This element should have a top padding of 5 em, which will require extra text in order to test. "
+ text run at (602,80) width 106: "Both the content"
+ text run at (0,100) width 362: "background and the padding should be aqua (light blue)."
+ RenderBlock {P} at (0,508) size 784x236 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,196) size 778x39
+ text run at (0,196) width 747: "This element should have a top padding of 25%, which is calculated with respect to the width of the parent element. "
+ text run at (746,196) width 32: "Both"
+ text run at (0,216) width 440: "the content background and the padding should be aqua (light blue). "
+ text run at (439,216) width 273: "This will require extra text in order to test."
+ RenderBlock {P} at (0,760) size 784x40 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 760x39
+ text run at (0,0) width 575: "This element should have no top padding, since negative padding values are not allowed. "
+ text run at (574,0) width 186: "Both the content background"
+ text run at (0,20) width 332: "and the normal padding should be aqua (light blue)."
+ RenderTable {TABLE} at (0,816) size 784x682 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x680
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x652
+ RenderTableCell {TD} at (0,340) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x652 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x20 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (4,40) size 762x88 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,48) size 752x39
+ text run at (0,48) width 647: "This element should have a top padding of half an inch, which will require extra text in order to test. "
+ text run at (646,48) width 106: "Both the content"
+ text run at (0,68) width 362: "background and the padding should be aqua (light blue)."
+ RenderBlock {P} at (4,144) size 762x65 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,25) size 735x39
+ text run at (0,25) width 629: "This element should have a top padding of 25 pixels, which will require extra text in order to test. "
+ text run at (628,25) width 107: "Both the content"
+ text run at (0,45) width 362: "background and the padding should be aqua (light blue)."
+ RenderBlock {P} at (4,225) size 762x120 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,80) size 708x39
+ text run at (0,80) width 603: "This element should have a top padding of 5 em, which will require extra text in order to test. "
+ text run at (602,80) width 106: "Both the content"
+ text run at (0,100) width 362: "background and the padding should be aqua (light blue)."
+ RenderBlock {P} at (4,361) size 762x231 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,191) size 747x39
+ text run at (0,191) width 743: "This element should have a top padding of 25%, which is calculated with respect to the width of the parent element."
+ text run at (0,211) width 475: "Both the content background and the padding should be aqua (light blue). "
+ text run at (475,211) width 272: "This will require extra text in order to test."
+ RenderBlock {P} at (4,607) size 762x41 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 760x39
+ text run at (0,0) width 575: "This element should have no top padding, since negative padding values are not allowed. "
+ text run at (574,0) width 186: "Both the content background"
+ text run at (0,20) width 332: "and the normal padding should be aqua (light blue)."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertiespadding_top_inlineexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding_top_inline-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding_top_inline-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/padding_top_inline-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,100 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x42
+ RenderText {#text} at (0,0) size 391x42
+ text run at (0,0) width 383: ".one {padding-top: 25px; background-color: aqua;}"
+ text run at (382,0) width 1: " "
+ text run at (0,14) width 391: ".two {padding-top: -10px; background-color: aqua;}"
+ text run at (390,14) width 1: " "
+ text run at (0,28) width 0: " "
+ RenderBlock {HR} at (0,91) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,109) size 784x80 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 486x19
+ text run at (0,0) width 396: "This element is unstyled save for a background color of gray. "
+ text run at (395,0) width 91: "It contains an "
+ RenderInline {SPAN} at (0,0) size 772x64 [bgcolor=#00FFFF]
+ RenderText {#text} at (485,0) size 148x19
+ text run at (485,0) width 148: "inline element of class "
+ RenderInline {TT} at (0,0) size 25x14
+ RenderText {#text} at (632,5) size 25x14
+ text run at (632,5) width 25: "one"
+ RenderText {#text} at (656,0) size 772x39
+ text run at (656,0) width 116: ", giving it an aqua"
+ text run at (0,20) width 230: "background and a 25px top padding"
+ RenderText {#text} at (229,20) size 784x59
+ text run at (229,20) width 9: ". "
+ text run at (237,20) width 547: "Padding on inline elements does not affect line-height calculations, so all lines in this"
+ text run at (0,40) width 274: "element should have the same line-height. "
+ text run at (273,40) width 500: "There may be implementation-specific limits on how much of the padding the"
+ text run at (0,60) width 181: "user agent is able to display."
+ RenderBlock {P} at (0,205) size 784x60 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 486x19
+ text run at (0,0) width 396: "This element is unstyled save for a background color of gray. "
+ text run at (395,0) width 91: "It contains an "
+ RenderInline {SPAN} at (0,0) size 772x39 [bgcolor=#00FFFF]
+ RenderText {#text} at (485,0) size 148x19
+ text run at (485,0) width 148: "inline element of class "
+ RenderInline {TT} at (0,0) size 25x14
+ RenderText {#text} at (632,5) size 25x14
+ text run at (632,5) width 25: "two"
+ RenderText {#text} at (656,0) size 772x39
+ text run at (656,0) width 116: ", giving it an aqua"
+ text run at (0,20) width 505: "background and no top padding, since negative padding values are not allowed"
+ RenderText {#text} at (504,20) size 745x39
+ text run at (504,20) width 9: ". "
+ text run at (512,20) width 233: "Padding on inline elements does not"
+ text run at (0,40) width 584: "affect line-height calculations, so all lines in this element should have the same line-height."
+ RenderTable {TABLE} at (0,281) size 784x194 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x192
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x164
+ RenderTableCell {TD} at (0,96) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x164 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x80 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 486x19
+ text run at (0,0) width 396: "This element is unstyled save for a background color of gray. "
+ text run at (395,0) width 91: "It contains an "
+ RenderInline {SPAN} at (0,0) size 738x64 [bgcolor=#00FFFF]
+ RenderText {#text} at (485,0) size 148x19
+ text run at (485,0) width 148: "inline element of class "
+ RenderInline {TT} at (0,0) size 25x14
+ RenderText {#text} at (632,5) size 25x14
+ text run at (632,5) width 25: "one"
+ RenderText {#text} at (656,0) size 738x39
+ text run at (656,0) width 82: ", giving it an"
+ text run at (0,20) width 264: "aqua background and a 25px top padding"
+ RenderText {#text} at (263,20) size 748x59
+ text run at (263,20) width 9: ". "
+ text run at (271,20) width 469: "Padding on inline elements does not affect line-height calculations, so all"
+ text run at (0,40) width 352: "lines in this element should have the same line-height. "
+ text run at (351,40) width 397: "There may be implementation-specific limits on how much of"
+ text run at (0,60) width 283: "the padding the user agent is able to display."
+ RenderBlock {P} at (4,100) size 762x60 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 486x19
+ text run at (0,0) width 396: "This element is unstyled save for a background color of gray. "
+ text run at (395,0) width 91: "It contains an "
+ RenderInline {SPAN} at (0,0) size 738x39 [bgcolor=#00FFFF]
+ RenderText {#text} at (485,0) size 148x19
+ text run at (485,0) width 148: "inline element of class "
+ RenderInline {TT} at (0,0) size 25x14
+ RenderText {#text} at (632,5) size 25x14
+ text run at (632,5) width 25: "two"
+ RenderText {#text} at (656,0) size 738x39
+ text run at (656,0) width 82: ", giving it an"
+ text run at (0,20) width 539: "aqua background and no top padding, since negative padding values are not allowed"
+ RenderText {#text} at (538,20) size 755x39
+ text run at (538,20) width 9: ". "
+ text run at (546,20) width 209: "Padding on inline elements does"
+ text run at (0,40) width 608: "not affect line-height calculations, so all lines in this element should have the same line-height."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1box_propertieswidthexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/box_properties/width-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/box_properties/width-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/box_properties/width-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,86 @@
</span><ins>+layer at (0,0) size 800x1396
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x1396
+ RenderBlock {HTML} at (0,0) size 800x1396
+ RenderBody {BODY} at (8,8) size 784x1380 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x42
+ RenderText {#text} at (0,0) size 149x42
+ text run at (0,0) width 149: ".one {width: 50px;}"
+ text run at (148,0) width 1: " "
+ text run at (0,14) width 141: ".two {width: 50%;}"
+ text run at (140,14) width 1: " "
+ text run at (0,28) width 149: "TABLE {width: 50%;}"
+ text run at (148,28) width 1: " "
+ RenderBlock {HR} at (0,91) size 784x2 [border: (1px inset #000000)]
+ RenderBlock (anonymous) at (0,101) size 784x50
+ RenderImage {IMG} at (0,0) size 50x50
+ RenderText {#text} at (0,0) size 0x0
+ RenderBlock {P} at (0,167) size 784x20
+ RenderText {#text} at (0,0) size 292x19
+ text run at (0,0) width 292: "The square above should be fifty pixels wide."
+ RenderBlock (anonymous) at (0,203) size 784x392
+ RenderImage {IMG} at (0,0) size 392x392
+ RenderText {#text} at (0,0) size 0x0
+ RenderBlock {P} at (0,611) size 784x20
+ RenderText {#text} at (0,0) size 683x19
+ text run at (0,0) width 683: "The square above should be half as wide as the image's parent element (either the BODY or the table cell)."
+ RenderBlock {P} at (0,647) size 392x100
+ RenderText {#text} at (0,0) size 391x79
+ text run at (0,0) width 391: "This paragraph should be half the width of its parent element"
+ text run at (0,20) width 386: "(either the BODY or the table, which should itself be half as"
+ text run at (0,40) width 189: "wide as the BODY element). "
+ text run at (188,40) width 184: "This is extra text included to"
+ text run at (0,60) width 254: "ensure that this will be a fair test of the "
+ RenderInline {CODE} at (0,0) size 40x14
+ RenderText {#text} at (253,65) size 40x14
+ text run at (253,65) width 40: "width"
+ RenderText {#text} at (292,60) size 379x39
+ text run at (292,60) width 59: " property"
+ text run at (0,80) width 379: "without the need for the user to resize the viewing window."
+ RenderTable {TABLE} at (0,763) size 392x617 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 390x615
+ RenderTableRow {TR} at (0,0) size 390x28
+ RenderTableCell {TD} at (0,0) size 390x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 390x587
+ RenderTableCell {TD} at (0,307) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 378x587 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (4,4) size 370x50
+ RenderImage {IMG} at (0,0) size 50x50
+ RenderText {#text} at (0,0) size 0x0
+ RenderBlock {P} at (4,70) size 370x20
+ RenderText {#text} at (0,0) size 292x19
+ text run at (0,0) width 292: "The square above should be fifty pixels wide."
+ RenderBlock (anonymous) at (4,106) size 370x185
+ RenderImage {IMG} at (0,0) size 185x185
+ RenderText {#text} at (0,0) size 0x0
+ RenderBlock {P} at (4,307) size 370x40
+ RenderText {#text} at (0,0) size 353x39
+ text run at (0,0) width 353: "The square above should be half as wide as the image's"
+ text run at (0,20) width 326: "parent element (either the BODY or the table cell)."
+ RenderBlock {P} at (4,363) size 185x220
+ RenderText {#text} at (0,0) size 182x179
+ text run at (0,0) width 163: "This paragraph should be"
+ text run at (0,20) width 170: "half the width of its parent"
+ text run at (0,40) width 170: "element (either the BODY"
+ text run at (0,60) width 166: "or the table, which should"
+ text run at (0,80) width 174: "itself be half as wide as the"
+ text run at (0,100) width 113: "BODY element). "
+ text run at (112,100) width 44: "This is"
+ text run at (0,120) width 182: "extra text included to ensure"
+ text run at (0,140) width 180: "that this will be a fair test of"
+ text run at (0,160) width 24: "the "
+ RenderInline {CODE} at (0,0) size 40x14
+ RenderText {#text} at (23,165) size 40x14
+ text run at (23,165) width 40: "width"
+ RenderText {#text} at (62,160) size 175x59
+ text run at (62,160) width 112: " property without"
+ text run at (0,180) width 148: "the need for the user to"
+ text run at (0,200) width 175: "resize the viewing window."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1cascadecascade_orderexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/cascade/cascade_order-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/cascade/cascade_order-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/cascade/cascade_order-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,142 @@
</span><ins>+layer at (0,0) size 800x827
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x827
+ RenderBlock {HTML} at (0,0) size 800x827
+ RenderBody {BODY} at (8,8) size 784x811 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x154
+ RenderText {#text} at (0,0) size 562x154
+ text run at (0,0) width 562: "<LINK rel=\"stylesheet\" type=\"text/css\" HREF=\"../resources/linktest.css\">"
+ text run at (561,0) width 1: " "
+ text run at (0,14) width 149: "LI {color: purple;}"
+ text run at (148,14) width 1: " "
+ text run at (0,28) width 157: "UL LI {color: blue;}"
+ text run at (156,28) width 1: " "
+ text run at (0,42) width 180: "UL LI LI {color: gray;}"
+ text run at (179,42) width 1: " "
+ text run at (0,56) width 172: "LI.red {color: green;}"
+ text run at (171,56) width 1: " "
+ text run at (0,70) width 211: "UL LI.mar {color: #660000;}"
+ text run at (210,70) width 1: " "
+ text run at (0,84) width 196: "UL LI#gre {color: green;}"
+ text run at (195,84) width 1: " "
+ text run at (0,98) width 157: ".test {color: blue;}"
+ text run at (156,98) width 1: " "
+ text run at (0,112) width 172: ".test {color: purple;}"
+ text run at (171,112) width 1: " "
+ text run at (0,126) width 289: ".one {text-decoration: line-through;}"
+ text run at (288,126) width 1: " "
+ text run at (0,140) width 0: " "
+ RenderBlock {HR} at (0,203) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {UL} at (0,221) size 784x160
+ RenderListItem {LI} at (40,0) size 744x20 [color=#0000FF]
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 194x19
+ text run at (0,0) width 194: "This list item should be blue..."
+ RenderListItem {LI} at (40,20) size 744x80 [color=#0000FF]
+ RenderBlock (anonymous) at (0,0) size 744x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 295x19
+ text run at (0,0) width 295: "...and so should this; neither should be purple."
+ RenderBlock {UL} at (0,20) size 744x60
+ RenderListItem {LI} at (40,0) size 704x20 [color=#808080]
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderText {#text} at (0,0) size 194x19
+ text run at (0,0) width 194: "This list item should be gray..."
+ RenderListItem {LI} at (40,20) size 704x20 [color=#808080]
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderText {#text} at (0,0) size 116x19
+ text run at (0,0) width 116: "...as should this...."
+ RenderListItem {LI} at (40,40) size 704x20 [color=#008000]
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderText {#text} at (0,0) size 196x19
+ text run at (0,0) width 196: "...but this one should be green."
+ RenderListItem {LI} at (40,100) size 744x20 [color=#660000]
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 174x19
+ text run at (0,0) width 174: "This ought to be dark red..."
+ RenderListItem {LI} at (40,120) size 744x20 [color=#008000]
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 87x19
+ text run at (0,0) width 87: "...this green..."
+ RenderListItem {LI} at (40,140) size 744x20 [color=#0000FF]
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 98x19
+ text run at (0,0) width 98: "...and this blue."
+ RenderBlock {P} at (0,397) size 784x20 [color=#0000FF]
+ RenderText {#text} at (0,0) size 282x19
+ text run at (0,0) width 282: "This sentence should be blue (STYLE attr.)."
+ RenderBlock {P} at (0,433) size 784x20 [color=#800080]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This sentence should be purple ["
+ RenderInline {CODE} at (0,0) size 95x14
+ RenderText {#text} at (207,5) size 95x14
+ text run at (207,5) width 95: "class=\"test\""
+ RenderText {#text} at (301,0) size 10x19
+ text run at (301,0) width 10: "]."
+ RenderBlock {P} at (0,469) size 784x20
+ RenderText {#text} at (0,0) size 697x19
+ text run at (0,0) width 697: "This text should be stricken (overriding the imported underline; only works if LINKed sheets are supported)."
+ RenderTable {TABLE} at (0,505) size 719x306 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 717x304
+ RenderTableRow {TR} at (0,0) size 717x28
+ RenderTableCell {TD} at (0,0) size 717x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 717x276
+ RenderTableCell {TD} at (0,152) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 705x276 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {UL} at (4,4) size 697x160
+ RenderListItem {LI} at (40,0) size 657x20 [color=#0000FF]
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 194x19
+ text run at (0,0) width 194: "This list item should be blue..."
+ RenderListItem {LI} at (40,20) size 657x80 [color=#0000FF]
+ RenderBlock (anonymous) at (0,0) size 657x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 295x19
+ text run at (0,0) width 295: "...and so should this; neither should be purple."
+ RenderBlock {UL} at (0,20) size 657x60
+ RenderListItem {LI} at (40,0) size 617x20 [color=#808080]
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderText {#text} at (0,0) size 194x19
+ text run at (0,0) width 194: "This list item should be gray..."
+ RenderListItem {LI} at (40,20) size 617x20 [color=#808080]
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderText {#text} at (0,0) size 116x19
+ text run at (0,0) width 116: "...as should this...."
+ RenderListItem {LI} at (40,40) size 617x20 [color=#008000]
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderText {#text} at (0,0) size 196x19
+ text run at (0,0) width 196: "...but this one should be green."
+ RenderListItem {LI} at (40,100) size 657x20 [color=#660000]
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 174x19
+ text run at (0,0) width 174: "This ought to be dark red..."
+ RenderListItem {LI} at (40,120) size 657x20 [color=#008000]
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 87x19
+ text run at (0,0) width 87: "...this green..."
+ RenderListItem {LI} at (40,140) size 657x20 [color=#0000FF]
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 98x19
+ text run at (0,0) width 98: "...and this blue."
+ RenderBlock {P} at (4,180) size 697x20 [color=#0000FF]
+ RenderText {#text} at (0,0) size 282x19
+ text run at (0,0) width 282: "This sentence should be blue (STYLE attr.)."
+ RenderBlock {P} at (4,216) size 697x20 [color=#800080]
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "This sentence should be purple ["
+ RenderInline {CODE} at (0,0) size 95x14
+ RenderText {#text} at (207,5) size 95x14
+ text run at (207,5) width 95: "class=\"test\""
+ RenderText {#text} at (301,0) size 10x19
+ text run at (301,0) width 10: "]."
+ RenderBlock {P} at (4,252) size 697x20
+ RenderText {#text} at (0,0) size 697x19
+ text run at (0,0) width 697: "This text should be stricken (overriding the imported underline; only works if LINKed sheets are supported)."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1cascadeimportantexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/cascade/important-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/cascade/important-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/cascade/important-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,68 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20 [color=#008000]
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x56
+ RenderText {#text} at (0,0) size 227x56
+ text run at (0,0) width 227: "P {color: green ! important;}"
+ text run at (226,0) width 1: " "
+ text run at (0,14) width 118: "P {color: red;}"
+ text run at (117,14) width 1: " "
+ text run at (0,28) width 172: "P#id1 {color: purple;}"
+ text run at (171,28) width 1: " "
+ text run at (0,42) width 0: " "
+ RenderBlock {HR} at (0,105) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,123) size 784x40 [color=#008000]
+ RenderText {#text} at (0,0) size 784x39
+ text run at (0,0) width 784: "This sentence should be green, because the declaration marked important should override any other normal declaration for"
+ text run at (0,20) width 366: "the same element, even if it occurs later in the stylesheet."
+ RenderBlock {P} at (0,179) size 784x40 [color=#008000]
+ RenderText {#text} at (0,0) size 409x19
+ text run at (0,0) width 409: "This sentence should also be green, even though it has an ID of "
+ RenderInline {TT} at (0,0) size 25x14
+ RenderText {#text} at (408,5) size 25x14
+ text run at (408,5) width 25: "id1"
+ RenderText {#text} at (432,0) size 738x39
+ text run at (432,0) width 263: ", which would ordinarily make it purple. "
+ text run at (694,0) width 44: "This is"
+ text run at (0,20) width 714: "because declarations marked important have more weight than normal declarations given in a STYLE attribute."
+ RenderBlock {P} at (0,235) size 784x40 [color=#008000]
+ RenderText {#text} at (0,0) size 712x39
+ text run at (0,0) width 615: "This sentence should also be green, even though it has a STYLE attribute declaring it to be red. "
+ text run at (614,0) width 98: "This is because"
+ text run at (0,20) width 659: "declarations marked important have more weight than normal declarations given in a STYLE attribute."
+ RenderTable {TABLE} at (0,291) size 784x190 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x188
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x160
+ RenderTableCell {TD} at (0,94) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x160 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x40 [color=#008000]
+ RenderText {#text} at (0,0) size 761x39
+ text run at (0,0) width 761: "This sentence should be green, because the declaration marked important should override any other normal declaration"
+ text run at (0,20) width 388: "for the same element, even if it occurs later in the stylesheet."
+ RenderBlock {P} at (4,60) size 762x40 [color=#008000]
+ RenderText {#text} at (0,0) size 409x19
+ text run at (0,0) width 409: "This sentence should also be green, even though it has an ID of "
+ RenderInline {TT} at (0,0) size 25x14
+ RenderText {#text} at (408,5) size 25x14
+ text run at (408,5) width 25: "id1"
+ RenderText {#text} at (432,0) size 738x39
+ text run at (432,0) width 263: ", which would ordinarily make it purple. "
+ text run at (694,0) width 44: "This is"
+ text run at (0,20) width 714: "because declarations marked important have more weight than normal declarations given in a STYLE attribute."
+ RenderBlock {P} at (4,116) size 762x40 [color=#008000]
+ RenderText {#text} at (0,0) size 712x39
+ text run at (0,0) width 615: "This sentence should also be green, even though it has a STYLE attribute declaring it to be red. "
+ text run at (614,0) width 98: "This is because"
+ text run at (0,20) width 659: "declarations marked important have more weight than normal declarations given in a STYLE attribute."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1classificationdisplayexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/classification/display-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/classification/display-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/classification/display-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,131 @@
</span><ins>+layer at (0,0) size 800x863
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x863
+ RenderBlock {HTML} at (0,0) size 800x863
+ RenderBody {BODY} at (8,8) size 784x847 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x70
+ RenderText {#text} at (0,0) size 554x70
+ text run at (0,0) width 172: ".one {display: block;}"
+ text run at (171,0) width 1: " "
+ text run at (0,14) width 180: ".two {display: inline;}"
+ text run at (179,14) width 1: " "
+ text run at (0,28) width 554: ".three {display: list-item; list-style-type: square; margin-left: 3em;}"
+ text run at (553,28) width 1: " "
+ text run at (0,42) width 266: ".four {display: none; color: red;}"
+ text run at (265,42) width 1: " "
+ text run at (0,56) width 149: "I {display: block;}"
+ text run at (148,56) width 1: " "
+ RenderBlock {HR} at (0,119) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,137) size 784x20
+ RenderText {#text} at (0,0) size 300x19
+ text run at (0,0) width 300: "This sentence should be a block-level element."
+ RenderBlock (anonymous) at (0,173) size 784x60
+ RenderInline {P} at (0,0) size 458x19
+ RenderText {#text} at (0,0) size 458x19
+ text run at (0,0) width 458: "This sentence should be part of an inline element, as are the next three. "
+ RenderInline {P} at (0,0) size 779x59
+ RenderText {#text} at (457,0) size 779x59
+ text run at (457,0) width 280: "This sentence and the next two are part of a"
+ text run at (0,20) width 148: "second inline element. "
+ text run at (147,20) width 632: "They should therefore appear, along with the sentence above, to be all one paragraph which is four"
+ text run at (0,40) width 102: "sentences long. "
+ text run at (101,40) width 256: "If this is not the case, then the keyword "
+ RenderInline {CODE} at (0,0) size 48x14
+ RenderText {#text} at (356,45) size 48x14
+ text run at (356,45) width 48: "inline"
+ RenderText {#text} at (403,40) size 112x19
+ text run at (403,40) width 112: " is being ignored."
+ RenderText {#text} at (0,0) size 0x0
+ RenderListItem {P} at (48,249) size 736x60
+ RenderListMarker at (-18,0) size 7x19: black square
+ RenderText {#text} at (0,0) size 733x39
+ text run at (0,0) width 733: "This sentence should be treated as a list-item, and therefore be rendered however this user agent displays list items"
+ text run at (0,20) width 20: "(if "
+ RenderInline {CODE} at (0,0) size 118x14
+ RenderText {#text} at (19,25) size 118x14
+ text run at (19,25) width 118: "list-style-type"
+ RenderText {#text} at (136,20) size 732x39
+ text run at (136,20) width 368: " is supported, there will be a square for the item marker). "
+ text run at (503,20) width 229: "A 3em left margin has been applied"
+ text run at (0,40) width 387: "in order to ensure that there is space for the list-item marker."
+ RenderBlock {P} at (0,325) size 784x20
+ RenderText {#text} at (0,0) size 467x19
+ text run at (0,0) width 467: "The next paragraph should be invisible (if it's visible, you'll see red text)."
+ RenderBlock {P} at (0,361) size 784x20
+ RenderText {#text} at (0,0) size 252x19
+ text run at (0,0) width 252: "There should be no text after the colon:"
+ RenderText {#text} at (0,0) size 0x0
+ RenderBlock {P} at (0,397) size 784x60
+ RenderBlock (anonymous) at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 116x19
+ text run at (0,0) width 116: "The italicized text"
+ RenderBlock {I} at (0,20) size 784x20
+ RenderText {#text} at (0,0) size 113x19
+ text run at (0,0) width 113: "in this paragraph"
+ RenderBlock (anonymous) at (0,40) size 784x20
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "should be a block-level element."
+ RenderTable {TABLE} at (0,473) size 784x374 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x372
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x344
+ RenderTableCell {TD} at (0,186) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x344 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x20
+ RenderText {#text} at (0,0) size 300x19
+ text run at (0,0) width 300: "This sentence should be a block-level element."
+ RenderBlock (anonymous) at (4,40) size 762x60
+ RenderInline {P} at (0,0) size 458x19
+ RenderText {#text} at (0,0) size 458x19
+ text run at (0,0) width 458: "This sentence should be part of an inline element, as are the next three. "
+ RenderInline {P} at (0,0) size 748x59
+ RenderText {#text} at (457,0) size 748x59
+ text run at (457,0) width 280: "This sentence and the next two are part of a"
+ text run at (0,20) width 148: "second inline element. "
+ text run at (147,20) width 601: "They should therefore appear, along with the sentence above, to be all one paragraph which is"
+ text run at (0,40) width 133: "four sentences long. "
+ text run at (132,40) width 256: "If this is not the case, then the keyword "
+ RenderInline {CODE} at (0,0) size 48x14
+ RenderText {#text} at (387,45) size 48x14
+ text run at (387,45) width 48: "inline"
+ RenderText {#text} at (434,40) size 112x19
+ text run at (434,40) width 112: " is being ignored."
+ RenderText {#text} at (0,0) size 0x0
+ RenderListItem {P} at (52,116) size 714x60
+ RenderListMarker at (-18,0) size 7x19: black square
+ RenderText {#text} at (0,0) size 694x39
+ text run at (0,0) width 694: "This sentence should be treated as a list-item, and therefore be rendered however this user agent displays list"
+ text run at (0,20) width 58: "items (if "
+ RenderInline {CODE} at (0,0) size 118x14
+ RenderText {#text} at (57,25) size 118x14
+ text run at (57,25) width 118: "list-style-type"
+ RenderText {#text} at (174,20) size 685x39
+ text run at (174,20) width 369: " is supported, there will be a square for the item marker). "
+ text run at (542,20) width 143: "A 3em left margin has"
+ text run at (0,40) width 472: "been applied in order to ensure that there is space for the list-item marker."
+ RenderBlock {P} at (4,192) size 762x20
+ RenderText {#text} at (0,0) size 467x19
+ text run at (0,0) width 467: "The next paragraph should be invisible (if it's visible, you'll see red text)."
+ RenderBlock {P} at (4,228) size 762x20
+ RenderText {#text} at (0,0) size 252x19
+ text run at (0,0) width 252: "There should be no text after the colon:"
+ RenderText {#text} at (0,0) size 0x0
+ RenderBlock {P} at (4,264) size 762x60
+ RenderBlock (anonymous) at (0,0) size 762x20
+ RenderText {#text} at (0,0) size 116x19
+ text run at (0,0) width 116: "The italicized text"
+ RenderBlock {I} at (0,20) size 762x20
+ RenderText {#text} at (0,0) size 113x19
+ text run at (0,0) width 113: "in this paragraph"
+ RenderBlock (anonymous) at (0,40) size 762x20
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "should be a block-level element."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1classificationlist_styleexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/classification/list_style-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/classification/list_style-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/classification/list_style-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,53 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x28
+ RenderText {#text} at (0,0) size 484x28
+ text run at (0,0) width 297: ".one {list-style: upper-alpha inside;}"
+ text run at (296,0) width 1: " "
+ text run at (0,14) width 484: ".two {list-style: url(../resources/oransqr.gif) disc outside;}"
+ text run at (483,14) width 1: " "
+ RenderBlock {HR} at (0,77) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {UL} at (0,95) size 784x40
+ RenderListItem {LI} at (40,0) size 744x40
+ RenderListMarker at (0,0) size 20x19: "A"
+ RenderText {#text} at (19,0) size 694x39
+ text run at (19,0) width 675: "The text in this item should not behave as expected; that is, it should line up with the capital-A on the left"
+ text run at (0,20) width 345: "margin, leaving no blank space beneath the capital-A."
+ RenderBlock {UL} at (0,151) size 784x40
+ RenderListItem {LI} at (40,0) size 744x40
+ RenderListMarker at (-22,0) size 15x15
+ RenderText {#text} at (0,0) size 727x39
+ text run at (0,0) width 489: "The text in this item have an orange square for its bullet; failing that, a disc. "
+ text run at (488,0) width 239: "Also, the bullet should be outside the"
+ text run at (0,20) width 290: "text block, as the list has been set to 'outside'."
+ RenderTable {TABLE} at (0,207) size 784x150 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x148
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x120
+ RenderTableCell {TD} at (0,74) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x120 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {UL} at (4,4) size 762x40
+ RenderListItem {LI} at (40,0) size 722x40
+ RenderListMarker at (0,0) size 20x19: "A"
+ RenderText {#text} at (19,0) size 694x39
+ text run at (19,0) width 675: "The text in this item should not behave as expected; that is, it should line up with the capital-A on the left"
+ text run at (0,20) width 345: "margin, leaving no blank space beneath the capital-A."
+ RenderBlock {UL} at (4,60) size 762x40
+ RenderListItem {LI} at (40,0) size 722x40
+ RenderListMarker at (-22,0) size 15x15
+ RenderText {#text} at (0,0) size 703x39
+ text run at (0,0) width 489: "The text in this item have an orange square for its bullet; failing that, a disc. "
+ text run at (488,0) width 215: "Also, the bullet should be outside"
+ text run at (0,20) width 314: "the text block, as the list has been set to 'outside'."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1classificationlist_style_imageexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/classification/list_style_image-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/classification/list_style_image-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/classification/list_style_image-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,80 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x42
+ RenderText {#text} at (0,0) size 430x42
+ text run at (0,0) width 430: ".one {list-style-image: url(../resources/oransqr.gif);}"
+ text run at (429,0) width 1: " "
+ text run at (0,14) width 235: ".two {list-style-image: none;}"
+ text run at (234,14) width 1: " "
+ text run at (0,28) width 0: " "
+ RenderBlock {HR} at (0,91) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {UL} at (0,109) size 784x60
+ RenderListItem {LI} at (40,0) size 744x20
+ RenderListMarker at (-22,0) size 15x15
+ RenderText {#text} at (0,0) size 65x19
+ text run at (0,0) width 65: "This list..."
+ RenderListItem {LI} at (40,20) size 744x20
+ RenderListMarker at (-22,0) size 15x15
+ RenderText {#text} at (0,0) size 116x19
+ text run at (0,0) width 116: "...should feature..."
+ RenderListItem {LI} at (40,40) size 744x20
+ RenderListMarker at (-22,0) size 15x15
+ RenderText {#text} at (0,0) size 150x19
+ text run at (0,0) width 150: "...images for each item."
+ RenderBlock {UL} at (0,185) size 784x60
+ RenderListItem {LI} at (40,0) size 744x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 65x19
+ text run at (0,0) width 65: "This list..."
+ RenderListItem {LI} at (40,20) size 744x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 116x19
+ text run at (0,0) width 116: "...should feature..."
+ RenderListItem {LI} at (40,40) size 744x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 238x19
+ text run at (0,0) width 238: "...standard list markers for each item."
+ RenderTable {TABLE} at (0,261) size 300x190 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 298x188
+ RenderTableRow {TR} at (0,0) size 298x28
+ RenderTableCell {TD} at (0,0) size 298x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 298x160
+ RenderTableCell {TD} at (0,94) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 286x160 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {UL} at (4,4) size 278x60
+ RenderListItem {LI} at (40,0) size 238x20
+ RenderListMarker at (-22,0) size 15x15
+ RenderText {#text} at (0,0) size 65x19
+ text run at (0,0) width 65: "This list..."
+ RenderListItem {LI} at (40,20) size 238x20
+ RenderListMarker at (-22,0) size 15x15
+ RenderText {#text} at (0,0) size 116x19
+ text run at (0,0) width 116: "...should feature..."
+ RenderListItem {LI} at (40,40) size 238x20
+ RenderListMarker at (-22,0) size 15x15
+ RenderText {#text} at (0,0) size 150x19
+ text run at (0,0) width 150: "...images for each item."
+ RenderBlock {UL} at (4,80) size 278x60
+ RenderListItem {LI} at (40,0) size 238x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 65x19
+ text run at (0,0) width 65: "This list..."
+ RenderListItem {LI} at (40,20) size 238x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 116x19
+ text run at (0,0) width 116: "...should feature..."
+ RenderListItem {LI} at (40,40) size 238x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 238x19
+ text run at (0,0) width 238: "...standard list markers for each item."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1classificationlist_style_positionexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/classification/list_style_position-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/classification/list_style_position-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/classification/list_style_position-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,52 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x42
+ RenderText {#text} at (0,0) size 281x42
+ text run at (0,0) width 281: ".one {list-style-position: outside;}"
+ text run at (280,0) width 1: " "
+ text run at (0,14) width 274: ".two {list-style-position: inside;}"
+ text run at (273,14) width 1: " "
+ text run at (0,28) width 0: " "
+ RenderBlock {HR} at (0,91) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {UL} at (0,109) size 784x40
+ RenderListItem {LI} at (40,0) size 744x40
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 743x39
+ text run at (0,0) width 743: "The text in this item should behave as expected; that is, it should line up with itself on the left margin, leaving blank"
+ text run at (0,20) width 158: "space beneath the bullet."
+ RenderBlock {UL} at (0,165) size 784x40
+ RenderListItem {LI} at (40,0) size 744x40
+ RenderListMarker at (-1,0) size 7x19: bullet
+ RenderText {#text} at (15,0) size 720x39
+ text run at (15,0) width 705: "The text in this item should not behave as expected; that is, it should line up with the bullet on the left margin,"
+ text run at (0,20) width 268: "leaving no blank space beneath the bullet."
+ RenderTable {TABLE} at (0,221) size 784x150 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x148
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x120
+ RenderTableCell {TD} at (0,74) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x120 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {UL} at (4,4) size 762x40
+ RenderListItem {LI} at (40,0) size 722x40
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 704x39
+ text run at (0,0) width 704: "The text in this item should behave as expected; that is, it should line up with itself on the left margin, leaving"
+ text run at (0,20) width 197: "blank space beneath the bullet."
+ RenderBlock {UL} at (4,60) size 762x40
+ RenderListItem {LI} at (40,0) size 722x40
+ RenderListMarker at (-1,0) size 7x19: bullet
+ RenderText {#text} at (15,0) size 720x39
+ text run at (15,0) width 705: "The text in this item should not behave as expected; that is, it should line up with the bullet on the left margin,"
+ text run at (0,20) width 268: "leaving no blank space beneath the bullet."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1classificationlist_style_typeexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/classification/list_style_type-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/classification/list_style_type-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/classification/list_style_type-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,270 @@
</span><ins>+layer at (0,0) size 800x1629
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x1629
+ RenderBlock {HTML} at (0,0) size 800x1629
+ RenderBody {BODY} at (8,8) size 784x1613 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x140
+ RenderText {#text} at (0,0) size 297x140
+ text run at (0,0) width 227: ".one {list-style-type: disc;}"
+ text run at (226,0) width 1: " "
+ text run at (0,14) width 242: ".two {list-style-type: circle;}"
+ text run at (241,14) width 1: " "
+ text run at (0,28) width 258: ".three {list-style-type: square;}"
+ text run at (257,28) width 1: " "
+ text run at (0,42) width 289: ".four {list-style-type: lower-roman;}"
+ text run at (288,42) width 1: " "
+ text run at (0,56) width 289: ".five {list-style-type: upper-roman;}"
+ text run at (288,56) width 1: " "
+ text run at (0,70) width 281: ".six {list-style-type: lower-alpha;}"
+ text run at (280,70) width 1: " "
+ text run at (0,84) width 297: ".seven {list-style-type: upper-alpha;}"
+ text run at (296,84) width 1: " "
+ text run at (0,98) width 266: ".eight {list-style-type: decimal;}"
+ text run at (265,98) width 1: " "
+ text run at (0,112) width 235: ".nine {list-style-type: none;}"
+ text run at (234,112) width 1: " "
+ text run at (0,126) width 0: " "
+ RenderBlock {HR} at (0,189) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {UL} at (0,207) size 784x60
+ RenderListItem {LI} at (40,0) size 744x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 65x19
+ text run at (0,0) width 65: "This list..."
+ RenderListItem {LI} at (40,20) size 744x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 116x19
+ text run at (0,0) width 116: "...should feature..."
+ RenderListItem {LI} at (40,40) size 744x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 137x19
+ text run at (0,0) width 137: "...discs for each item."
+ RenderBlock {UL} at (0,283) size 784x60
+ RenderListItem {LI} at (40,0) size 744x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderText {#text} at (0,0) size 65x19
+ text run at (0,0) width 65: "This list..."
+ RenderListItem {LI} at (40,20) size 744x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderText {#text} at (0,0) size 116x19
+ text run at (0,0) width 116: "...should feature..."
+ RenderListItem {LI} at (40,40) size 744x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderText {#text} at (0,0) size 147x19
+ text run at (0,0) width 147: "...circles for each item."
+ RenderBlock {UL} at (0,359) size 784x60
+ RenderListItem {LI} at (40,0) size 744x20
+ RenderListMarker at (-18,0) size 7x19: black square
+ RenderText {#text} at (0,0) size 65x19
+ text run at (0,0) width 65: "This list..."
+ RenderListItem {LI} at (40,20) size 744x20
+ RenderListMarker at (-18,0) size 7x19: black square
+ RenderText {#text} at (0,0) size 116x19
+ text run at (0,0) width 116: "...should feature..."
+ RenderListItem {LI} at (40,40) size 744x20
+ RenderListMarker at (-18,0) size 7x19: black square
+ RenderText {#text} at (0,0) size 153x19
+ text run at (0,0) width 153: "...squares for each item."
+ RenderBlock {OL} at (0,435) size 784x60
+ RenderListItem {LI} at (40,0) size 744x20
+ RenderListMarker at (-18,0) size 13x19: "i"
+ RenderText {#text} at (0,0) size 65x19
+ text run at (0,0) width 65: "This list..."
+ RenderListItem {LI} at (40,20) size 744x20
+ RenderListMarker at (-22,0) size 17x19: "ii"
+ RenderText {#text} at (0,0) size 116x19
+ text run at (0,0) width 116: "...should feature..."
+ RenderListItem {LI} at (40,40) size 744x20
+ RenderListMarker at (-27,0) size 22x19: "iii"
+ RenderText {#text} at (0,0) size 282x19
+ text run at (0,0) width 282: "...lowercase Roman numerals for each item."
+ RenderBlock {OL} at (0,511) size 784x60
+ RenderListItem {LI} at (40,0) size 744x20
+ RenderListMarker at (-19,0) size 14x19: "I"
+ RenderText {#text} at (0,0) size 65x19
+ text run at (0,0) width 65: "This list..."
+ RenderListItem {LI} at (40,20) size 744x20
+ RenderListMarker at (-24,0) size 19x19: "II"
+ RenderText {#text} at (0,0) size 116x19
+ text run at (0,0) width 116: "...should feature..."
+ RenderListItem {LI} at (40,40) size 744x20
+ RenderListMarker at (-29,0) size 24x19: "III"
+ RenderText {#text} at (0,0) size 282x19
+ text run at (0,0) width 282: "...uppercase Roman numerals for each item."
+ RenderBlock {OL} at (0,587) size 784x60
+ RenderListItem {LI} at (40,0) size 744x20
+ RenderListMarker at (-21,0) size 16x19: "a"
+ RenderText {#text} at (0,0) size 65x19
+ text run at (0,0) width 65: "This list..."
+ RenderListItem {LI} at (40,20) size 744x20
+ RenderListMarker at (-21,0) size 16x19: "b"
+ RenderText {#text} at (0,0) size 116x19
+ text run at (0,0) width 116: "...should feature..."
+ RenderListItem {LI} at (40,40) size 744x20
+ RenderListMarker at (-21,0) size 16x19: "c"
+ RenderText {#text} at (0,0) size 212x19
+ text run at (0,0) width 212: "...lowercase letters for each item."
+ RenderBlock {OL} at (0,663) size 784x60
+ RenderListItem {LI} at (40,0) size 744x20
+ RenderListMarker at (-25,0) size 20x19: "A"
+ RenderText {#text} at (0,0) size 65x19
+ text run at (0,0) width 65: "This list..."
+ RenderListItem {LI} at (40,20) size 744x20
+ RenderListMarker at (-24,0) size 19x19: "B"
+ RenderText {#text} at (0,0) size 116x19
+ text run at (0,0) width 116: "...should feature..."
+ RenderListItem {LI} at (40,40) size 744x20
+ RenderListMarker at (-24,0) size 19x19: "C"
+ RenderText {#text} at (0,0) size 212x19
+ text run at (0,0) width 212: "...uppercase letters for each item."
+ RenderBlock {OL} at (0,739) size 784x60
+ RenderListItem {LI} at (40,0) size 744x20
+ RenderListMarker at (-25,0) size 20x19: "A"
+ RenderText {#text} at (0,0) size 160x19
+ text run at (0,0) width 160: "This list should feature..."
+ RenderListItem {LI} at (40,20) size 744x20
+ RenderListMarker at (-24,0) size 19x19: "B"
+ RenderText {#text} at (0,0) size 152x19
+ text run at (0,0) width 152: "...letters for each item..."
+ RenderListItem {LI} at (40,40) size 744x20
+ RenderListMarker at (-21,0) size 16x19: "3"
+ RenderText {#text} at (0,0) size 112x19
+ text run at (0,0) width 112: "...except this one."
+ RenderBlock {UL} at (0,815) size 784x60
+ RenderListItem {LI} at (40,0) size 744x20
+ RenderText {#text} at (0,0) size 65x19
+ text run at (0,0) width 65: "This list..."
+ RenderListItem {LI} at (40,20) size 744x20
+ RenderText {#text} at (0,0) size 116x19
+ text run at (0,0) width 116: "...should feature..."
+ RenderListItem {LI} at (40,40) size 744x20
+ RenderText {#text} at (0,0) size 154x19
+ text run at (0,0) width 154: "...nothing for each item."
+ RenderTable {TABLE} at (0,891) size 344x722 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 342x720
+ RenderTableRow {TR} at (0,0) size 342x28
+ RenderTableCell {TD} at (0,0) size 342x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 342x692
+ RenderTableCell {TD} at (0,360) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 330x692 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {UL} at (4,4) size 322x60
+ RenderListItem {LI} at (40,0) size 282x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 65x19
+ text run at (0,0) width 65: "This list..."
+ RenderListItem {LI} at (40,20) size 282x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 116x19
+ text run at (0,0) width 116: "...should feature..."
+ RenderListItem {LI} at (40,40) size 282x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 137x19
+ text run at (0,0) width 137: "...discs for each item."
+ RenderBlock {UL} at (4,80) size 322x60
+ RenderListItem {LI} at (40,0) size 282x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderText {#text} at (0,0) size 65x19
+ text run at (0,0) width 65: "This list..."
+ RenderListItem {LI} at (40,20) size 282x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderText {#text} at (0,0) size 116x19
+ text run at (0,0) width 116: "...should feature..."
+ RenderListItem {LI} at (40,40) size 282x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderText {#text} at (0,0) size 147x19
+ text run at (0,0) width 147: "...circles for each item."
+ RenderBlock {UL} at (4,156) size 322x60
+ RenderListItem {LI} at (40,0) size 282x20
+ RenderListMarker at (-18,0) size 7x19: black square
+ RenderText {#text} at (0,0) size 65x19
+ text run at (0,0) width 65: "This list..."
+ RenderListItem {LI} at (40,20) size 282x20
+ RenderListMarker at (-18,0) size 7x19: black square
+ RenderText {#text} at (0,0) size 116x19
+ text run at (0,0) width 116: "...should feature..."
+ RenderListItem {LI} at (40,40) size 282x20
+ RenderListMarker at (-18,0) size 7x19: black square
+ RenderText {#text} at (0,0) size 153x19
+ text run at (0,0) width 153: "...squares for each item."
+ RenderBlock {OL} at (4,232) size 322x60
+ RenderListItem {LI} at (40,0) size 282x20
+ RenderListMarker at (-18,0) size 13x19: "i"
+ RenderText {#text} at (0,0) size 65x19
+ text run at (0,0) width 65: "This list..."
+ RenderListItem {LI} at (40,20) size 282x20
+ RenderListMarker at (-22,0) size 17x19: "ii"
+ RenderText {#text} at (0,0) size 116x19
+ text run at (0,0) width 116: "...should feature..."
+ RenderListItem {LI} at (40,40) size 282x20
+ RenderListMarker at (-27,0) size 22x19: "iii"
+ RenderText {#text} at (0,0) size 282x19
+ text run at (0,0) width 282: "...lowercase Roman numerals for each item."
+ RenderBlock {OL} at (4,308) size 322x60
+ RenderListItem {LI} at (40,0) size 282x20
+ RenderListMarker at (-19,0) size 14x19: "I"
+ RenderText {#text} at (0,0) size 65x19
+ text run at (0,0) width 65: "This list..."
+ RenderListItem {LI} at (40,20) size 282x20
+ RenderListMarker at (-24,0) size 19x19: "II"
+ RenderText {#text} at (0,0) size 116x19
+ text run at (0,0) width 116: "...should feature..."
+ RenderListItem {LI} at (40,40) size 282x20
+ RenderListMarker at (-29,0) size 24x19: "III"
+ RenderText {#text} at (0,0) size 282x19
+ text run at (0,0) width 282: "...uppercase Roman numerals for each item."
+ RenderBlock {OL} at (4,384) size 322x60
+ RenderListItem {LI} at (40,0) size 282x20
+ RenderListMarker at (-21,0) size 16x19: "a"
+ RenderText {#text} at (0,0) size 65x19
+ text run at (0,0) width 65: "This list..."
+ RenderListItem {LI} at (40,20) size 282x20
+ RenderListMarker at (-21,0) size 16x19: "b"
+ RenderText {#text} at (0,0) size 116x19
+ text run at (0,0) width 116: "...should feature..."
+ RenderListItem {LI} at (40,40) size 282x20
+ RenderListMarker at (-21,0) size 16x19: "c"
+ RenderText {#text} at (0,0) size 212x19
+ text run at (0,0) width 212: "...lowercase letters for each item."
+ RenderBlock {OL} at (4,460) size 322x60
+ RenderListItem {LI} at (40,0) size 282x20
+ RenderListMarker at (-25,0) size 20x19: "A"
+ RenderText {#text} at (0,0) size 65x19
+ text run at (0,0) width 65: "This list..."
+ RenderListItem {LI} at (40,20) size 282x20
+ RenderListMarker at (-24,0) size 19x19: "B"
+ RenderText {#text} at (0,0) size 116x19
+ text run at (0,0) width 116: "...should feature..."
+ RenderListItem {LI} at (40,40) size 282x20
+ RenderListMarker at (-24,0) size 19x19: "C"
+ RenderText {#text} at (0,0) size 212x19
+ text run at (0,0) width 212: "...uppercase letters for each item."
+ RenderBlock {OL} at (4,536) size 322x60
+ RenderListItem {LI} at (40,0) size 282x20
+ RenderListMarker at (-25,0) size 20x19: "A"
+ RenderText {#text} at (0,0) size 160x19
+ text run at (0,0) width 160: "This list should feature..."
+ RenderListItem {LI} at (40,20) size 282x20
+ RenderListMarker at (-24,0) size 19x19: "B"
+ RenderText {#text} at (0,0) size 152x19
+ text run at (0,0) width 152: "...letters for each item..."
+ RenderListItem {LI} at (40,40) size 282x20
+ RenderListMarker at (-21,0) size 16x19: "3"
+ RenderText {#text} at (0,0) size 112x19
+ text run at (0,0) width 112: "...except this one."
+ RenderBlock {UL} at (4,612) size 322x60
+ RenderListItem {LI} at (40,0) size 282x20
+ RenderText {#text} at (0,0) size 65x19
+ text run at (0,0) width 65: "This list..."
+ RenderListItem {LI} at (40,20) size 282x20
+ RenderText {#text} at (0,0) size 116x19
+ text run at (0,0) width 116: "...should feature..."
+ RenderListItem {LI} at (40,40) size 282x20
+ RenderText {#text} at (0,0) size 154x19
+ text run at (0,0) width 154: "...nothing for each item."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1classificationwhite_spaceexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/classification/white_space-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/classification/white_space-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/classification/white_space-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,80 @@
</span><ins>+layer at (0,0) size 936x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x56
+ RenderText {#text} at (0,0) size 227x56
+ text run at (0,0) width 188: ".one {white-space: pre;}"
+ text run at (187,0) width 1: " "
+ text run at (0,14) width 211: ".two {white-space: nowrap;}"
+ text run at (210,14) width 1: " "
+ text run at (0,28) width 227: ".three {white-space: normal;}"
+ text run at (226,28) width 1: " "
+ text run at (0,42) width 0: " "
+ RenderBlock {HR} at (0,105) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,123) size 784x100
+ RenderText {#text} at (0,0) size 576x99
+ text run at (0,0) width 0: " "
+ text run at (0,20) width 576: "This sentence should show extra space where there would ordinarily not be any."
+ text run at (575,20) width 1: " "
+ text run at (0,40) width 302: " There should also be preservation of returns"
+ text run at (301,40) width 1: " "
+ text run at (0,60) width 100: "as this sentence"
+ text run at (99,60) width 1: " "
+ text run at (0,80) width 189: " very clearly demonstrates."
+ text run at (188,80) width 1: " "
+ RenderBlock {P} at (0,239) size 784x20
+ RenderText {#text} at (0,0) size 906x19
+ text run at (0,0) width 906: "This sentence should not word-wrap, no matter how long the sentence is, as it has been set to nowrap and that should have the obvious effect."
+ RenderBlock {P} at (0,275) size 784x40
+ RenderText {#text} at (0,0) size 300x39
+ text run at (0,0) width 0: " "
+ text run at (0,20) width 300: "This sentence should show extra space, "
+ RenderInline {SPAN} at (0,0) size 160x19
+ RenderText {#text} at (299,20) size 160x19
+ text run at (299,20) width 87: "except in the "
+ text run at (385,20) width 74: "second half"
+ RenderText {#text} at (458,20) size 5x19
+ text run at (458,20) width 5: "."
+ text run at (462,20) width 1: " "
+ RenderTable {TABLE} at (0,331) size 928x230 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 926x228
+ RenderTableRow {TR} at (0,0) size 926x28
+ RenderTableCell {TD} at (0,0) size 926x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 926x200
+ RenderTableCell {TD} at (0,114) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 914x200 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 906x100
+ RenderText {#text} at (0,0) size 576x99
+ text run at (0,0) width 0: " "
+ text run at (0,20) width 576: "This sentence should show extra space where there would ordinarily not be any."
+ text run at (575,20) width 1: " "
+ text run at (0,40) width 302: " There should also be preservation of returns"
+ text run at (301,40) width 1: " "
+ text run at (0,60) width 100: "as this sentence"
+ text run at (99,60) width 1: " "
+ text run at (0,80) width 189: " very clearly demonstrates."
+ text run at (188,80) width 1: " "
+ RenderBlock {P} at (4,120) size 906x20
+ RenderText {#text} at (0,0) size 906x19
+ text run at (0,0) width 906: "This sentence should not word-wrap, no matter how long the sentence is, as it has been set to nowrap and that should have the obvious effect."
+ RenderBlock {P} at (4,156) size 906x40
+ RenderText {#text} at (0,0) size 300x39
+ text run at (0,0) width 0: " "
+ text run at (0,20) width 300: "This sentence should show extra space, "
+ RenderInline {SPAN} at (0,0) size 160x19
+ RenderText {#text} at (299,20) size 160x19
+ text run at (299,20) width 87: "except in the "
+ text run at (385,20) width 74: "second half"
+ RenderText {#text} at (458,20) size 5x19
+ text run at (458,20) width 5: "."
+ text run at (462,20) width 1: " "
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1color_and_backgroundbackgroundexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/color_and_background/background-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/color_and_background/background-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/color_and_background/background-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,90 @@
</span><ins>+layer at (0,0) size 800x769
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x769
+ RenderBlock {HTML} at (0,0) size 800x769
+ RenderBody {BODY} at (8,8) size 784x753 [bgcolor=#008000]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x56
+ RenderText {#text} at (0,0) size 632x56
+ text run at (0,0) width 632: "BODY {background: green url(../resources/oransqr.gif) repeat-x center top fixed;}"
+ text run at (631,0) width 1: " "
+ text run at (0,14) width 554: ".one {background: lime url(../resources/oransqr.gif) repeat-y 100% 0%;}"
+ text run at (553,14) width 1: " "
+ text run at (0,28) width 578: ".two {background: lime url(../resources/oransqr.gif) repeat-y center top;}"
+ text run at (577,28) width 1: " "
+ text run at (0,42) width 578: ".three {background: lime url(../resources/oransqr.gif) repeat-x left top;}"
+ text run at (577,42) width 1: " "
+ RenderBlock {HR} at (0,105) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,123) size 784x60
+ RenderText {#text} at (0,0) size 741x19
+ text run at (0,0) width 741: "This document should have a green background with an orange strip running across the entire top of the page, since"
+ RenderInline {CODE} at (0,0) size 63x14
+ RenderText {#text} at (0,25) size 63x14
+ text run at (0,25) width 63: "repeat-x"
+ RenderText {#text} at (62,20) size 769x39
+ text run at (62,20) width 308: " indicates tiling in both directions of the x-axis. "
+ text run at (369,20) width 305: "Furthermore, the strip should be fixed in place. "
+ text run at (673,20) width 96: "I'll have to add"
+ text run at (0,40) width 502: "extra text at the end of this page to make it long enough to scroll conveniently."
+ RenderBlock {P} at (0,199) size 784x60 [bgcolor=#00FF00]
+ RenderText {#text} at (0,0) size 777x59
+ text run at (0,0) width 758: "This paragraph should have a lime background and an orange strip which starts at the top right and runs to the bottom."
+ text run at (0,20) width 777: "Therefore, extra text would be in order, so that we can intelligently evaluate the performance of your browser in handling"
+ text run at (0,40) width 123: "these declarations. "
+ text run at (122,40) width 311: "Hey, I didn't say the page would be pretty, did I?"
+ RenderBlock {P} at (0,275) size 784x60 [bgcolor=#00FF00]
+ RenderText {#text} at (0,0) size 777x59
+ text run at (0,0) width 767: "This paragraph should have a lime background and an orange strip which starts at the center top and runs to the bottom."
+ text run at (0,20) width 777: "Therefore, extra text would be in order, so that we can intelligently evaluate the performance of your browser in handling"
+ text run at (0,40) width 123: "these declarations. "
+ text run at (122,40) width 311: "Hey, I didn't say the page would be pretty, did I?"
+ RenderBlock {P} at (0,351) size 784x60 [bgcolor=#00FF00]
+ RenderText {#text} at (0,0) size 777x59
+ text run at (0,0) width 758: "This paragraph should have a lime background and an orange strip which starts at the top left and runs to the top right."
+ text run at (0,20) width 777: "Therefore, extra text would be in order, so that we can intelligently evaluate the performance of your browser in handling"
+ text run at (0,40) width 123: "these declarations. "
+ text run at (122,40) width 311: "Hey, I didn't say the page would be pretty, did I?"
+ RenderTable {TABLE} at (0,427) size 784x326 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x324
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x296
+ RenderTableCell {TD} at (0,162) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x296 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x60
+ RenderText {#text} at (0,0) size 741x19
+ text run at (0,0) width 741: "This document should have a green background with an orange strip running across the entire top of the page, since"
+ RenderInline {CODE} at (0,0) size 63x14
+ RenderText {#text} at (0,25) size 63x14
+ text run at (0,25) width 63: "repeat-x"
+ RenderText {#text} at (62,20) size 742x39
+ text run at (62,20) width 308: " indicates tiling in both directions of the x-axis. "
+ text run at (369,20) width 305: "Furthermore, the strip should be fixed in place. "
+ text run at (673,20) width 69: "I'll have to"
+ text run at (0,40) width 530: "add extra text at the end of this page to make it long enough to scroll conveniently."
+ RenderBlock {P} at (4,80) size 762x60 [bgcolor=#00FF00]
+ RenderText {#text} at (0,0) size 758x59
+ text run at (0,0) width 758: "This paragraph should have a lime background and an orange strip which starts at the top right and runs to the bottom."
+ text run at (0,20) width 717: "Therefore, extra text would be in order, so that we can intelligently evaluate the performance of your browser in"
+ text run at (0,40) width 183: "handling these declarations. "
+ text run at (182,40) width 311: "Hey, I didn't say the page would be pretty, did I?"
+ RenderBlock {P} at (4,156) size 762x60 [bgcolor=#00FF00]
+ RenderText {#text} at (0,0) size 754x59
+ text run at (0,0) width 713: "This paragraph should have a lime background and an orange strip which starts at the center top and runs to the"
+ text run at (0,20) width 54: "bottom. "
+ text run at (53,20) width 701: "Therefore, extra text would be in order, so that we can intelligently evaluate the performance of your browser"
+ text run at (0,40) width 199: "in handling these declarations. "
+ text run at (198,40) width 311: "Hey, I didn't say the page would be pretty, did I?"
+ RenderBlock {P} at (4,232) size 762x60 [bgcolor=#00FF00]
+ RenderText {#text} at (0,0) size 758x59
+ text run at (0,0) width 758: "This paragraph should have a lime background and an orange strip which starts at the top left and runs to the top right."
+ text run at (0,20) width 717: "Therefore, extra text would be in order, so that we can intelligently evaluate the performance of your browser in"
+ text run at (0,40) width 183: "handling these declarations. "
+ text run at (182,40) width 311: "Hey, I didn't say the page would be pretty, did I?"
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1color_and_backgroundbackground_attachmentexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/color_and_background/background_attachment-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/color_and_background/background_attachment-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/color_and_background/background_attachment-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,180 @@
</span><ins>+layer at (0,0) size 858x1255
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x1255
+ RenderBlock {HTML} at (0,0) size 800x1255
+ RenderBody {BODY} at (8,8) size 784x1239 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x28
+ RenderText {#text} at (0,0) size 851x28
+ text run at (0,0) width 851: "BODY {background-image: url(../resources/bg.gif); background-repeat: repeat-x; background-attachment: fixed;}"
+ text run at (850,0) width 1: " "
+ text run at (0,14) width 0: " "
+ RenderBlock {HR} at (0,77) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,95) size 784x100
+ RenderText {#text} at (0,0) size 778x99
+ text run at (0,0) width 778: "This document should have a green grid-pattern line across the top of the page (or at least a tiled background) which does"
+ text run at (0,20) width 204: "NOT scroll with the document. "
+ text run at (203,20) width 563: "It should, instead, appear to be a fixed pattern past which the content scrolls, even when"
+ text run at (0,40) width 199: "the end of the page is reached. "
+ text run at (198,40) width 573: "In addition, the default Test Suite background should NOT appear, as it's been overridden"
+ text run at (0,60) width 176: "by the styles shown above. "
+ text run at (175,60) width 560: "I'll have to add a lot of extra text to the page in order to make all this something we can"
+ text run at (0,80) width 100: "actually check. "
+ text run at (99,80) width 231: "Don't worry, I'll think of something."
+ RenderBlock {P} at (0,211) size 784x20
+ RenderText {#text} at (0,0) size 518x19
+ text run at (0,0) width 426: "In fact, why not the relevant section from the CSS1 specification? "
+ text run at (425,0) width 93: "A capital idea."
+ RenderBlock {HR} at (0,247) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {HR} at (0,257) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {H4} at (0,280) size 784x21
+ RenderInline {A} at (0,0) size 222x19
+ RenderText {#text} at (0,0) size 222x19
+ text run at (0,0) width 222: "5.3.5 'background-attachment'"
+ RenderText {#text} at (0,0) size 0x0
+ RenderBlock {P} at (0,321) size 784x101
+ RenderInline {EM} at (0,0) size 41x19
+ RenderText {#text} at (0,0) size 41x19
+ text run at (0,0) width 41: "Value:"
+ RenderText {#text} at (40,0) size 85x19
+ text run at (40,0) width 85: " scroll | fixed"
+ RenderBR {BR} at (124,15) size 1x0
+ RenderInline {EM} at (0,0) size 45x19
+ RenderText {#text} at (0,20) size 45x19
+ text run at (0,20) width 45: "Initial:"
+ RenderText {#text} at (44,20) size 40x19
+ text run at (44,20) width 40: " scroll"
+ RenderBR {BR} at (83,35) size 1x0
+ RenderInline {EM} at (0,0) size 70x19
+ RenderText {#text} at (0,40) size 70x19
+ text run at (0,40) width 70: "Applies to:"
+ RenderText {#text} at (69,40) size 82x19
+ text run at (69,40) width 82: " all elements"
+ RenderBR {BR} at (150,55) size 1x0
+ RenderInline {EM} at (0,0) size 64x19
+ RenderText {#text} at (0,60) size 64x19
+ text run at (0,60) width 64: "Inherited:"
+ RenderText {#text} at (63,60) size 21x19
+ text run at (63,60) width 21: " no"
+ RenderBR {BR} at (83,75) size 1x0
+ RenderInline {EM} at (0,0) size 123x19
+ RenderText {#text} at (0,80) size 123x19
+ text run at (0,80) width 123: "Percentage values:"
+ RenderText {#text} at (122,80) size 33x19
+ text run at (122,80) width 33: " N/A"
+ RenderBR {BR} at (154,95) size 1x0
+ RenderBlock {P} at (0,437) size 784x41
+ RenderText {#text} at (0,0) size 783x39
+ text run at (0,0) width 783: "If a background image is specified, the value of 'background-attachment' determines if it is fixed with regard to the canvas"
+ text run at (0,20) width 237: "or if it scrolls along with the content."
+ RenderBlock {PRE} at (0,493) size 784x71
+ RenderText {#text} at (0,0) size 289x70
+ text run at (0,0) width 71: " BODY { "
+ text run at (70,0) width 1: " "
+ text run at (0,14) width 289: " background: red url(pendant.gif);"
+ text run at (288,14) width 1: " "
+ text run at (0,28) width 250: " background-repeat: repeat-y;"
+ text run at (249,28) width 1: " "
+ text run at (0,42) width 258: " background-attachment: fixed;"
+ text run at (257,42) width 1: " "
+ text run at (0,56) width 24: " }"
+ text run at (23,56) width 1: " "
+ RenderBlock {P} at (0,579) size 784x61
+ RenderInline {EM} at (0,0) size 72x19
+ RenderText {#text} at (0,0) size 72x19
+ text run at (0,0) width 72: "CSS1 core:"
+ RenderText {#text} at (71,0) size 777x59
+ text run at (71,0) width 685: " UAs may treat 'fixed' as 'scroll'. However, it is recommended they interpret 'fixed' correctly, at least on the"
+ text run at (0,20) width 777: "HTML and BODY elements, since there is no way for an author to provide an image only for those browsers that support"
+ text run at (0,40) width 43: "'fixed'."
+ RenderTable {TABLE} at (0,655) size 784x584 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x581
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x553
+ RenderTableCell {TD} at (0,290) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x553 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x100
+ RenderText {#text} at (0,0) size 761x99
+ text run at (0,0) width 745: "This document should have a green grid-pattern line across the top of the page (or at least a tiled background) which"
+ text run at (0,20) width 237: "does NOT scroll with the document. "
+ text run at (236,20) width 525: "It should, instead, appear to be a fixed pattern past which the content scrolls, even"
+ text run at (0,40) width 237: "when the end of the page is reached. "
+ text run at (236,40) width 501: "In addition, the default Test Suite background should NOT appear, as it's been"
+ text run at (0,60) width 250: "overridden by the styles shown above. "
+ text run at (249,60) width 510: "I'll have to add a lot of extra text to the page in order to make all this something"
+ text run at (0,80) width 149: "we can actually check. "
+ text run at (148,80) width 231: "Don't worry, I'll think of something."
+ RenderBlock {P} at (4,120) size 762x20
+ RenderText {#text} at (0,0) size 518x19
+ text run at (0,0) width 426: "In fact, why not the relevant section from the CSS1 specification? "
+ text run at (425,0) width 93: "A capital idea."
+ RenderBlock {HR} at (4,156) size 762x2 [border: (1px inset #000000)]
+ RenderBlock {HR} at (4,166) size 762x2 [border: (1px inset #000000)]
+ RenderBlock {H4} at (4,189) size 762x21
+ RenderInline {A} at (0,0) size 222x19
+ RenderText {#text} at (0,0) size 222x19
+ text run at (0,0) width 222: "5.3.5 'background-attachment'"
+ RenderText {#text} at (0,0) size 0x0
+ RenderBlock {P} at (4,230) size 762x101
+ RenderInline {EM} at (0,0) size 41x19
+ RenderText {#text} at (0,0) size 41x19
+ text run at (0,0) width 41: "Value:"
+ RenderText {#text} at (40,0) size 85x19
+ text run at (40,0) width 85: " scroll | fixed"
+ RenderBR {BR} at (124,15) size 1x0
+ RenderInline {EM} at (0,0) size 45x19
+ RenderText {#text} at (0,20) size 45x19
+ text run at (0,20) width 45: "Initial:"
+ RenderText {#text} at (44,20) size 40x19
+ text run at (44,20) width 40: " scroll"
+ RenderBR {BR} at (83,35) size 1x0
+ RenderInline {EM} at (0,0) size 70x19
+ RenderText {#text} at (0,40) size 70x19
+ text run at (0,40) width 70: "Applies to:"
+ RenderText {#text} at (69,40) size 82x19
+ text run at (69,40) width 82: " all elements"
+ RenderBR {BR} at (150,55) size 1x0
+ RenderInline {EM} at (0,0) size 64x19
+ RenderText {#text} at (0,60) size 64x19
+ text run at (0,60) width 64: "Inherited:"
+ RenderText {#text} at (63,60) size 21x19
+ text run at (63,60) width 21: " no"
+ RenderBR {BR} at (83,75) size 1x0
+ RenderInline {EM} at (0,0) size 123x19
+ RenderText {#text} at (0,80) size 123x19
+ text run at (0,80) width 123: "Percentage values:"
+ RenderText {#text} at (122,80) size 33x19
+ text run at (122,80) width 33: " N/A"
+ RenderBR {BR} at (154,95) size 1x0
+ RenderBlock {P} at (4,346) size 762x41
+ RenderText {#text} at (0,0) size 735x39
+ text run at (0,0) width 735: "If a background image is specified, the value of 'background-attachment' determines if it is fixed with regard to the"
+ text run at (0,20) width 284: "canvas or if it scrolls along with the content."
+ RenderBlock {PRE} at (4,402) size 762x71
+ RenderText {#text} at (0,0) size 289x70
+ text run at (0,0) width 71: " BODY { "
+ text run at (70,0) width 1: " "
+ text run at (0,14) width 289: " background: red url(pendant.gif);"
+ text run at (288,14) width 1: " "
+ text run at (0,28) width 250: " background-repeat: repeat-y;"
+ text run at (249,28) width 1: " "
+ text run at (0,42) width 258: " background-attachment: fixed;"
+ text run at (257,42) width 1: " "
+ text run at (0,56) width 24: " }"
+ text run at (23,56) width 1: " "
+ RenderBlock {P} at (4,488) size 762x61
+ RenderInline {EM} at (0,0) size 72x19
+ RenderText {#text} at (0,0) size 72x19
+ text run at (0,0) width 72: "CSS1 core:"
+ RenderText {#text} at (71,0) size 756x59
+ text run at (71,0) width 685: " UAs may treat 'fixed' as 'scroll'. However, it is recommended they interpret 'fixed' correctly, at least on the"
+ text run at (0,20) width 725: "HTML and BODY elements, since there is no way for an author to provide an image only for those browsers that"
+ text run at (0,40) width 95: "support 'fixed'."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1color_and_backgroundbackground_colorexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/color_and_background/background_color-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/color_and_background/background_color-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/color_and_background/background_color-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,83 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20 [bgcolor=#008000]
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x56
+ RenderText {#text} at (0,0) size 289x56
+ text run at (0,0) width 219: "P {background-color: green;}"
+ text run at (218,0) width 1: " "
+ text run at (0,14) width 235: ".one {background-color: lime;}"
+ text run at (234,14) width 1: " "
+ text run at (0,28) width 289: ".two {background-color: transparent;}"
+ text run at (288,28) width 1: " "
+ text run at (0,42) width 0: " "
+ RenderBlock {HR} at (0,105) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,123) size 784x20 [bgcolor=#008000]
+ RenderText {#text} at (0,0) size 282x19
+ text run at (0,0) width 282: "This element's background should be green."
+ RenderBlock {P} at (0,159) size 784x20 [bgcolor=#00FF00]
+ RenderText {#text} at (0,0) size 358x19
+ text run at (0,0) width 358: "This element's background should be lime (light green)."
+ RenderBlock {P} at (0,195) size 784x60 [bgcolor=#008000]
+ RenderText {#text} at (0,0) size 663x19
+ text run at (0,0) width 663: "This element's background should be green, and the last word in this sentence should also have a green "
+ RenderInline {SPAN} at (0,0) size 77x19
+ RenderText {#text} at (662,0) size 77x19
+ text run at (662,0) width 77: "background"
+ RenderText {#text} at (738,0) size 775x59
+ text run at (738,0) width 9: ". "
+ text run at (746,0) width 29: "This"
+ text run at (0,20) width 726: "is because the background color of the parent element (the paragraph) should \"shine through\" the SPANned word"
+ text run at (0,40) width 187: "\"sentence,\" which was set to "
+ RenderInline {CODE} at (0,0) size 87x14
+ RenderText {#text} at (186,45) size 87x14
+ text run at (186,45) width 87: "transparent"
+ RenderText {#text} at (272,40) size 403x19
+ text run at (272,40) width 9: ". "
+ text run at (280,40) width 395: "If the document background is visible, the browser is in error."
+ RenderBlock {P} at (0,271) size 784x20
+ RenderText {#text} at (0,0) size 754x19
+ text run at (0,0) width 469: "This element should allow the document background to \"shine through.\" "
+ text run at (468,0) width 286: "There should be no green backgrounds here!"
+ RenderTable {TABLE} at (0,307) size 784x206 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x204
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x176
+ RenderTableCell {TD} at (0,102) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x176 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x20 [bgcolor=#008000]
+ RenderText {#text} at (0,0) size 282x19
+ text run at (0,0) width 282: "This element's background should be green."
+ RenderBlock {P} at (4,40) size 762x20 [bgcolor=#00FF00]
+ RenderText {#text} at (0,0) size 358x19
+ text run at (0,0) width 358: "This element's background should be lime (light green)."
+ RenderBlock {P} at (4,76) size 762x60 [bgcolor=#008000]
+ RenderText {#text} at (0,0) size 663x19
+ text run at (0,0) width 663: "This element's background should be green, and the last word in this sentence should also have a green "
+ RenderInline {SPAN} at (0,0) size 77x19
+ RenderText {#text} at (662,0) size 77x19
+ text run at (662,0) width 77: "background"
+ RenderText {#text} at (738,0) size 758x59
+ text run at (738,0) width 5: "."
+ text run at (0,20) width 758: "This is because the background color of the parent element (the paragraph) should \"shine through\" the SPANned word"
+ text run at (0,40) width 187: "\"sentence,\" which was set to "
+ RenderInline {CODE} at (0,0) size 87x14
+ RenderText {#text} at (186,45) size 87x14
+ text run at (186,45) width 87: "transparent"
+ RenderText {#text} at (272,40) size 403x19
+ text run at (272,40) width 9: ". "
+ text run at (280,40) width 395: "If the document background is visible, the browser is in error."
+ RenderBlock {P} at (4,152) size 762x20
+ RenderText {#text} at (0,0) size 754x19
+ text run at (0,0) width 469: "This element should allow the document background to \"shine through.\" "
+ text run at (468,0) width 286: "There should be no green backgrounds here!"
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1color_and_backgroundbackground_imageexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/color_and_background/background_image-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/color_and_background/background_image-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/color_and_background/background_image-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,94 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x42
+ RenderText {#text} at (0,0) size 367x42
+ text run at (0,0) width 367: "P {background-image: url(../resources/bg.gif);}"
+ text run at (366,0) width 1: " "
+ text run at (0,14) width 235: ".one {background-image: none;}"
+ text run at (234,14) width 1: " "
+ text run at (0,28) width 0: " "
+ RenderBlock {HR} at (0,91) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,109) size 784x40
+ RenderText {#text} at (0,0) size 760x39
+ text run at (0,0) width 512: "This sentence should be backed by an image-- a green grid pattern, in this case. "
+ text run at (511,0) width 249: "The background image should also tile"
+ text run at (0,20) width 680: "along both axes, because no repeat direction is specified (specific tests for repeating are found elsewhere)."
+ RenderBlock {P} at (0,165) size 784x80
+ RenderText {#text} at (0,0) size 607x19
+ text run at (0,0) width 607: "This sentence should be backed by a repeated green-grid image, as should the last three words "
+ RenderInline {STRONG} at (0,0) size 105x19
+ RenderInline {SPAN} at (0,0) size 105x19
+ RenderText {#text} at (606,0) size 105x19
+ text run at (606,0) width 105: "in this sentence"
+ RenderText {#text} at (710,0) size 757x39
+ text run at (710,0) width 9: ". "
+ text run at (718,0) width 39: "If it is"
+ text run at (0,20) width 60: "not, then "
+ RenderInline {CODE} at (0,0) size 33x14
+ RenderText {#text} at (59,25) size 33x14
+ text run at (59,25) width 33: "none"
+ RenderText {#text} at (91,20) size 174x19
+ text run at (91,20) width 169: " is interpreted incorrectly. "
+ text run at (259,20) width 6: "("
+ RenderInline {CODE} at (0,0) size 32x14
+ RenderText {#text} at (264,25) size 32x14
+ text run at (264,25) width 32: "none"
+ RenderText {#text} at (295,20) size 763x59
+ text run at (295,20) width 468: " means that the element has no background image, allowing the parent to"
+ text run at (0,40) width 763: "\"shine through\" by default; since the parent of the words \"in this sentence\" is the paragraph, then the paragraph's image"
+ text run at (0,60) width 118: "should be visible.)"
+ RenderBlock {P} at (0,261) size 784x40
+ RenderText {#text} at (0,0) size 774x39
+ text run at (0,0) width 774: "This sentence should NOT be backed by a repeated green-grid image, allowing the page's background to \"shine through\""
+ text run at (0,20) width 50: "instead."
+ RenderTable {TABLE} at (0,317) size 784x230 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x228
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x200
+ RenderTableCell {TD} at (0,114) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x200 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x40
+ RenderText {#text} at (0,0) size 760x39
+ text run at (0,0) width 512: "This sentence should be backed by an image-- a green grid pattern, in this case. "
+ text run at (511,0) width 249: "The background image should also tile"
+ text run at (0,20) width 680: "along both axes, because no repeat direction is specified (specific tests for repeating are found elsewhere)."
+ RenderBlock {P} at (4,60) size 762x80
+ RenderText {#text} at (0,0) size 607x19
+ text run at (0,0) width 607: "This sentence should be backed by a repeated green-grid image, as should the last three words "
+ RenderInline {STRONG} at (0,0) size 105x19
+ RenderInline {SPAN} at (0,0) size 105x19
+ RenderText {#text} at (606,0) size 105x19
+ text run at (606,0) width 105: "in this sentence"
+ RenderText {#text} at (710,0) size 757x39
+ text run at (710,0) width 9: ". "
+ text run at (718,0) width 39: "If it is"
+ text run at (0,20) width 60: "not, then "
+ RenderInline {CODE} at (0,0) size 33x14
+ RenderText {#text} at (59,25) size 33x14
+ text run at (59,25) width 33: "none"
+ RenderText {#text} at (91,20) size 174x19
+ text run at (91,20) width 169: " is interpreted incorrectly. "
+ text run at (259,20) width 6: "("
+ RenderInline {CODE} at (0,0) size 32x14
+ RenderText {#text} at (264,25) size 32x14
+ text run at (264,25) width 32: "none"
+ RenderText {#text} at (295,20) size 747x59
+ text run at (295,20) width 452: " means that the element has no background image, allowing the parent"
+ text run at (0,40) width 737: "to \"shine through\" by default; since the parent of the words \"in this sentence\" is the paragraph, then the paragraph's"
+ text run at (0,60) width 161: "image should be visible.)"
+ RenderBlock {P} at (4,156) size 762x40
+ RenderText {#text} at (0,0) size 714x39
+ text run at (0,0) width 714: "This sentence should NOT be backed by a repeated green-grid image, allowing the page's background to \"shine"
+ text run at (0,20) width 110: "through\" instead."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1color_and_backgroundbackground_positionexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/color_and_background/background_position-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/color_and_background/background_position-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/color_and_background/background_position-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,146 @@
</span><ins>+layer at (0,0) size 800x1519
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x1519
+ RenderBlock {HTML} at (0,0) size 800x1519
+ RenderBody {BODY} at (8,8) size 784x1503 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x238
+ RenderText {#text} at (0,0) size 671x238
+ text run at (0,0) width 632: "BODY {background-image: url(../resources/bg.gif); background-position: right top;"
+ text run at (631,0) width 1: " "
+ text run at (0,14) width 281: " background-repeat: no-repeat;}"
+ text run at (280,14) width 1: " "
+ text run at (0,28) width 609: ".one {background-image: url(../resources/bg.gif); background-position: center;"
+ text run at (608,28) width 1: " "
+ text run at (0,42) width 469: " background-repeat: no-repeat; background-color: aqua;}"
+ text run at (468,42) width 1: " "
+ text run at (0,56) width 617: ".two {background-image: url(../resources/bg.gif); background-position: 50% 50%;"
+ text run at (616,56) width 1: " "
+ text run at (0,70) width 469: " background-repeat: no-repeat; background-color: aqua;}"
+ text run at (468,70) width 1: " "
+ text run at (0,84) width 671: ".three {background-image: url(../resources/bg.gif); background-position: bottom right;"
+ text run at (670,84) width 1: " "
+ text run at (0,98) width 484: " background-repeat: no-repeat; background-color: aqua;}"
+ text run at (483,98) width 1: " "
+ text run at (0,112) width 640: ".four {background-image: url(../resources/bg.gif); background-position: 100% 100%;"
+ text run at (639,112) width 1: " "
+ text run at (0,126) width 476: " background-repeat: no-repeat; background-color: aqua;}"
+ text run at (475,126) width 1: " "
+ text run at (0,140) width 617: ".five {background-image: url(../resources/bg.gif); background-position: 0% 50%;"
+ text run at (616,140) width 1: " "
+ text run at (0,154) width 476: " background-repeat: no-repeat; background-color: aqua;}"
+ text run at (475,154) width 1: " "
+ text run at (0,168) width 617: ".six {background-image: url(../resources/bg.gif); background-position: 75% 25%;"
+ text run at (616,168) width 1: " "
+ text run at (0,182) width 476: " background-repeat: no-repeat; background-color: aqua;}"
+ text run at (475,182) width 1: " "
+ text run at (0,196) width 648: ".seven {background-image: url(../resources/bg.gif); background-position: 20px 20px;"
+ text run at (647,196) width 1: " "
+ text run at (0,210) width 476: " background-repeat: no-repeat; background-color: aqua;}"
+ text run at (475,210) width 1: " "
+ text run at (0,224) width 0: " "
+ RenderBlock {HR} at (0,287) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,305) size 784x20
+ RenderText {#text} at (0,0) size 514x19
+ text run at (0,0) width 514: "This document should have a single, small green image in its upper right corner."
+ RenderBlock {P} at (0,341) size 784x60 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 784x59
+ text run at (0,0) width 753: "This paragraph should have a single, small green image exactly in its center; that is, the center of the image should be"
+ text run at (0,20) width 232: "fixed at the center of the paragraph. "
+ text run at (231,20) width 553: "The background color will make it easier to determine the edges of the paragraph, and"
+ text run at (0,40) width 268: "therefore allow you to calculate its center."
+ RenderBlock {P} at (0,417) size 784x60 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 784x59
+ text run at (0,0) width 753: "This paragraph should have a single, small green image exactly in its center; that is, the center of the image should be"
+ text run at (0,20) width 232: "fixed at the center of the paragraph. "
+ text run at (231,20) width 553: "The background color will make it easier to determine the edges of the paragraph, and"
+ text run at (0,40) width 268: "therefore allow you to calculate its center."
+ RenderBlock {P} at (0,493) size 784x60 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 765x59
+ text run at (0,0) width 748: "This paragraph should have a single, small green image in its lower-right corner; that is, the lower right corner of the"
+ text run at (0,20) width 418: "image should be fixed at the lower right corner of the paragraph. "
+ text run at (417,20) width 348: "The background color will make it easier to determine"
+ text run at (0,40) width 445: "the edges of the paragraph, and therefore allow you to see its corners."
+ RenderBlock {P} at (0,569) size 784x60 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 765x59
+ text run at (0,0) width 748: "This paragraph should have a single, small green image in its lower-right corner; that is, the lower right corner of the"
+ text run at (0,20) width 418: "image should be fixed at the lower right corner of the paragraph. "
+ text run at (417,20) width 348: "The background color will make it easier to determine"
+ text run at (0,40) width 445: "the edges of the paragraph, and therefore allow you to see its corners."
+ RenderBlock {P} at (0,645) size 784x60 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 776x59
+ text run at (0,0) width 741: "This paragraph should have a single, small green image exactly at the left center; that is, the left center of the image"
+ text run at (0,20) width 323: "should be fixed at the left center of the paragraph. "
+ text run at (322,20) width 454: "The background color will make it easier to determine the edges of the"
+ text run at (0,40) width 367: "paragraph, and therefore allow you to calculate its center."
+ RenderBlock {P} at (0,721) size 784x60 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 778x59
+ text run at (0,0) width 762: "This paragraph should have a single, small green image positioned 75% of the way across the element, and 25% down."
+ text run at (0,20) width 778: "The background color will make it easier to determine the edges of the paragraph, which should help in determining if all"
+ text run at (0,40) width 663: "this is so, and the extra text should make the element long enough for this test to be simpler to evaluate."
+ RenderBlock {P} at (0,797) size 784x80 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 777x79
+ text run at (0,0) width 764: "This paragraph should have a single, small green image positioned 20 pixels down and to the left of the upper left-hand"
+ text run at (0,20) width 777: "corner; that is, the upper left-hand corner of the image should be 20 pixels down and to the left of the upper-left corner of"
+ text run at (0,40) width 83: "the element. "
+ text run at (82,40) width 670: "The background color will make it easier to determine the edges of the paragraph, which should assist in"
+ text run at (0,60) width 124: "evaluating this test."
+ RenderTable {TABLE} at (0,893) size 784x610 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x608
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x580
+ RenderTableCell {TD} at (0,304) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x580 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x20
+ RenderText {#text} at (0,0) size 514x19
+ text run at (0,0) width 514: "This document should have a single, small green image in its upper right corner."
+ RenderBlock {P} at (4,40) size 762x60 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 757x59
+ text run at (0,0) width 753: "This paragraph should have a single, small green image exactly in its center; that is, the center of the image should be"
+ text run at (0,20) width 232: "fixed at the center of the paragraph. "
+ text run at (231,20) width 526: "The background color will make it easier to determine the edges of the paragraph,"
+ text run at (0,40) width 295: "and therefore allow you to calculate its center."
+ RenderBlock {P} at (4,116) size 762x60 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 757x59
+ text run at (0,0) width 753: "This paragraph should have a single, small green image exactly in its center; that is, the center of the image should be"
+ text run at (0,20) width 232: "fixed at the center of the paragraph. "
+ text run at (231,20) width 526: "The background color will make it easier to determine the edges of the paragraph,"
+ text run at (0,40) width 295: "and therefore allow you to calculate its center."
+ RenderBlock {P} at (4,192) size 762x60 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 748x59
+ text run at (0,0) width 748: "This paragraph should have a single, small green image in its lower-right corner; that is, the lower right corner of the"
+ text run at (0,20) width 418: "image should be fixed at the lower right corner of the paragraph. "
+ text run at (417,20) width 280: "The background color will make it easier to"
+ text run at (0,40) width 513: "determine the edges of the paragraph, and therefore allow you to see its corners."
+ RenderBlock {P} at (4,268) size 762x60 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 748x59
+ text run at (0,0) width 748: "This paragraph should have a single, small green image in its lower-right corner; that is, the lower right corner of the"
+ text run at (0,20) width 418: "image should be fixed at the lower right corner of the paragraph. "
+ text run at (417,20) width 280: "The background color will make it easier to"
+ text run at (0,40) width 513: "determine the edges of the paragraph, and therefore allow you to see its corners."
+ RenderBlock {P} at (4,344) size 762x60 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 752x59
+ text run at (0,0) width 741: "This paragraph should have a single, small green image exactly at the left center; that is, the left center of the image"
+ text run at (0,20) width 323: "should be fixed at the left center of the paragraph. "
+ text run at (322,20) width 430: "The background color will make it easier to determine the edges of"
+ text run at (0,40) width 391: "the paragraph, and therefore allow you to calculate its center."
+ RenderBlock {P} at (4,420) size 762x60 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 762x59
+ text run at (0,0) width 762: "This paragraph should have a single, small green image positioned 75% of the way across the element, and 25% down."
+ text run at (0,20) width 758: "The background color will make it easier to determine the edges of the paragraph, which should help in determining if"
+ text run at (0,40) width 683: "all this is so, and the extra text should make the element long enough for this test to be simpler to evaluate."
+ RenderBlock {P} at (4,496) size 762x80 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 759x79
+ text run at (0,0) width 733: "This paragraph should have a single, small green image positioned 20 pixels down and to the left of the upper left-"
+ text run at (0,20) width 750: "hand corner; that is, the upper left-hand corner of the image should be 20 pixels down and to the left of the upper-left"
+ text run at (0,40) width 145: "corner of the element. "
+ text run at (144,40) width 615: "The background color will make it easier to determine the edges of the paragraph, which should"
+ text run at (0,60) width 180: "assist in evaluating this test."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1color_and_backgroundbackground_repeatexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/color_and_background/background_repeat-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/color_and_background/background_repeat-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/color_and_background/background_repeat-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,310 @@
</span><ins>+layer at (0,0) size 866x1963
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x1963
+ RenderBlock {HTML} at (0,0) size 800x1963
+ RenderBody {BODY} at (8,8) size 784x1947 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x210
+ RenderText {#text} at (0,0) size 859x210
+ text run at (0,0) width 656: ".one {background-image: url(../resources/oransqr.gif); background-repeat: repeat-y;}"
+ text run at (655,0) width 1: " "
+ text run at (0,14) width 656: ".two {background-image: url(../resources/oransqr.gif); background-repeat: repeat-x;}"
+ text run at (655,14) width 1: " "
+ text run at (0,28) width 679: ".three {background-image: url(../resources/oransqr.gif); background-repeat: no-repeat;}"
+ text run at (678,28) width 1: " "
+ text run at (0,42) width 859: ".four {background-image: url(../resources/bg.gif); background-position: 50% 50%; background-repeat: repeat-y;}"
+ text run at (858,42) width 1: " "
+ text run at (0,56) width 687: ".five {background-image: url(../resources/crosshair2.gif); background-position: 50% 50%;"
+ text run at (686,56) width 1: " "
+ text run at (0,70) width 235: " background-color: red;}"
+ text run at (234,70) width 1: " "
+ text run at (0,84) width 703: ".six {background-image: url(../resources/crosshair2.gif); background-position: center top;"
+ text run at (702,84) width 1: " "
+ text run at (0,98) width 227: " background-color: red;}"
+ text run at (226,98) width 1: " "
+ text run at (0,112) width 703: ".seven {background-image: url(../resources/crosshair2.gif); background-position: top left;"
+ text run at (702,112) width 1: " "
+ text run at (0,126) width 242: " background-color: red;}"
+ text run at (241,126) width 1: " "
+ text run at (0,140) width 734: ".eight {background-image: url(../resources/crosshair2.gif); background-position: bottom right;"
+ text run at (733,140) width 1: " "
+ text run at (0,154) width 242: " background-color: red;}"
+ text run at (241,154) width 1: " "
+ text run at (0,168) width 687: ".nine {background-image: url(../resources/crosshair2.gif); background-position: 50% 50%;"
+ text run at (686,168) width 1: " "
+ text run at (0,182) width 235: " background-color: red;}"
+ text run at (234,182) width 1: " "
+ text run at (0,196) width 0: " "
+ RenderBlock {HR} at (0,259) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,277) size 784x60
+ RenderText {#text} at (0,0) size 779x39
+ text run at (0,0) width 779: "This sentence should have an orange stripe repeated in the \"y\" direction, starting at the upper left corner (since the default"
+ text run at (0,20) width 23: "for "
+ RenderInline {CODE} at (0,0) size 149x14
+ RenderText {#text} at (22,25) size 149x14
+ text run at (22,25) width 149: "background-position"
+ RenderText {#text} at (170,20) size 740x39
+ text run at (170,20) width 328: " is '0% 0%' and that property is not declared here). "
+ text run at (497,20) width 243: "This is extra text included for the sole"
+ text run at (0,40) width 264: "purpose of making the paragraph longer. "
+ text run at (263,40) width 224: "Thank you for your understanding."
+ RenderBlock {P} at (0,353) size 784x60
+ RenderText {#text} at (0,0) size 779x39
+ text run at (0,0) width 779: "This sentence should have an orange stripe repeated in the \"x\" direction, starting at the upper left corner (since the default"
+ text run at (0,20) width 23: "for "
+ RenderInline {CODE} at (0,0) size 149x14
+ RenderText {#text} at (22,25) size 149x14
+ text run at (22,25) width 149: "background-position"
+ RenderText {#text} at (170,20) size 740x39
+ text run at (170,20) width 328: " is '0% 0%' and that property is not declared here). "
+ text run at (497,20) width 243: "This is extra text included for the sole"
+ text run at (0,40) width 264: "purpose of making the paragraph longer. "
+ text run at (263,40) width 224: "Thank you for your understanding."
+ RenderBlock {P} at (0,429) size 784x60
+ RenderText {#text} at (0,0) size 712x19
+ text run at (0,0) width 712: "This sentence should have a single orange square behind it, placed at the upper left corner (since the default for"
+ RenderInline {CODE} at (0,0) size 149x14
+ RenderText {#text} at (0,25) size 149x14
+ text run at (0,25) width 149: "background-position"
+ RenderText {#text} at (148,20) size 772x39
+ text run at (148,20) width 327: " is '0% 0%' and that property is not declared here). "
+ text run at (474,20) width 298: "This is extra text included for the sole purpose"
+ text run at (0,40) width 209: "of making the paragraph longer. "
+ text run at (208,40) width 225: "Thank you for your understanding."
+ RenderBlock {P} at (0,505) size 784x80
+ RenderText {#text} at (0,0) size 778x39
+ text run at (0,0) width 778: "This sentence should have a green-hatch stripe running vertically down the center of the paragraph, with the origin image"
+ text run at (0,20) width 221: "exactly centered in the paragraph. "
+ text run at (220,20) width 103: "This is because "
+ RenderInline {CODE} at (0,0) size 63x14
+ RenderText {#text} at (322,25) size 63x14
+ text run at (322,25) width 63: "repeat-y"
+ RenderText {#text} at (384,20) size 119x19
+ text run at (384,20) width 119: " specifies tiling in "
+ RenderInline {EM} at (0,0) size 30x19
+ RenderText {#text} at (502,20) size 30x19
+ text run at (502,20) width 30: "both"
+ RenderText {#text} at (531,20) size 780x39
+ text run at (531,20) width 162: " directions on the y-axis. "
+ text run at (692,20) width 88: "Note that this"
+ text run at (0,40) width 275: "test is only valid if the user agent supports "
+ RenderInline {CODE} at (0,0) size 149x14
+ RenderText {#text} at (274,45) size 149x14
+ text run at (274,45) width 149: "background-position"
+ RenderText {#text} at (422,40) size 35x19
+ text run at (422,40) width 35: " (see "
+ RenderInline {A} at (0,0) size 59x19 [color=#0000FF]
+ RenderText {#text} at (456,40) size 59x19
+ text run at (456,40) width 59: "test 5.3.6"
+ RenderText {#text} at (514,40) size 772x39
+ text run at (514,40) width 14: "). "
+ text run at (527,40) width 245: "I'll fill the paragraph with extra text to"
+ text run at (0,60) width 350: "make the conformance (or lack thereof) more obvious."
+ RenderBlock {P} at (0,601) size 784x100 [bgcolor=#FF0000]
+ RenderText {#text} at (0,0) size 768x19
+ text run at (0,0) width 670: "This paragraph should have a tiled background, with the origin image exactly centered in the paragraph. "
+ text run at (669,0) width 99: "This is because"
+ RenderInline {CODE} at (0,0) size 133x14
+ RenderText {#text} at (0,25) size 133x14
+ text run at (0,25) width 133: "background-repeat"
+ RenderText {#text} at (132,20) size 119x19
+ text run at (132,20) width 119: " specifies tiling in "
+ RenderInline {EM} at (0,0) size 18x19
+ RenderText {#text} at (250,20) size 18x19
+ text run at (250,20) width 18: "all"
+ RenderText {#text} at (267,20) size 766x39
+ text run at (267,20) width 372: " directions, regardless of the position of the origin image. "
+ text run at (638,20) width 128: "Note that this test is"
+ text run at (0,40) width 234: "only valid if the user agent supports "
+ RenderInline {CODE} at (0,0) size 149x14
+ RenderText {#text} at (233,45) size 149x14
+ text run at (233,45) width 149: "background-position"
+ RenderText {#text} at (381,40) size 35x19
+ text run at (381,40) width 35: " (see "
+ RenderInline {A} at (0,0) size 59x19 [color=#0000FF]
+ RenderText {#text} at (415,40) size 59x19
+ text run at (415,40) width 59: "test 5.3.6"
+ RenderText {#text} at (473,40) size 782x59
+ text run at (473,40) width 14: "). "
+ text run at (486,40) width 284: "I'll fill the paragraph with extra text to make"
+ text run at (0,60) width 315: "the conformance (or lack thereof) more obvious. "
+ text run at (314,60) width 468: "A background color is present, although if it is visible then the image has"
+ text run at (0,80) width 144: "not bee correctly tiled."
+ RenderBlock {P} at (0,717) size 784x60 [bgcolor=#FF0000]
+ RenderText {#text} at (0,0) size 781x59
+ text run at (0,0) width 781: "This sentence should have a fully tiled background which starts at its center top; that is, the background's origin should be"
+ text run at (0,20) width 283: "the exact center of the top of the paragraph. "
+ text run at (282,20) width 461: "I'll fill it with extra text to make the conformance (or lack thereof) more"
+ text run at (0,40) width 59: "obvious. "
+ text run at (58,40) width 668: "A background color is present, although if it is visible, then the image may not have been tiled correctly."
+ RenderBlock {P} at (0,793) size 784x60 [bgcolor=#FF0000]
+ RenderText {#text} at (0,0) size 769x59
+ text run at (0,0) width 499: "This sentence should have a fully tiled background which starts at its top left. "
+ text run at (498,0) width 229: "I'll fill it with extra text to make the"
+ text run at (0,20) width 291: "conformance (or lack thereof) more obvious. "
+ text run at (290,20) width 479: "A background color is present, although if it is visible, then the image may"
+ text run at (0,40) width 186: "not have been tiled correctly."
+ RenderBlock {P} at (0,869) size 784x80 [bgcolor=#FF0000]
+ RenderText {#text} at (0,0) size 778x79
+ text run at (0,0) width 778: "This sentence should have a fully tiled background which starts at its bottom right; in other words, a complete instance of"
+ text run at (0,20) width 702: "the image should be anchored in the bottom right corner, with the tiled background extending out from there. "
+ text run at (701,20) width 54: "I'll fill it"
+ text run at (0,40) width 467: "with extra text to make the conformance (or lack thereof) more obvious. "
+ text run at (466,40) width 298: "A background color is present, although if it is"
+ text run at (0,60) width 366: "visible, then the image may not have been tiled correctly."
+ RenderBlock {P} at (0,965) size 784x120 [bgcolor=#FF0000]
+ RenderText {#text} at (0,0) size 783x119
+ text run at (0,0) width 737: "This sentence should have a fully tiled background which starts at its center and is tiled in all directions; that is, the"
+ text run at (0,20) width 414: "background's origin should be the exact center of the paragraph. "
+ text run at (413,20) width 370: "I'll fill it with extra text to make the conformance (or lack"
+ text run at (0,40) width 151: "thereof) more obvious. "
+ text run at (150,40) width 454: "In fact, a lot of extra text will be necessary to make this at all obvious. "
+ text run at (603,40) width 160: "This is true because I am"
+ text run at (0,60) width 765: "not able to increase the text size without resorting to either headings or other CSS properties, neither of which I want to"
+ text run at (0,80) width 162: "use in this circumstance. "
+ text run at (161,80) width 245: "This ought to be enough text, though. "
+ text run at (405,80) width 349: "A background color is present, although if it is visible,"
+ text run at (0,100) width 315: "then the image may not have been tiled correctly."
+ RenderTable {TABLE} at (0,1101) size 784x846 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x844
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x816
+ RenderTableCell {TD} at (0,422) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x816 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x60
+ RenderText {#text} at (0,0) size 731x39
+ text run at (0,0) width 731: "This sentence should have an orange stripe repeated in the \"y\" direction, starting at the upper left corner (since the"
+ text run at (0,20) width 72: "default for "
+ RenderInline {CODE} at (0,0) size 149x14
+ RenderText {#text} at (71,25) size 149x14
+ text run at (71,25) width 149: "background-position"
+ RenderText {#text} at (219,20) size 759x39
+ text run at (219,20) width 327: " is '0% 0%' and that property is not declared here). "
+ text run at (545,20) width 214: "This is extra text included for the"
+ text run at (0,40) width 294: "sole purpose of making the paragraph longer. "
+ text run at (293,40) width 224: "Thank you for your understanding."
+ RenderBlock {P} at (4,80) size 762x60
+ RenderText {#text} at (0,0) size 731x39
+ text run at (0,0) width 731: "This sentence should have an orange stripe repeated in the \"x\" direction, starting at the upper left corner (since the"
+ text run at (0,20) width 72: "default for "
+ RenderInline {CODE} at (0,0) size 149x14
+ RenderText {#text} at (71,25) size 149x14
+ text run at (71,25) width 149: "background-position"
+ RenderText {#text} at (219,20) size 759x39
+ text run at (219,20) width 327: " is '0% 0%' and that property is not declared here). "
+ text run at (545,20) width 214: "This is extra text included for the"
+ text run at (0,40) width 294: "sole purpose of making the paragraph longer. "
+ text run at (293,40) width 224: "Thank you for your understanding."
+ RenderBlock {P} at (4,156) size 762x60
+ RenderText {#text} at (0,0) size 712x19
+ text run at (0,0) width 712: "This sentence should have a single orange square behind it, placed at the upper left corner (since the default for"
+ RenderInline {CODE} at (0,0) size 149x14
+ RenderText {#text} at (0,25) size 149x14
+ text run at (0,25) width 149: "background-position"
+ RenderText {#text} at (148,20) size 717x39
+ text run at (148,20) width 327: " is '0% 0%' and that property is not declared here). "
+ text run at (474,20) width 243: "This is extra text included for the sole"
+ text run at (0,40) width 264: "purpose of making the paragraph longer. "
+ text run at (263,40) width 224: "Thank you for your understanding."
+ RenderBlock {P} at (4,232) size 762x80
+ RenderText {#text} at (0,0) size 734x39
+ text run at (0,0) width 734: "This sentence should have a green-hatch stripe running vertically down the center of the paragraph, with the origin"
+ text run at (0,20) width 264: "image exactly centered in the paragraph. "
+ text run at (263,20) width 103: "This is because "
+ RenderInline {CODE} at (0,0) size 63x14
+ RenderText {#text} at (365,25) size 63x14
+ text run at (365,25) width 63: "repeat-y"
+ RenderText {#text} at (427,20) size 119x19
+ text run at (427,20) width 119: " specifies tiling in "
+ RenderInline {EM} at (0,0) size 30x19
+ RenderText {#text} at (545,20) size 30x19
+ text run at (545,20) width 30: "both"
+ RenderText {#text} at (574,20) size 732x39
+ text run at (574,20) width 158: " directions on the y-axis."
+ text run at (0,40) width 365: "Note that this test is only valid if the user agent supports "
+ RenderInline {CODE} at (0,0) size 149x14
+ RenderText {#text} at (364,45) size 149x14
+ text run at (364,45) width 149: "background-position"
+ RenderText {#text} at (512,40) size 35x19
+ text run at (512,40) width 35: " (see "
+ RenderInline {A} at (0,0) size 59x19 [color=#0000FF]
+ RenderText {#text} at (546,40) size 59x19
+ text run at (546,40) width 59: "test 5.3.6"
+ RenderText {#text} at (604,40) size 750x39
+ text run at (604,40) width 14: "). "
+ text run at (617,40) width 133: "I'll fill the paragraph"
+ text run at (0,60) width 463: "with extra text to make the conformance (or lack thereof) more obvious."
+ RenderBlock {P} at (4,328) size 762x100 [bgcolor=#FF0000]
+ RenderText {#text} at (0,0) size 714x39
+ text run at (0,0) width 670: "This paragraph should have a tiled background, with the origin image exactly centered in the paragraph. "
+ text run at (669,0) width 45: "This is"
+ text run at (0,20) width 55: "because "
+ RenderInline {CODE} at (0,0) size 134x14
+ RenderText {#text} at (54,25) size 134x14
+ text run at (54,25) width 134: "background-repeat"
+ RenderText {#text} at (187,20) size 119x19
+ text run at (187,20) width 119: " specifies tiling in "
+ RenderInline {EM} at (0,0) size 18x19
+ RenderText {#text} at (305,20) size 18x19
+ text run at (305,20) width 18: "all"
+ RenderText {#text} at (322,20) size 753x39
+ text run at (322,20) width 371: " directions, regardless of the position of the origin image. "
+ text run at (692,20) width 61: "Note that"
+ text run at (0,40) width 302: "this test is only valid if the user agent supports "
+ RenderInline {CODE} at (0,0) size 149x14
+ RenderText {#text} at (301,45) size 149x14
+ text run at (301,45) width 149: "background-position"
+ RenderText {#text} at (449,40) size 35x19
+ text run at (449,40) width 35: " (see "
+ RenderInline {A} at (0,0) size 59x19 [color=#0000FF]
+ RenderText {#text} at (483,40) size 59x19
+ text run at (483,40) width 59: "test 5.3.6"
+ RenderText {#text} at (541,40) size 755x59
+ text run at (541,40) width 14: "). "
+ text run at (554,40) width 201: "I'll fill the paragraph with extra"
+ text run at (0,60) width 398: "text to make the conformance (or lack thereof) more obvious. "
+ text run at (397,60) width 345: "A background color is present, although if it is visible"
+ text run at (0,80) width 268: "then the image has not bee correctly tiled."
+ RenderBlock {P} at (4,444) size 762x60 [bgcolor=#FF0000]
+ RenderText {#text} at (0,0) size 762x59
+ text run at (0,0) width 761: "This sentence should have a fully tiled background which starts at its center top; that is, the background's origin should"
+ text run at (0,20) width 302: "be the exact center of the top of the paragraph. "
+ text run at (301,20) width 461: "I'll fill it with extra text to make the conformance (or lack thereof) more"
+ text run at (0,40) width 59: "obvious. "
+ text run at (58,40) width 668: "A background color is present, although if it is visible, then the image may not have been tiled correctly."
+ RenderBlock {P} at (4,520) size 762x60 [bgcolor=#FF0000]
+ RenderText {#text} at (0,0) size 738x59
+ text run at (0,0) width 499: "This sentence should have a fully tiled background which starts at its top left. "
+ text run at (498,0) width 229: "I'll fill it with extra text to make the"
+ text run at (0,20) width 291: "conformance (or lack thereof) more obvious. "
+ text run at (290,20) width 448: "A background color is present, although if it is visible, then the image"
+ text run at (0,40) width 217: "may not have been tiled correctly."
+ RenderBlock {P} at (4,596) size 762x80 [bgcolor=#FF0000]
+ RenderText {#text} at (0,0) size 762x79
+ text run at (0,0) width 760: "This sentence should have a fully tiled background which starts at its bottom right; in other words, a complete instance"
+ text run at (0,20) width 719: "of the image should be anchored in the bottom right corner, with the tiled background extending out from there. "
+ text run at (718,20) width 41: "I'll fill"
+ text run at (0,40) width 479: "it with extra text to make the conformance (or lack thereof) more obvious. "
+ text run at (478,40) width 284: "A background color is present, although if it"
+ text run at (0,60) width 381: "is visible, then the image may not have been tiled correctly."
+ RenderBlock {P} at (4,692) size 762x120 [bgcolor=#FF0000]
+ RenderText {#text} at (0,0) size 761x119
+ text run at (0,0) width 737: "This sentence should have a fully tiled background which starts at its center and is tiled in all directions; that is, the"
+ text run at (0,20) width 414: "background's origin should be the exact center of the paragraph. "
+ text run at (413,20) width 339: "I'll fill it with extra text to make the conformance (or"
+ text run at (0,40) width 181: "lack thereof) more obvious. "
+ text run at (180,40) width 455: "In fact, a lot of extra text will be necessary to make this at all obvious. "
+ text run at (634,40) width 127: "This is true because"
+ text run at (0,60) width 746: "I am not able to increase the text size without resorting to either headings or other CSS properties, neither of which I"
+ text run at (0,80) width 213: "want to use in this circumstance. "
+ text run at (212,80) width 245: "This ought to be enough text, though. "
+ text run at (456,80) width 299: "A background color is present, although if it is"
+ text run at (0,100) width 366: "visible, then the image may not have been tiled correctly."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1color_and_backgroundcolorexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/color_and_background/color-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/color_and_background/color-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/color_and_background/color-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x28
+ RenderText {#text} at (0,0) size 157x28
+ text run at (0,0) width 157: ".one {color: green;}"
+ text run at (156,0) width 1: " "
+ text run at (0,14) width 0: " "
+ RenderBlock {HR} at (0,77) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,95) size 784x20 [color=#008000]
+ RenderText {#text} at (0,0) size 197x19
+ text run at (0,0) width 197: "This sentence should be green."
+ RenderBlock {P} at (0,131) size 784x20 [color=#008000]
+ RenderText {#text} at (0,0) size 197x19
+ text run at (0,0) width 197: "This sentence should be green."
+ RenderTable {TABLE} at (0,167) size 219x94 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 217x92
+ RenderTableRow {TR} at (0,0) size 217x28
+ RenderTableCell {TD} at (0,0) size 217x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 217x64
+ RenderTableCell {TD} at (0,46) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 205x64 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 197x20 [color=#008000]
+ RenderText {#text} at (0,0) size 197x19
+ text run at (0,0) width 197: "This sentence should be green."
+ RenderBlock {P} at (4,40) size 197x20 [color=#008000]
+ RenderText {#text} at (0,0) size 197x19
+ text run at (0,0) width 197: "This sentence should be green."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1conformanceforward_compatible_parsingexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/conformance/forward_compatible_parsing-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/conformance/forward_compatible_parsing-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/conformance/forward_compatible_parsing-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,545 @@
</span><ins>+layer at (0,0) size 800x4213
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x4213
+ RenderBlock {HTML} at (0,0) size 800x4213
+ RenderBody {BODY} at (8,8) size 784x4197 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x756
+ RenderText {#text} at (0,0) size 554x756
+ text run at (0,0) width 297: "P.one {color: green; rotation: 70deg;}"
+ text run at (296,0) width 1: " "
+ text run at (0,14) width 172: "P.oneb {color: green;}"
+ text run at (171,14) width 1: " "
+ text run at (0,28) width 227: "P.oneb {color: invalidValue;}"
+ text run at (226,28) width 1: " "
+ text run at (0,42) width 266: "P.two {background-color: inherit;}"
+ text run at (265,42) width 1: " "
+ text run at (0,56) width 211: "H1 + P.three {color: blue;}"
+ text run at (210,56) width 1: " "
+ text run at (0,70) width 196: "P.four + H1 {color: red;}"
+ text run at (195,70) width 1: " "
+ text run at (0,84) width 258: "P.five {background-color: \"red\";}"
+ text run at (257,84) width 1: " "
+ text run at (0,98) width 398: "P.sixa {border-width: medium; border-style: solid;}"
+ text run at (397,98) width 1: " "
+ text run at (0,112) width 391: "P.sixb {border-width: funny; border-style: solid;}"
+ text run at (390,112) width 1: " "
+ text run at (0,126) width 383: "P.sixc {border-width: 50zu; border-style: solid;}"
+ text run at (382,126) width 1: " "
+ text run at (0,140) width 367: "P.sixd {border-width: px; border-style: solid;}"
+ text run at (366,140) width 1: " "
+ text run at (0,154) width 94: "@three-dee {"
+ text run at (93,154) width 1: " "
+ text run at (0,168) width 180: " @background-lighting {"
+ text run at (179,168) width 1: " "
+ text run at (0,182) width 133: " azimuth: 30deg;"
+ text run at (132,182) width 1: " "
+ text run at (0,196) width 157: " elevation: 190deg;"
+ text run at (156,196) width 1: " "
+ text run at (0,210) width 24: " }"
+ text run at (23,210) width 1: " "
+ text run at (0,224) width 180: " P.seven { color: red }"
+ text run at (179,224) width 1: " "
+ text run at (0,238) width 16: " }"
+ text run at (15,238) width 1: " "
+ text run at (0,252) width 180: "P.eight {COLOR: GREEN;}"
+ text run at (179,252) width 1: " "
+ text run at (0,266) width 188: "OL:wait {color: maroon;}"
+ text run at (187,266) width 1: " "
+ text run at (0,280) width 266: "P.ten:first-child {color: maroon;}"
+ text run at (265,280) width 1: " "
+ text run at (0,294) width 203: "UL:lang(fr) {color: gray;}"
+ text run at (202,294) width 1: " "
+ text run at (0,308) width 242: "BLOCKQUOTE[href] {color: navy;}"
+ text run at (241,308) width 1: " "
+ text run at (0,322) width 281: "ACRONYM[href=\"foo\"] {color: purple;}"
+ text run at (280,322) width 1: " "
+ text run at (0,336) width 289: "ADDRESS[href~=\"foo\"] {color: purple;}"
+ text run at (288,336) width 1: " "
+ text run at (0,350) width 242: "SPAN[lang|=\"fr\"] {color: #c37;}"
+ text run at (241,350) width 1: " "
+ text run at (0,364) width 94: "@media tty {"
+ text run at (93,364) width 1: " "
+ text run at (0,378) width 133: " H1 {color: red;}"
+ text run at (132,378) width 1: " "
+ text run at (0,392) width 188: " P.sixteen {color: red;}"
+ text run at (187,392) width 1: " "
+ text run at (0,406) width 16: " }"
+ text run at (15,406) width 1: " "
+ text run at (0,420) width 94: "@three-dee {"
+ text run at (93,420) width 1: " "
+ text run at (0,434) width 203: " P.seventeen {color: red }"
+ text run at (202,434) width 1: " "
+ text run at (0,448) width 16: " }"
+ text run at (15,448) width 1: " "
+ text run at (0,462) width 554: "P.eighteena {text-decoration: underline overline line-through diagonal;"
+ text run at (553,462) width 1: " "
+ text run at (0,476) width 406: " font: bold highlighted 100% sans-serif;}"
+ text run at (405,476) width 1: " "
+ text run at (0,490) width 554: "P.eighteenb {text-decoration: underline overline line-through diagonal;"
+ text run at (553,490) width 1: " "
+ text run at (0,504) width 367: " font: bold highlighted 100% serif;}"
+ text run at (366,504) width 1: " "
+ text run at (0,518) width 375: "EM, P.nineteena ! EM, STRONG {font-size: 200%; }"
+ text run at (374,518) width 1: " "
+ text run at (0,532) width 0: " "
+ text run at (0,546) width 125: "// UL.nineteenb,"
+ text run at (124,546) width 1: " "
+ text run at (0,560) width 196: "P.nineteenb {color: red;}"
+ text run at (195,560) width 1: " "
+ text run at (0,574) width 0: " "
+ text run at (0,588) width 352: "P.twentya {rotation-code: \"}\"; color: blue;} "
+ text run at (351,588) width 1: " "
+ text run at (0,602) width 383: "P.twentyb {rotation-code: \"\\\"}\\\"\"; color: green;}"
+ text run at (382,602) width 1: " "
+ text run at (0,616) width 391: "P.twentyonea {rotation-code: '}'; color: purple;} "
+ text run at (390,616) width 1: " "
+ text run at (0,630) width 406: "P.twentyoneb {rotation-code: '\\'}\\''; color: green;}"
+ text run at (405,630) width 1: " "
+ text run at (0,644) width 102: "P.twentytwo {"
+ text run at (101,644) width 1: " "
+ text run at (0,658) width 367: " type-display: @threedee {rotation-code: '}';};"
+ text run at (366,658) width 1: " "
+ text run at (0,672) width 110: " color: green;"
+ text run at (109,672) width 1: " "
+ text run at (0,686) width 16: " }"
+ text run at (15,686) width 1: " "
+ text run at (0,700) width 274: "P.twentythree {text-indent: 0.5in;}"
+ text run at (273,700) width 1: " "
+ text run at (0,714) width 110: " color: maroon"
+ text run at (109,714) width 1: " "
+ text run at (0,728) width 203: "P.twentyfour {color: red;}"
+ text run at (202,728) width 1: " "
+ text run at (0,742) width 0: " "
+ RenderBlock {HR} at (0,805) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,823) size 784x20 [color=#008000]
+ RenderText {#text} at (0,0) size 493x19
+ text run at (0,0) width 493: "This paragraph should be green, because only the rotation should be ignored."
+ RenderBlock {P} at (0,859) size 784x20 [color=#008000]
+ RenderText {#text} at (0,0) size 634x19
+ text run at (0,0) width 634: "This paragraph should be green, since error-checking should be done before calculating specificity."
+ RenderBlock {P} at (0,895) size 784x40
+ RenderText {#text} at (0,0) size 568x19
+ text run at (0,0) width 568: "This paragraph should have a solid gray background (or a white grid), because in CSS1, "
+ RenderInline {CODE} at (0,0) size 56x14
+ RenderText {#text} at (567,5) size 56x14
+ text run at (567,5) width 56: "inherit"
+ RenderText {#text} at (622,0) size 769x39
+ text run at (622,0) width 147: " is an invalid keyword,"
+ text run at (0,20) width 530: "and in CSS2, it will cause the gray background (not the white grid) to be inherited."
+ RenderBlock {P} at (0,951) size 784x20
+ RenderText {#text} at (0,0) size 649x19
+ text run at (0,0) width 649: "This paragraph should be black, since in CSS1, the selector is invalid, and in CSS2, it does not apply."
+ RenderBlock {P} at (0,987) size 784x20
+ RenderText {#text} at (0,0) size 649x19
+ text run at (0,0) width 649: "This paragraph should be black, since in CSS1, the selector is invalid, and in CSS2, it does not apply."
+ RenderBlock {P} at (0,1023) size 784x20
+ RenderText {#text} at (0,0) size 532x19
+ text run at (0,0) width 532: "This paragraph should have a white background, since keywords cannot be quoted."
+ RenderBlock {P} at (0,1059) size 784x46 [border: (3px solid #000000)]
+ RenderText {#text} at (3,3) size 770x39
+ text run at (3,3) width 656: "This paragraph should have a medium-width border around it (the same as the next three paragraphs). "
+ text run at (658,3) width 115: "This should cause"
+ text run at (3,23) width 325: "the user agent to use the default value of 'medium'."
+ RenderBlock {P} at (0,1121) size 784x46 [border: (3px solid #000000)]
+ RenderText {#text} at (3,3) size 754x39
+ text run at (3,3) width 754: "This paragraph should have a medium-width border around it (the same as the previous and the next two paragraphs),"
+ text run at (3,23) width 233: "because the border-width is invalid. "
+ text run at (235,23) width 444: "This should cause the user agent to use the default value of 'medium'."
+ RenderBlock {P} at (0,1183) size 784x66 [border: (3px solid #000000)]
+ RenderText {#text} at (3,3) size 768x59
+ text run at (3,3) width 754: "This paragraph should have a medium-width border around it (the same as the next and the previous two paragraphs),"
+ text run at (3,23) width 599: "because the border-width units are invalid, and therefore the border-width should be ignored. "
+ text run at (601,23) width 170: "This should cause the user"
+ text run at (3,43) width 271: "agent to use the default value of 'medium'."
+ RenderBlock {P} at (0,1265) size 784x66 [border: (3px solid #000000)]
+ RenderText {#text} at (3,3) size 766x59
+ text run at (3,3) width 758: "This paragraph should have a medium-width border around it (the same as the previous three paragraphs), because the"
+ text run at (3,23) width 558: "border-width does not have any value to go with its pixel unit, and is therefore invalid. "
+ text run at (560,23) width 209: "This should cause the user agent"
+ text run at (3,43) width 232: "to use the default value of 'medium'."
+ RenderBlock {P} at (0,1347) size 784x20
+ RenderText {#text} at (0,0) size 676x19
+ text run at (0,0) width 676: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule."
+ RenderBlock {P} at (0,1383) size 784x40 [color=#008000]
+ RenderText {#text} at (0,0) size 776x39
+ text run at (0,0) width 210: "This paragraph should be green. "
+ text run at (209,0) width 567: "CSS is case-insensitive, unless required to be case sensitive due to interaction with other"
+ text run at (0,20) width 241: "standards (e.g., font names or URLs.)"
+ RenderBlock {OL} at (0,1439) size 784x20
+ RenderListItem {LI} at (40,0) size 744x20
+ RenderListMarker at (-21,0) size 16x19: "1"
+ RenderText {#text} at (0,0) size 635x19
+ text run at (0,0) width 635: "This ordered list item should be black, because the declaration has an invalid pseudo-class selector."
+ RenderBlock {P} at (0,1475) size 784x40
+ RenderText {#text} at (0,0) size 766x39
+ text run at (0,0) width 766: "This paragraph should be black, because, in CSS1, :first-child is an invalid pseudo-class, and in CSS2, this paragraph is"
+ text run at (0,20) width 114: "not the first child."
+ RenderBlock {UL} at (0,1531) size 784x40
+ RenderListItem {LI} at (40,0) size 744x40
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 704x39
+ text run at (0,0) width 704: "This unordered list item should be black, because, according to CSS1, the selector is invalid, and according to"
+ text run at (0,20) width 232: "CSS2, the selector should not apply."
+ RenderBlock {BLOCKQUOTE} at (40,1587) size 704x40
+ RenderText {#text} at (0,0) size 699x39
+ text run at (0,0) width 699: "This blockquote should be black, because, according to CSS1, the selector is invalid, and according to CSS2,"
+ text run at (0,20) width 187: "the selector should not apply."
+ RenderBlock {P} at (0,1643) size 784x40
+ RenderInline {ACRONYM} at (0,0) size 761x39
+ RenderText {#text} at (0,0) size 761x39
+ text run at (0,0) width 761: "This acronym should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector"
+ text run at (0,20) width 110: "should not apply."
+ RenderBlock {ADDRESS} at (0,1699) size 784x40
+ RenderText {#text} at (0,0) size 756x39
+ text run at (0,0) width 756: "This address should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector"
+ text run at (0,20) width 110: "should not apply."
+ RenderBlock {P} at (0,1755) size 784x40
+ RenderInline {SPAN} at (0,0) size 781x39
+ RenderText {#text} at (0,0) size 781x39
+ text run at (0,0) width 781: "This span should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector should"
+ text run at (0,20) width 63: "not apply."
+ RenderBlock {P} at (0,1811) size 784x40
+ RenderText {#text} at (0,0) size 770x39
+ text run at (0,0) width 680: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule. "
+ text run at (679,0) width 91: "However, it is"
+ text run at (0,20) width 602: "valid in CSS2, so if this is being viewed on a tty browser that supports CSS2, it should be red."
+ RenderBlock {P} at (0,1867) size 784x20
+ RenderText {#text} at (0,0) size 676x19
+ text run at (0,0) width 676: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule."
+ RenderBlock {P} at (0,1903) size 784x80
+ RenderText {#text} at (0,0) size 753x19
+ text run at (0,0) width 753: "The text of this paragraph should be normal (that is, it should not be underlined, overlined, stricken, or bold), because"
+ RenderInline {CODE} at (0,0) size 63x14
+ RenderText {#text} at (0,25) size 63x14
+ text run at (0,25) width 63: "diagonal"
+ RenderText {#text} at (62,20) size 231x19
+ text run at (62,20) width 231: " is not a valid keyword, making the "
+ RenderInline {CODE} at (0,0) size 118x14
+ RenderText {#text} at (292,25) size 118x14
+ text run at (292,25) width 118: "text-decoration"
+ RenderText {#text} at (409,20) size 135x19
+ text run at (409,20) width 57: " invalid. "
+ text run at (465,20) width 79: "In addition, "
+ RenderInline {CODE} at (0,0) size 87x14
+ RenderText {#text} at (543,25) size 87x14
+ text run at (543,25) width 87: "highlighted"
+ RenderText {#text} at (629,20) size 762x39
+ text run at (629,20) width 133: " is not a valid part of"
+ text run at (0,40) width 24: "the "
+ RenderInline {CODE} at (0,0) size 32x14
+ RenderText {#text} at (23,45) size 32x14
+ text run at (23,45) width 32: "font"
+ RenderText {#text} at (54,40) size 732x39
+ text run at (54,40) width 184: " property, making it invalid. "
+ text run at (237,40) width 495: "Therefore, this paragraph's font should be the UA default, and match the next"
+ text run at (0,60) width 72: "paragraph. "
+ text run at (71,60) width 197: "If this is not the case, then the "
+ RenderInline {CODE} at (0,0) size 32x14
+ RenderText {#text} at (267,65) size 32x14
+ text run at (267,65) width 32: "font"
+ RenderText {#text} at (298,60) size 255x19
+ text run at (298,60) width 255: " declaration is being improperly parsed."
+ RenderBlock {P} at (0,1999) size 784x80
+ RenderText {#text} at (0,0) size 753x19
+ text run at (0,0) width 753: "The text of this paragraph should be normal (that is, it should not be underlined, overlined, stricken, or bold), because"
+ RenderInline {CODE} at (0,0) size 63x14
+ RenderText {#text} at (0,25) size 63x14
+ text run at (0,25) width 63: "diagonal"
+ RenderText {#text} at (62,20) size 231x19
+ text run at (62,20) width 231: " is not a valid keyword, making the "
+ RenderInline {CODE} at (0,0) size 118x14
+ RenderText {#text} at (292,25) size 118x14
+ text run at (292,25) width 118: "text-decoration"
+ RenderText {#text} at (409,20) size 135x19
+ text run at (409,20) width 57: " invalid. "
+ text run at (465,20) width 79: "In addition, "
+ RenderInline {CODE} at (0,0) size 87x14
+ RenderText {#text} at (543,25) size 87x14
+ text run at (543,25) width 87: "highlighted"
+ RenderText {#text} at (629,20) size 762x39
+ text run at (629,20) width 133: " is not a valid part of"
+ text run at (0,40) width 24: "the "
+ RenderInline {CODE} at (0,0) size 32x14
+ RenderText {#text} at (23,45) size 32x14
+ text run at (23,45) width 32: "font"
+ RenderText {#text} at (54,40) size 760x39
+ text run at (54,40) width 184: " property, making it invalid. "
+ text run at (237,40) width 523: "Therefore, this paragraph's font should be the UA default, and match the previous"
+ text run at (0,60) width 72: "paragraph. "
+ text run at (71,60) width 197: "If this is not the case, then the "
+ RenderInline {CODE} at (0,0) size 32x14
+ RenderText {#text} at (267,65) size 32x14
+ text run at (267,65) width 32: "font"
+ RenderText {#text} at (298,60) size 255x19
+ text run at (298,60) width 255: " declaration is being improperly parsed."
+ RenderBlock {P} at (0,2095) size 784x60
+ RenderText {#text} at (0,0) size 542x19
+ text run at (0,0) width 513: "The text of this paragraph should be normal size because the selector is invalid. "
+ text run at (512,0) width 30: "The "
+ RenderInline {EM} at (0,0) size 102x19
+ RenderText {#text} at (541,0) size 102x19
+ text run at (541,0) width 102: "emphasized text"
+ RenderText {#text} at (642,0) size 56x19
+ text run at (642,0) width 56: " and the "
+ RenderInline {STRONG} at (0,0) size 74x19
+ RenderText {#text} at (697,0) size 74x19
+ text run at (697,0) width 74: "strong text"
+ RenderText {#text} at (0,20) size 779x39
+ text run at (0,20) width 779: "within it should also be normal size, since the entire ruleset should be skipped (since in some future version of CSS, there"
+ text run at (0,40) width 531: "could be an operator within the selector that has higher precedence than a comma)."
+ RenderBlock {P} at (0,2171) size 784x40
+ RenderText {#text} at (0,0) size 474x19
+ text run at (0,0) width 474: "This paragraph should be black, because the line before the declaration is "
+ RenderInline {STRONG} at (0,0) size 23x19
+ RenderText {#text} at (473,0) size 23x19
+ text run at (473,0) width 23: "not"
+ RenderText {#text} at (495,0) size 759x39
+ text run at (495,0) width 264: " a comment and therefore the selector for"
+ text run at (0,20) width 141: "P.nineteenb is invalid."
+ RenderBlock {P} at (0,2227) size 784x20 [color=#0000FF]
+ RenderText {#text} at (0,0) size 481x19
+ text run at (0,0) width 481: "This paragraph should be blue, because only the first declaration is invalid."
+ RenderBlock {P} at (0,2263) size 784x20 [color=#008000]
+ RenderText {#text} at (0,0) size 489x19
+ text run at (0,0) width 489: "This paragraph should be green, because only the first declaration is invalid."
+ RenderBlock {P} at (0,2299) size 784x20 [color=#800080]
+ RenderText {#text} at (0,0) size 494x19
+ text run at (0,0) width 494: "This paragraph should be purple, because only the first declaration is invalid."
+ RenderBlock {P} at (0,2335) size 784x20 [color=#008000]
+ RenderText {#text} at (0,0) size 489x19
+ text run at (0,0) width 489: "This paragraph should be green, because only the first declaration is invalid."
+ RenderBlock {P} at (0,2371) size 784x20 [color=#008000]
+ RenderText {#text} at (0,0) size 489x19
+ text run at (0,0) width 489: "This paragraph should be green, because only the first declaration is invalid."
+ RenderBlock {P} at (0,2407) size 784x20
+ RenderText {#text} at (48,0) size 612x19
+ text run at (48,0) width 494: "This paragraph should be indented half an inch, but it should not be maroon. "
+ text run at (541,0) width 119: "It should be black."
+ RenderBlock {P} at (0,2443) size 784x40
+ RenderText {#text} at (0,0) size 767x39
+ text run at (0,0) width 767: "This paragraph should be black, because the color declaration after the previous ruleset should be considered part of the"
+ text run at (0,20) width 632: "selector for this ruleset, and this ruleset therefore has an invalid selector and should not be applied."
+ RenderTable {TABLE} at (0,2499) size 784x1698 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x1696
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x1668
+ RenderTableCell {TD} at (0,848) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x1668 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x20 [color=#008000]
+ RenderText {#text} at (0,0) size 493x19
+ text run at (0,0) width 493: "This paragraph should be green, because only the rotation should be ignored."
+ RenderBlock {P} at (4,40) size 762x20 [color=#008000]
+ RenderText {#text} at (0,0) size 634x19
+ text run at (0,0) width 634: "This paragraph should be green, since error-checking should be done before calculating specificity."
+ RenderBlock {P} at (4,76) size 762x40
+ RenderText {#text} at (0,0) size 568x19
+ text run at (0,0) width 568: "This paragraph should have a solid gray background (or a white grid), because in CSS1, "
+ RenderInline {CODE} at (0,0) size 56x14
+ RenderText {#text} at (567,5) size 56x14
+ text run at (567,5) width 56: "inherit"
+ RenderText {#text} at (622,0) size 705x39
+ text run at (622,0) width 83: " is an invalid"
+ text run at (0,20) width 594: "keyword, and in CSS2, it will cause the gray background (not the white grid) to be inherited."
+ RenderBlock {P} at (4,132) size 762x20
+ RenderText {#text} at (0,0) size 649x19
+ text run at (0,0) width 649: "This paragraph should be black, since in CSS1, the selector is invalid, and in CSS2, it does not apply."
+ RenderBlock {P} at (4,168) size 762x20
+ RenderText {#text} at (0,0) size 649x19
+ text run at (0,0) width 649: "This paragraph should be black, since in CSS1, the selector is invalid, and in CSS2, it does not apply."
+ RenderBlock {P} at (4,204) size 762x20
+ RenderText {#text} at (0,0) size 532x19
+ text run at (0,0) width 532: "This paragraph should have a white background, since keywords cannot be quoted."
+ RenderBlock {P} at (4,240) size 762x46 [border: (3px solid #000000)]
+ RenderText {#text} at (3,3) size 731x39
+ text run at (3,3) width 656: "This paragraph should have a medium-width border around it (the same as the next three paragraphs). "
+ text run at (658,3) width 76: "This should"
+ text run at (3,23) width 365: "cause the user agent to use the default value of 'medium'."
+ RenderBlock {P} at (4,302) size 762x46 [border: (3px solid #000000)]
+ RenderText {#text} at (3,3) size 754x39
+ text run at (3,3) width 754: "This paragraph should have a medium-width border around it (the same as the previous and the next two paragraphs),"
+ text run at (3,23) width 233: "because the border-width is invalid. "
+ text run at (235,23) width 444: "This should cause the user agent to use the default value of 'medium'."
+ RenderBlock {P} at (4,364) size 762x66 [border: (3px solid #000000)]
+ RenderText {#text} at (3,3) size 754x59
+ text run at (3,3) width 754: "This paragraph should have a medium-width border around it (the same as the next and the previous two paragraphs),"
+ text run at (3,23) width 599: "because the border-width units are invalid, and therefore the border-width should be ignored. "
+ text run at (601,23) width 139: "This should cause the"
+ text run at (3,43) width 302: "user agent to use the default value of 'medium'."
+ RenderBlock {P} at (4,446) size 762x66 [border: (3px solid #000000)]
+ RenderText {#text} at (3,3) size 751x59
+ text run at (3,3) width 734: "This paragraph should have a medium-width border around it (the same as the previous three paragraphs), because"
+ text run at (3,23) width 582: "the border-width does not have any value to go with its pixel unit, and is therefore invalid. "
+ text run at (584,23) width 170: "This should cause the user"
+ text run at (3,43) width 271: "agent to use the default value of 'medium'."
+ RenderBlock {P} at (4,528) size 762x20
+ RenderText {#text} at (0,0) size 676x19
+ text run at (0,0) width 676: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule."
+ RenderBlock {P} at (4,564) size 762x40 [color=#008000]
+ RenderText {#text} at (0,0) size 739x39
+ text run at (0,0) width 210: "This paragraph should be green. "
+ text run at (209,0) width 530: "CSS is case-insensitive, unless required to be case sensitive due to interaction with"
+ text run at (0,20) width 278: "other standards (e.g., font names or URLs.)"
+ RenderBlock {OL} at (4,620) size 762x20
+ RenderListItem {LI} at (40,0) size 722x20
+ RenderListMarker at (-21,0) size 16x19: "1"
+ RenderText {#text} at (0,0) size 635x19
+ text run at (0,0) width 635: "This ordered list item should be black, because the declaration has an invalid pseudo-class selector."
+ RenderBlock {P} at (4,656) size 762x40
+ RenderText {#text} at (0,0) size 751x39
+ text run at (0,0) width 751: "This paragraph should be black, because, in CSS1, :first-child is an invalid pseudo-class, and in CSS2, this paragraph"
+ text run at (0,20) width 129: "is not the first child."
+ RenderBlock {UL} at (4,712) size 762x40
+ RenderListItem {LI} at (40,0) size 722x40
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 704x39
+ text run at (0,0) width 704: "This unordered list item should be black, because, according to CSS1, the selector is invalid, and according to"
+ text run at (0,20) width 232: "CSS2, the selector should not apply."
+ RenderBlock {BLOCKQUOTE} at (44,768) size 682x40
+ RenderText {#text} at (0,0) size 654x39
+ text run at (0,0) width 654: "This blockquote should be black, because, according to CSS1, the selector is invalid, and according to"
+ text run at (0,20) width 232: "CSS2, the selector should not apply."
+ RenderBlock {P} at (4,824) size 762x40
+ RenderInline {ACRONYM} at (0,0) size 761x39
+ RenderText {#text} at (0,0) size 761x39
+ text run at (0,0) width 761: "This acronym should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector"
+ text run at (0,20) width 110: "should not apply."
+ RenderBlock {ADDRESS} at (4,880) size 762x40
+ RenderText {#text} at (0,0) size 756x39
+ text run at (0,0) width 756: "This address should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector"
+ text run at (0,20) width 110: "should not apply."
+ RenderBlock {P} at (4,936) size 762x40
+ RenderInline {SPAN} at (0,0) size 734x39
+ RenderText {#text} at (0,0) size 734x39
+ text run at (0,0) width 734: "This span should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector"
+ text run at (0,20) width 110: "should not apply."
+ RenderBlock {P} at (4,992) size 762x40
+ RenderText {#text} at (0,0) size 755x39
+ text run at (0,0) width 680: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule. "
+ text run at (679,0) width 76: "However, it"
+ text run at (0,20) width 617: "is valid in CSS2, so if this is being viewed on a tty browser that supports CSS2, it should be red."
+ RenderBlock {P} at (4,1048) size 762x20
+ RenderText {#text} at (0,0) size 676x19
+ text run at (0,0) width 676: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule."
+ RenderBlock {P} at (4,1084) size 762x80
+ RenderText {#text} at (0,0) size 753x19
+ text run at (0,0) width 753: "The text of this paragraph should be normal (that is, it should not be underlined, overlined, stricken, or bold), because"
+ RenderInline {CODE} at (0,0) size 63x14
+ RenderText {#text} at (0,25) size 63x14
+ text run at (0,25) width 63: "diagonal"
+ RenderText {#text} at (62,20) size 231x19
+ text run at (62,20) width 231: " is not a valid keyword, making the "
+ RenderInline {CODE} at (0,0) size 118x14
+ RenderText {#text} at (292,25) size 118x14
+ text run at (292,25) width 118: "text-decoration"
+ RenderText {#text} at (409,20) size 135x19
+ text run at (409,20) width 57: " invalid. "
+ text run at (465,20) width 79: "In addition, "
+ RenderInline {CODE} at (0,0) size 87x14
+ RenderText {#text} at (543,25) size 87x14
+ text run at (543,25) width 87: "highlighted"
+ RenderText {#text} at (629,20) size 762x39
+ text run at (629,20) width 133: " is not a valid part of"
+ text run at (0,40) width 24: "the "
+ RenderInline {CODE} at (0,0) size 32x14
+ RenderText {#text} at (23,45) size 32x14
+ text run at (23,45) width 32: "font"
+ RenderText {#text} at (54,40) size 732x39
+ text run at (54,40) width 184: " property, making it invalid. "
+ text run at (237,40) width 495: "Therefore, this paragraph's font should be the UA default, and match the next"
+ text run at (0,60) width 72: "paragraph. "
+ text run at (71,60) width 197: "If this is not the case, then the "
+ RenderInline {CODE} at (0,0) size 32x14
+ RenderText {#text} at (267,65) size 32x14
+ text run at (267,65) width 32: "font"
+ RenderText {#text} at (298,60) size 255x19
+ text run at (298,60) width 255: " declaration is being improperly parsed."
+ RenderBlock {P} at (4,1180) size 762x80
+ RenderText {#text} at (0,0) size 753x19
+ text run at (0,0) width 753: "The text of this paragraph should be normal (that is, it should not be underlined, overlined, stricken, or bold), because"
+ RenderInline {CODE} at (0,0) size 63x14
+ RenderText {#text} at (0,25) size 63x14
+ text run at (0,25) width 63: "diagonal"
+ RenderText {#text} at (62,20) size 231x19
+ text run at (62,20) width 231: " is not a valid keyword, making the "
+ RenderInline {CODE} at (0,0) size 118x14
+ RenderText {#text} at (292,25) size 118x14
+ text run at (292,25) width 118: "text-decoration"
+ RenderText {#text} at (409,20) size 135x19
+ text run at (409,20) width 57: " invalid. "
+ text run at (465,20) width 79: "In addition, "
+ RenderInline {CODE} at (0,0) size 87x14
+ RenderText {#text} at (543,25) size 87x14
+ text run at (543,25) width 87: "highlighted"
+ RenderText {#text} at (629,20) size 762x39
+ text run at (629,20) width 133: " is not a valid part of"
+ text run at (0,40) width 24: "the "
+ RenderInline {CODE} at (0,0) size 32x14
+ RenderText {#text} at (23,45) size 32x14
+ text run at (23,45) width 32: "font"
+ RenderText {#text} at (54,40) size 760x39
+ text run at (54,40) width 184: " property, making it invalid. "
+ text run at (237,40) width 523: "Therefore, this paragraph's font should be the UA default, and match the previous"
+ text run at (0,60) width 72: "paragraph. "
+ text run at (71,60) width 197: "If this is not the case, then the "
+ RenderInline {CODE} at (0,0) size 32x14
+ RenderText {#text} at (267,65) size 32x14
+ text run at (267,65) width 32: "font"
+ RenderText {#text} at (298,60) size 255x19
+ text run at (298,60) width 255: " declaration is being improperly parsed."
+ RenderBlock {P} at (4,1276) size 762x60
+ RenderText {#text} at (0,0) size 542x19
+ text run at (0,0) width 513: "The text of this paragraph should be normal size because the selector is invalid. "
+ text run at (512,0) width 30: "The "
+ RenderInline {EM} at (0,0) size 102x19
+ RenderText {#text} at (541,0) size 102x19
+ text run at (541,0) width 102: "emphasized text"
+ RenderText {#text} at (642,0) size 56x19
+ text run at (642,0) width 56: " and the "
+ RenderInline {STRONG} at (0,0) size 741x39
+ RenderText {#text} at (697,0) size 741x39
+ text run at (697,0) width 44: "strong"
+ text run at (0,20) width 26: "text"
+ RenderText {#text} at (25,20) size 736x39
+ text run at (25,20) width 711: " within it should also be normal size, since the entire ruleset should be skipped (since in some future version of"
+ text run at (0,40) width 603: "CSS, there could be an operator within the selector that has higher precedence than a comma)."
+ RenderBlock {P} at (4,1352) size 762x40
+ RenderText {#text} at (0,0) size 474x19
+ text run at (0,0) width 474: "This paragraph should be black, because the line before the declaration is "
+ RenderInline {STRONG} at (0,0) size 23x19
+ RenderText {#text} at (473,0) size 23x19
+ text run at (473,0) width 23: "not"
+ RenderText {#text} at (495,0) size 759x39
+ text run at (495,0) width 264: " a comment and therefore the selector for"
+ text run at (0,20) width 141: "P.nineteenb is invalid."
+ RenderBlock {P} at (4,1408) size 762x20 [color=#0000FF]
+ RenderText {#text} at (0,0) size 481x19
+ text run at (0,0) width 481: "This paragraph should be blue, because only the first declaration is invalid."
+ RenderBlock {P} at (4,1444) size 762x20 [color=#008000]
+ RenderText {#text} at (0,0) size 489x19
+ text run at (0,0) width 489: "This paragraph should be green, because only the first declaration is invalid."
+ RenderBlock {P} at (4,1480) size 762x20 [color=#800080]
+ RenderText {#text} at (0,0) size 494x19
+ text run at (0,0) width 494: "This paragraph should be purple, because only the first declaration is invalid."
+ RenderBlock {P} at (4,1516) size 762x20 [color=#008000]
+ RenderText {#text} at (0,0) size 489x19
+ text run at (0,0) width 489: "This paragraph should be green, because only the first declaration is invalid."
+ RenderBlock {P} at (4,1552) size 762x20 [color=#008000]
+ RenderText {#text} at (0,0) size 489x19
+ text run at (0,0) width 489: "This paragraph should be green, because only the first declaration is invalid."
+ RenderBlock {P} at (4,1588) size 762x20
+ RenderText {#text} at (48,0) size 612x19
+ text run at (48,0) width 494: "This paragraph should be indented half an inch, but it should not be maroon. "
+ text run at (541,0) width 119: "It should be black."
+ RenderBlock {P} at (4,1624) size 762x40
+ RenderText {#text} at (0,0) size 743x39
+ text run at (0,0) width 743: "This paragraph should be black, because the color declaration after the previous ruleset should be considered part of"
+ text run at (0,20) width 656: "the selector for this ruleset, and this ruleset therefore has an invalid selector and should not be applied."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1font_propertiesfontexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/font_properties/font-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/font_properties/font-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/font_properties/font-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,226 @@
</span><ins>+layer at (0,0) size 800x4172
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x4172
+ RenderBlock {HTML} at (0,0) size 800x4173
+ RenderBody {BODY} at (8,8) size 784x4157 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x15
+ RenderText {#text} at (0,0) size 272x14
+ text run at (0,0) width 272: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,27) size 784x156
+ RenderText {#text} at (0,0) size 411x156
+ text run at (0,0) width 166: "BODY {font-size: 12px;}"
+ text run at (165,0) width 1: " "
+ text run at (0,13) width 332: ".one {font: italic small-caps 13pt Helvetica;}"
+ text run at (331,13) width 1: " "
+ text run at (0,26) width 209: ".two {font: 150%/150% serif;}"
+ text run at (208,26) width 1: " "
+ text run at (0,39) width 260: ".three {font: 150%/150% sans-serif;}"
+ text run at (259,39) width 1: " "
+ text run at (0,52) width 238: ".four {font: small/200% cursive;}"
+ text run at (237,52) width 1: " "
+ text run at (0,65) width 411: ".five {font: italic small-caps 900 150%/150% sans-serif;}"
+ text run at (410,65) width 1: " "
+ text run at (0,78) width 404: ".six {font: italic small-caps 100 150%/300% sans-serif;}"
+ text run at (403,78) width 1: " "
+ text run at (0,91) width 404: ".seven {font: italic small-caps 900 150%/2em monospace;}"
+ text run at (403,91) width 1: " "
+ text run at (0,104) width 411: ".eight {font: italic small-caps 500 150%/1in sans-serif;}"
+ text run at (410,104) width 1: " "
+ text run at (0,117) width 389: ".nine {font: oblique normal 700 18px/200% sans-serif;}"
+ text run at (388,117) width 1: " "
+ text run at (0,130) width 310: ".ten {font: normal 400 80%/2.5 sans-serif;}"
+ text run at (309,130) width 1: " "
+ text run at (0,143) width 274: "SPAN.color {background-color: silver;}"
+ text run at (273,143) width 1: " "
+ RenderBlock {HR} at (0,195) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,209) size 784x15
+ RenderText {#text} at (0,0) size 719x14
+ text run at (0,0) width 431: "This element is unstyled, and should inherit a font-size of 12px from the BODY element. "
+ text run at (430,0) width 289: "This is the \"base font size\" referred to in the following tests."
+ RenderBlock {P} at (0,241) size 784x22
+ RenderText {#text} at (0,0) size 489x21
+ text run at (0,0) width 489: "This element should be 13pt. Helvetica which is in small-cap italics."
+ RenderBlock {P} at (0,280) size 784x82
+ RenderText {#text} at (0,3) size 764x75
+ text run at (0,3) width 278: "This element should be in a serif font. "
+ text run at (277,3) width 475: "Its font-size should be 150% the base font size, and its line-height"
+ text run at (0,30) width 418: "should 150% of that value (18px and 27px, respectively). "
+ text run at (417,30) width 347: "Extra text is included for the purposes of testing"
+ text run at (0,57) width 152: "this more effectively."
+ RenderBlock {P} at (0,379) size 784x82
+ RenderText {#text} at (0,2) size 784x76
+ text run at (0,2) width 349: "This element should be in a sans-serif font. "
+ text run at (348,2) width 436: "Its font-size should be 150% the base font size, and its"
+ text run at (0,29) width 546: "line-height should 150% of that value (18px and 27px, respectively). "
+ text run at (545,29) width 223: "Extra text is included for the"
+ text run at (0,56) width 320: "purposes of testing this more effectively."
+ RenderBlock {P} at (0,478) size 784x81
+ RenderText {#text} at (0,5) size 778x15
+ text run at (0,5) width 599: "This element should be in a cursive font, 'small' in size, with a line-height 200% the height of the text's actual size. "
+ text run at (598,5) width 180: "For example, if the font-size value"
+ RenderInline {CODE} at (0,0) size 31x11
+ RenderText {#text} at (0,35) size 31x11
+ text run at (0,35) width 31: "small"
+ RenderText {#text} at (30,31) size 751x43
+ text run at (30,31) width 307: " is calculated at 10px, then the line-height should be 20px. "
+ text run at (336,31) width 267: "The actual value of the font-size is UA-dependent. "
+ text run at (602,31) width 149: "Extra text is included for the"
+ text run at (0,59) width 212: "purposes of testing this more effectively."
+ RenderBlock {P} at (0,576) size 784x82
+ RenderText {#text} at (0,2) size 777x76
+ text run at (0,2) width 711: "This element should be in a sans-serif font, italicized and small caps, with a weight of 900. "
+ text run at (710,2) width 67: "Its font-"
+ text run at (0,29) width 771: "size should be 150% the base font size, and its line-height should be 150% of that value (18px and"
+ text run at (0,56) width 158: "27px, respectively). "
+ text run at (157,56) width 561: "Extra text is included for the purposes of testing this more effectively."
+ RenderBlock {P} at (0,675) size 784x163
+ RenderText {#text} at (0,16) size 773x130
+ text run at (0,16) width 682: "This element should be in a sans-serif font, italicized and small caps, with a weight of 100. "
+ text run at (681,16) width 92: "Its font-size"
+ text run at (0,70) width 758: "should be 150% the base font size, and its line-height should be 300% of that value (18px and 54px,"
+ text run at (0,124) width 104: "respectively). "
+ text run at (103,124) width 533: "Extra text is included for the purposes of testing this more effectively."
+ RenderBlock {P} at (0,855) size 784x145
+ RenderText {#text} at (0,8) size 780x127
+ text run at (0,8) width 771: "This element should be in a monospace font, italicized and small caps, with a weight of 900."
+ text run at (0,44) width 780: "Its font-size should be 150% the base font size, and its line-height should be 2em, or twice"
+ text run at (0,80) width 471: "the element's font size (18px and 36px, respectively). "
+ text run at (470,80) width 248: "Extra text is included for the"
+ text run at (0,116) width 338: "purposes of testing this more effectively."
+ RenderBlock {P} at (0,1017) size 784x289
+ RenderText {#text} at (0,37) size 768x214
+ text run at (0,37) width 702: "This element should be in a sans-serif font, italicized and small caps, with a weight of 500. "
+ text run at (701,37) width 67: "Its font-"
+ text run at (0,133) width 635: "size should be 150% the base font size, or 18px, and its line-height should be 1in. "
+ text run at (634,133) width 101: "Extra text is"
+ text run at (0,229) width 454: "included for the purposes of testing this more effectively."
+ RenderBlock {P} at (0,1323) size 784x109
+ RenderText {#text} at (0,7) size 774x94
+ text run at (0,7) width 753: "This element should be in a sans-serif font, oblique and not small-caps, with a weight of"
+ text run at (0,43) width 41: "700. "
+ text run at (40,43) width 666: "Its font-size should be 18 pixels, and its line-height should be 36px (200% this"
+ text run at (0,79) width 177: "element's font size). "
+ text run at (176,79) width 598: "Extra text is included for the purposes of testing this more effectively."
+ RenderBlock {P} at (0,1449) size 784x51
+ RenderText {#text} at (0,6) size 773x38
+ text run at (0,6) width 288: "This element should be in a sans-serif font, with a weight of 400. "
+ text run at (287,6) width 433: "Its font-size should be 80% of 12px, or 9.6px, and its line-height shoud be 2.5 times that, or 24px. "
+ text run at (719,6) width 54: "Extra text is"
+ text run at (0,31) width 249: "included for the purposes of testing this more effectively."
+ RenderBlock {P} at (0,1517) size 784x217
+ RenderInline {SPAN} at (0,0) size 780x184 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,16) size 780x184
+ text run at (0,16) width 682: "This element should be in a sans-serif font, italicized and small caps, with a weight of 100. "
+ text run at (681,16) width 92: "Its font-size"
+ text run at (0,70) width 758: "should be 150% the base font size, and its line-height should be 300% of that value (18px and 54px,"
+ text run at (0,124) width 780: "respectively). The text should have a silver background. The background color has been set on an inline"
+ text run at (0,178) width 569: "element and should therefore only cover the text, not the interline spacing."
+ RenderText {#text} at (0,0) size 0x0
+ RenderTable {TABLE} at (0,1751) size 784x2406 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x2403
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x2375
+ RenderTableCell {TD} at (0,1201) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x2376 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x40
+ RenderText {#text} at (0,0) size 745x39
+ text run at (0,0) width 574: "This element is unstyled, and should inherit a font-size of 12px from the BODY element. "
+ text run at (573,0) width 172: "This is the \"base font size\""
+ text run at (0,20) width 210: "referred to in the following tests."
+ RenderBlock {P} at (4,61) size 762x22
+ RenderText {#text} at (0,0) size 489x21
+ text run at (0,0) width 489: "This element should be 13pt. Helvetica which is in small-cap italics."
+ RenderBlock {P} at (4,106) size 762x145
+ RenderText {#text} at (0,4) size 729x136
+ text run at (0,4) width 370: "This element should be in a serif font. "
+ text run at (369,4) width 360: "Its font-size should be 150% the base"
+ text run at (0,40) width 688: "font size, and its line-height should 150% of that value (18px and 27px,"
+ text run at (0,76) width 136: "respectively). "
+ text run at (135,76) width 559: "Extra text is included for the purposes of testing this more"
+ text run at (0,112) width 107: "effectively."
+ RenderBlock {P} at (4,274) size 762x145
+ RenderText {#text} at (0,3) size 756x137
+ text run at (0,3) width 465: "This element should be in a sans-serif font. "
+ text run at (464,3) width 234: "Its font-size should be"
+ text run at (0,39) width 741: "150% the base font size, and its line-height should 150% of that value"
+ text run at (0,75) width 327: "(18px and 27px, respectively). "
+ text run at (326,75) width 430: "Extra text is included for the purposes of"
+ text run at (0,111) width 294: "testing this more effectively."
+ RenderBlock {P} at (4,442) size 762x81
+ RenderText {#text} at (0,5) size 747x41
+ text run at (0,5) width 599: "This element should be in a cursive font, 'small' in size, with a line-height 200% the height of the text's actual size. "
+ text run at (598,5) width 149: "For example, if the font-size"
+ text run at (0,31) width 32: "value "
+ RenderInline {CODE} at (0,0) size 31x11
+ RenderText {#text} at (31,35) size 31x11
+ text run at (31,35) width 31: "small"
+ RenderText {#text} at (61,31) size 745x43
+ text run at (61,31) width 307: " is calculated at 10px, then the line-height should be 20px. "
+ text run at (367,31) width 267: "The actual value of the font-size is UA-dependent. "
+ text run at (633,31) width 112: "Extra text is included"
+ text run at (0,59) width 249: "for the purposes of testing this more effectively."
+ RenderBlock {P} at (4,546) size 762x181
+ RenderText {#text} at (0,3) size 724x173
+ text run at (0,3) width 715: "This element should be in a sans-serif font, italicized and small caps,"
+ text run at (0,39) width 226: "with a weight of 900. "
+ text run at (225,39) width 499: "Its font-size should be 150% the base font size,"
+ text run at (0,75) width 674: "and its line-height should be 150% of that value (18px and 27px,"
+ text run at (0,111) width 148: "respectively). "
+ text run at (147,111) width 565: "Extra text is included for the purposes of testing this"
+ text run at (0,147) width 177: "more effectively."
+ RenderBlock {P} at (4,750) size 762x289
+ RenderText {#text} at (0,21) size 758x245
+ text run at (0,21) width 750: "This element should be in a sans-serif font, italicized and small caps, with a"
+ text run at (0,93) width 154: "weight of 100. "
+ text run at (153,93) width 605: "Its font-size should be 150% the base font size, and its line-"
+ text run at (0,165) width 678: "height should be 300% of that value (18px and 54px, respectively). "
+ text run at (677,165) width 58: "Extra"
+ text run at (0,237) width 646: "text is included for the purposes of testing this more effectively."
+ RenderBlock {P} at (4,1062) size 762x196
+ RenderText {#text} at (0,9) size 741x177
+ text run at (0,9) width 705: "This element should be in a monospace font, italicized and small caps, with a"
+ text run at (0,48) width 152: "weight of 900. "
+ text run at (151,48) width 590: "Its font-size should be 150% the base font size, and its line-"
+ text run at (0,87) width 664: "height should be 2em, or twice the element's font size (18px and 36px,"
+ text run at (0,126) width 137: "respectively). "
+ text run at (136,126) width 545: "Extra text is included for the purposes of testing this more"
+ text run at (0,165) width 105: "effectively."
+ RenderBlock {P} at (4,1281) size 762x385
+ RenderText {#text} at (0,33) size 754x317
+ text run at (0,33) width 754: "This element should be in a sans-serif font, italicized and small caps, with"
+ text run at (0,129) width 176: "a weight of 500. "
+ text run at (175,129) width 527: "Its font-size should be 150% the base font size, or"
+ text run at (0,225) width 403: "18px, and its line-height should be 1in. "
+ text run at (402,225) width 309: "Extra text is included for the"
+ text run at (0,321) width 430: "purposes of testing this more effectively."
+ RenderBlock {P} at (4,1689) size 762x145
+ RenderText {#text} at (0,7) size 753x130
+ text run at (0,7) width 753: "This element should be in a sans-serif font, oblique and not small-caps, with a weight of"
+ text run at (0,43) width 41: "700. "
+ text run at (40,43) width 666: "Its font-size should be 18 pixels, and its line-height should be 36px (200% this"
+ text run at (0,79) width 177: "element's font size). "
+ text run at (176,79) width 501: "Extra text is included for the purposes of testing this more"
+ text run at (0,115) width 92: "effectively."
+ RenderBlock {P} at (4,1851) size 762x65
+ RenderText {#text} at (0,8) size 740x48
+ text run at (0,8) width 374: "This element should be in a sans-serif font, with a weight of 400. "
+ text run at (373,8) width 367: "Its font-size should be 80% of 12px, or 9.6px, and its line-height"
+ text run at (0,40) width 193: "shoud be 2.5 times that, or 24px. "
+ text run at (192,40) width 396: "Extra text is included for the purposes of testing this more effectively."
+ RenderBlock {P} at (4,1939) size 762x433
+ RenderInline {SPAN} at (0,0) size 760x389 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,21) size 760x389
+ text run at (0,21) width 750: "This element should be in a sans-serif font, italicized and small caps, with a"
+ text run at (0,93) width 154: "weight of 100. "
+ text run at (153,93) width 605: "Its font-size should be 150% the base font size, and its line-"
+ text run at (0,165) width 760: "height should be 300% of that value (18px and 54px, respectively). The text"
+ text run at (0,237) width 754: "should have a silver background. The background color has been set on an"
+ text run at (0,309) width 732: "inline element and should therefore only cover the text, not the interline"
+ text run at (0,381) width 80: "spacing."
+ RenderText {#text} at (0,0) size 0x0
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1font_propertiesfont_familyexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/font_properties/font_family-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/font_properties/font_family-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/font_properties/font_family-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,135 @@
</span><ins>+layer at (0,0) size 800x1306
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x1306
+ RenderBlock {HTML} at (0,0) size 800x1306
+ RenderBody {BODY} at (8,8) size 784x1290 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x126
+ RenderText {#text} at (0,0) size 305x126
+ text run at (0,0) width 211: "DIV.a {font-family: serif;}"
+ text run at (210,0) width 1: " "
+ text run at (0,14) width 242: "DIV.b {font-family: monospace;}"
+ text run at (241,14) width 1: " "
+ text run at (0,28) width 203: ".one {font-family: serif;}"
+ text run at (202,28) width 1: " "
+ text run at (0,42) width 242: ".two {font-family: sans-serif;}"
+ text run at (241,42) width 1: " "
+ text run at (0,56) width 235: ".three {font-family: cursive;}"
+ text run at (234,56) width 1: " "
+ text run at (0,70) width 227: ".four {font-family: fantasy;}"
+ text run at (226,70) width 1: " "
+ text run at (0,84) width 242: ".five {font-family: monospace;}"
+ text run at (241,84) width 1: " "
+ text run at (0,98) width 305: ".six {font-family: sans-serif,cursive;}"
+ text run at (304,98) width 1: " "
+ text run at (0,112) width 297: ".seven {font-family: monospace,serif;}"
+ text run at (296,112) width 1: " "
+ RenderBlock {HR} at (0,175) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (0,193) size 784x200
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 655x19
+ text run at (0,0) width 655: "This sentence is normal for the first division, which is the next five sentences; it should be a serif font."
+ RenderBlock {P} at (0,36) size 784x20
+ RenderText {#text} at (0,0) size 248x19
+ text run at (0,0) width 248: "This sentence should be in a serif font."
+ RenderBlock {P} at (0,72) size 784x20
+ RenderText {#text} at (0,0) size 314x20
+ text run at (0,0) width 314: "This sentence should be in a sans-serif font."
+ RenderBlock {P} at (0,108) size 784x20
+ RenderText {#text} at (0,0) size 265x19
+ text run at (0,0) width 265: "This sentence should be in a cursive font."
+ RenderBlock {P} at (0,144) size 784x26
+ RenderText {#text} at (0,0) size 296x26
+ text run at (0,0) width 296: "This sentence should be in a fantasy font."
+ RenderBlock {P} at (0,186) size 784x14
+ RenderText {#text} at (0,0) size 344x14
+ text run at (0,0) width 344: "This sentence should be in a monospace font."
+ RenderBlock {HR} at (0,406) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,424) size 784x20
+ RenderText {#text} at (0,0) size 400x20
+ text run at (0,0) width 400: "This sentence should be in a sans-serif font, not cursive."
+ RenderBlock {P} at (0,460) size 784x17
+ RenderText {#text} at (0,0) size 529x17
+ text run at (0,0) width 529: "This sentence should be in a monospace font, not serif."
+ RenderBlock {HR} at (0,493) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (0,508) size 784x208
+ RenderBlock {P} at (0,0) size 784x28
+ RenderText {#text} at (0,0) size 749x28
+ text run at (0,0) width 749: "This sentence is normal for the first division, which is the next five sentences; it should be a"
+ text run at (0,14) width 118: "monospace font."
+ RenderBlock {P} at (0,44) size 784x20
+ RenderText {#text} at (0,0) size 248x19
+ text run at (0,0) width 248: "This sentence should be in a serif font."
+ RenderBlock {P} at (0,80) size 784x20
+ RenderText {#text} at (0,0) size 314x20
+ text run at (0,0) width 314: "This sentence should be in a sans-serif font."
+ RenderBlock {P} at (0,116) size 784x20
+ RenderText {#text} at (0,0) size 265x19
+ text run at (0,0) width 265: "This sentence should be in a cursive font."
+ RenderBlock {P} at (0,152) size 784x26
+ RenderText {#text} at (0,0) size 296x26
+ text run at (0,0) width 296: "This sentence should be in a fantasy font."
+ RenderBlock {P} at (0,194) size 784x14
+ RenderText {#text} at (0,0) size 344x14
+ text run at (0,0) width 344: "This sentence should be in a monospace font."
+ RenderTable {TABLE} at (0,729) size 784x561 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x559
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x531
+ RenderTableCell {TD} at (0,279) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x531 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {DIV} at (4,4) size 762x200
+ RenderBlock {P} at (0,0) size 762x20
+ RenderText {#text} at (0,0) size 655x19
+ text run at (0,0) width 655: "This sentence is normal for the first division, which is the next five sentences; it should be a serif font."
+ RenderBlock {P} at (0,36) size 762x20
+ RenderText {#text} at (0,0) size 248x19
+ text run at (0,0) width 248: "This sentence should be in a serif font."
+ RenderBlock {P} at (0,72) size 762x20
+ RenderText {#text} at (0,0) size 314x20
+ text run at (0,0) width 314: "This sentence should be in a sans-serif font."
+ RenderBlock {P} at (0,108) size 762x20
+ RenderText {#text} at (0,0) size 265x19
+ text run at (0,0) width 265: "This sentence should be in a cursive font."
+ RenderBlock {P} at (0,144) size 762x26
+ RenderText {#text} at (0,0) size 296x26
+ text run at (0,0) width 296: "This sentence should be in a fantasy font."
+ RenderBlock {P} at (0,186) size 762x14
+ RenderText {#text} at (0,0) size 344x14
+ text run at (0,0) width 344: "This sentence should be in a monospace font."
+ RenderBlock {HR} at (4,217) size 762x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (4,235) size 762x20
+ RenderText {#text} at (0,0) size 400x20
+ text run at (0,0) width 400: "This sentence should be in a sans-serif font, not cursive."
+ RenderBlock {P} at (4,271) size 762x17
+ RenderText {#text} at (0,0) size 529x17
+ text run at (0,0) width 529: "This sentence should be in a monospace font, not serif."
+ RenderBlock {HR} at (4,304) size 762x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (4,319) size 762x208
+ RenderBlock {P} at (0,0) size 762x28
+ RenderText {#text} at (0,0) size 749x28
+ text run at (0,0) width 749: "This sentence is normal for the first division, which is the next five sentences; it should be a"
+ text run at (0,14) width 118: "monospace font."
+ RenderBlock {P} at (0,44) size 762x20
+ RenderText {#text} at (0,0) size 248x19
+ text run at (0,0) width 248: "This sentence should be in a serif font."
+ RenderBlock {P} at (0,80) size 762x20
+ RenderText {#text} at (0,0) size 314x20
+ text run at (0,0) width 314: "This sentence should be in a sans-serif font."
+ RenderBlock {P} at (0,116) size 762x20
+ RenderText {#text} at (0,0) size 265x19
+ text run at (0,0) width 265: "This sentence should be in a cursive font."
+ RenderBlock {P} at (0,152) size 762x26
+ RenderText {#text} at (0,0) size 296x26
+ text run at (0,0) width 296: "This sentence should be in a fantasy font."
+ RenderBlock {P} at (0,194) size 762x14
+ RenderText {#text} at (0,0) size 344x14
+ text run at (0,0) width 344: "This sentence should be in a monospace font."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1font_propertiesfont_sizeexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/font_properties/font_size-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/font_properties/font_size-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/font_properties/font_size-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,256 @@
</span><ins>+layer at (0,0) size 800x2812
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x2812
+ RenderBlock {HTML} at (0,0) size 800x2813
+ RenderBody {BODY} at (8,8) size 784x2797 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x280
+ RenderText {#text} at (0,0) size 219x280
+ text run at (0,0) width 196: ".one {font-size: medium;}"
+ text run at (195,0) width 1: " "
+ text run at (0,14) width 196: ".two {font-size: larger;}"
+ text run at (195,14) width 1: " "
+ text run at (0,28) width 219: ".three {font-size: smaller;}"
+ text run at (218,28) width 1: " "
+ text run at (0,42) width 219: ".four {font-size: xx-small;}"
+ text run at (218,42) width 1: " "
+ text run at (0,56) width 211: ".five {font-size: x-small;}"
+ text run at (210,56) width 1: " "
+ text run at (0,70) width 188: ".six {font-size: small;}"
+ text run at (187,70) width 1: " "
+ text run at (0,84) width 203: ".seven {font-size: large;}"
+ text run at (202,84) width 1: " "
+ text run at (0,98) width 219: ".eight {font-size: x-large;}"
+ text run at (218,98) width 1: " "
+ text run at (0,112) width 219: ".nine {font-size: xx-large;}"
+ text run at (218,112) width 1: " "
+ text run at (0,126) width 172: ".a {font-size: 0.5in;}"
+ text run at (171,126) width 1: " "
+ text run at (0,140) width 157: ".b {font-size: 1cm;}"
+ text run at (156,140) width 1: " "
+ text run at (0,154) width 164: ".c {font-size: 10mm;}"
+ text run at (163,154) width 1: " "
+ text run at (0,168) width 164: ".d {font-size: 18pt;}"
+ text run at (163,168) width 1: " "
+ text run at (0,182) width 172: ".e {font-size: 1.5pc;}"
+ text run at (171,182) width 1: " "
+ text run at (0,196) width 157: ".f {font-size: 2em;}"
+ text run at (156,196) width 1: " "
+ text run at (0,210) width 157: ".g {font-size: 3ex;}"
+ text run at (156,210) width 1: " "
+ text run at (0,224) width 164: ".h {font-size: 25px;}"
+ text run at (163,224) width 1: " "
+ text run at (0,238) width 164: ".i {font-size: 200%;}"
+ text run at (163,238) width 1: " "
+ text run at (0,252) width 180: ".j {font-size: -0.5in;}"
+ text run at (179,252) width 1: " "
+ text run at (0,266) width 0: " "
+ RenderBlock {HR} at (0,329) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,347) size 784x20
+ RenderText {#text} at (0,0) size 707x19
+ text run at (0,0) width 707: "This paragraph element is unstyled, so the size of the font in this element is the default size for this user agent."
+ RenderBlock {P} at (0,383) size 784x20
+ RenderText {#text} at (0,0) size 190x19
+ text run at (0,0) width 190: "This sentence has been set to "
+ RenderInline {CODE} at (0,0) size 48x14
+ RenderText {#text} at (189,5) size 48x14
+ text run at (189,5) width 48: "medium"
+ RenderText {#text} at (236,0) size 368x19
+ text run at (236,0) width 368: ", which may or may not be the same size as unstyled text."
+ RenderBlock {P} at (0,422) size 784x24
+ RenderText {#text} at (0,0) size 376x22
+ text run at (0,0) width 376: "This sentence should be larger than unstyled text."
+ RenderBlock {P} at (0,464) size 784x17
+ RenderText {#text} at (0,0) size 265x15
+ text run at (0,0) width 265: "This sentence should be smaller than unstyled text."
+ RenderBlock {P} at (0,493) size 784x21
+ RenderText {#text} at (0,6) size 286x11
+ text run at (0,6) width 286: "This sentence should be very small, but the last word in the sentence should be "
+ RenderInline {SPAN} at (0,0) size 54x19
+ RenderText {#text} at (285,0) size 54x19
+ text run at (285,0) width 54: "medium"
+ RenderText {#text} at (338,6) size 3x11
+ text run at (338,6) width 3: "."
+ RenderBlock {P} at (0,523) size 784x21
+ RenderText {#text} at (0,6) size 324x12
+ text run at (0,6) width 324: "This sentence should be rather small, but the last word in the sentence should be "
+ RenderInline {SPAN} at (0,0) size 53x19
+ RenderText {#text} at (323,0) size 53x19
+ text run at (323,0) width 53: "medium"
+ RenderText {#text} at (375,6) size 4x12
+ text run at (375,6) width 4: "."
+ RenderBlock {P} at (0,556) size 784x21
+ RenderText {#text} at (0,3) size 387x15
+ text run at (0,3) width 387: "This sentence should be small, but the last word in the sentence should be "
+ RenderInline {SPAN} at (0,0) size 54x19
+ RenderText {#text} at (386,0) size 54x19
+ text run at (386,0) width 54: "medium"
+ RenderText {#text} at (439,3) size 4x15
+ text run at (439,3) width 4: "."
+ RenderBlock {P} at (0,594) size 784x23
+ RenderText {#text} at (0,0) size 533x21
+ text run at (0,0) width 533: "This sentence should be large, but the last word in the sentence should be "
+ RenderInline {SPAN} at (0,0) size 53x19
+ RenderText {#text} at (532,2) size 53x19
+ text run at (532,2) width 53: "medium"
+ RenderText {#text} at (584,0) size 5x21
+ text run at (584,0) width 5: "."
+ RenderBlock {P} at (0,640) size 784x61
+ RenderText {#text} at (0,1) size 766x28
+ text run at (0,1) width 766: "This sentence should be rather large, but the last word in the sentence should be"
+ RenderInline {SPAN} at (0,0) size 53x19
+ RenderText {#text} at (0,38) size 53x19
+ text run at (0,38) width 53: "medium"
+ RenderText {#text} at (52,31) size 7x28
+ text run at (52,31) width 7: "."
+ RenderBlock {P} at (0,732) size 784x77
+ RenderText {#text} at (0,1) size 753x74
+ text run at (0,1) width 753: "This sentence should be very large, but the last word in the"
+ text run at (0,39) width 250: "sentence should be "
+ RenderInline {SPAN} at (0,0) size 54x19
+ RenderText {#text} at (249,53) size 54x19
+ text run at (249,53) width 54: "medium"
+ RenderText {#text} at (302,39) size 9x36
+ text run at (302,39) width 9: "."
+ RenderBlock {P} at (0,856) size 784x58
+ RenderText {#text} at (0,1) size 784x54
+ text run at (0,1) width 784: "This sentence should be half an inch tall."
+ RenderBlock {P} at (0,961) size 784x46
+ RenderText {#text} at (0,1) size 666x43
+ text run at (0,1) width 666: "This sentence should be one centimeter tall."
+ RenderBlock {P} at (0,1044) size 784x46
+ RenderText {#text} at (0,1) size 671x43
+ text run at (0,1) width 671: "This sentence should be ten millimeters tall."
+ RenderBlock {P} at (0,1127) size 784x31
+ RenderText {#text} at (0,1) size 425x28
+ text run at (0,1) width 425: "This sentence should be eighteen points tall."
+ RenderBlock {P} at (0,1181) size 784x31
+ RenderText {#text} at (0,1) size 494x28
+ text run at (0,1) width 494: "This sentence should be one and one half picas tall."
+ RenderBlock {P} at (0,1243) size 784x39
+ RenderText {#text} at (0,1) size 467x36
+ text run at (0,1) width 467: "This sentence should be two em tall."
+ RenderBlock {P} at (0,1313) size 784x26
+ RenderText {#text} at (0,0) size 311x24
+ text run at (0,0) width 311: "This sentence should be three ex tall."
+ RenderBlock {P} at (0,1363) size 784x32
+ RenderText {#text} at (0,1) size 472x29
+ text run at (0,1) width 472: "This sentence should be twenty-five pixels tall."
+ RenderBlock {P} at (0,1426) size 784x39
+ RenderText {#text} at (0,1) size 549x36
+ text run at (0,1) width 549: "This sentence should be twice normal size."
+ RenderBlock {P} at (0,1496) size 784x21
+ RenderText {#text} at (0,0) size 686x19
+ text run at (0,0) width 686: "This sentence should be normal size, since no negative values are allowed and therefore should be ignored."
+ RenderTable {TABLE} at (0,1532) size 784x1265 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x1262
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x1234
+ RenderTableCell {TD} at (0,631) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x1235 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x20
+ RenderText {#text} at (0,0) size 707x19
+ text run at (0,0) width 707: "This paragraph element is unstyled, so the size of the font in this element is the default size for this user agent."
+ RenderBlock {P} at (4,40) size 762x20
+ RenderText {#text} at (0,0) size 190x19
+ text run at (0,0) width 190: "This sentence has been set to "
+ RenderInline {CODE} at (0,0) size 48x14
+ RenderText {#text} at (189,5) size 48x14
+ text run at (189,5) width 48: "medium"
+ RenderText {#text} at (236,0) size 368x19
+ text run at (236,0) width 368: ", which may or may not be the same size as unstyled text."
+ RenderBlock {P} at (4,79) size 762x24
+ RenderText {#text} at (0,0) size 376x22
+ text run at (0,0) width 376: "This sentence should be larger than unstyled text."
+ RenderBlock {P} at (4,121) size 762x17
+ RenderText {#text} at (0,0) size 265x15
+ text run at (0,0) width 265: "This sentence should be smaller than unstyled text."
+ RenderBlock {P} at (4,150) size 762x21
+ RenderText {#text} at (0,6) size 286x11
+ text run at (0,6) width 286: "This sentence should be very small, but the last word in the sentence should be "
+ RenderInline {SPAN} at (0,0) size 54x19
+ RenderText {#text} at (285,0) size 54x19
+ text run at (285,0) width 54: "medium"
+ RenderText {#text} at (338,6) size 3x11
+ text run at (338,6) width 3: "."
+ RenderBlock {P} at (4,180) size 762x21
+ RenderText {#text} at (0,6) size 324x12
+ text run at (0,6) width 324: "This sentence should be rather small, but the last word in the sentence should be "
+ RenderInline {SPAN} at (0,0) size 53x19
+ RenderText {#text} at (323,0) size 53x19
+ text run at (323,0) width 53: "medium"
+ RenderText {#text} at (375,6) size 4x12
+ text run at (375,6) width 4: "."
+ RenderBlock {P} at (4,213) size 762x21
+ RenderText {#text} at (0,3) size 387x15
+ text run at (0,3) width 387: "This sentence should be small, but the last word in the sentence should be "
+ RenderInline {SPAN} at (0,0) size 54x19
+ RenderText {#text} at (386,0) size 54x19
+ text run at (386,0) width 54: "medium"
+ RenderText {#text} at (439,3) size 4x15
+ text run at (439,3) width 4: "."
+ RenderBlock {P} at (4,251) size 762x23
+ RenderText {#text} at (0,0) size 533x21
+ text run at (0,0) width 533: "This sentence should be large, but the last word in the sentence should be "
+ RenderInline {SPAN} at (0,0) size 53x19
+ RenderText {#text} at (532,2) size 53x19
+ text run at (532,2) width 53: "medium"
+ RenderText {#text} at (584,0) size 5x21
+ text run at (584,0) width 5: "."
+ RenderBlock {P} at (4,297) size 762x61
+ RenderText {#text} at (0,1) size 737x58
+ text run at (0,1) width 737: "This sentence should be rather large, but the last word in the sentence should"
+ text run at (0,31) width 29: "be "
+ RenderInline {SPAN} at (0,0) size 54x19
+ RenderText {#text} at (28,38) size 54x19
+ text run at (28,38) width 54: "medium"
+ RenderText {#text} at (81,31) size 7x28
+ text run at (81,31) width 7: "."
+ RenderBlock {P} at (4,389) size 762x77
+ RenderText {#text} at (0,1) size 753x74
+ text run at (0,1) width 753: "This sentence should be very large, but the last word in the"
+ text run at (0,39) width 250: "sentence should be "
+ RenderInline {SPAN} at (0,0) size 54x19
+ RenderText {#text} at (249,53) size 54x19
+ text run at (249,53) width 54: "medium"
+ RenderText {#text} at (302,39) size 9x36
+ text run at (302,39) width 9: "."
+ RenderBlock {P} at (4,513) size 762x115
+ RenderText {#text} at (0,1) size 699x111
+ text run at (0,1) width 699: "This sentence should be half an inch"
+ text run at (0,58) width 74: "tall."
+ RenderBlock {P} at (4,675) size 762x46
+ RenderText {#text} at (0,1) size 666x43
+ text run at (0,1) width 666: "This sentence should be one centimeter tall."
+ RenderBlock {P} at (4,758) size 762x46
+ RenderText {#text} at (0,1) size 671x43
+ text run at (0,1) width 671: "This sentence should be ten millimeters tall."
+ RenderBlock {P} at (4,841) size 762x31
+ RenderText {#text} at (0,1) size 425x28
+ text run at (0,1) width 425: "This sentence should be eighteen points tall."
+ RenderBlock {P} at (4,895) size 762x31
+ RenderText {#text} at (0,1) size 494x28
+ text run at (0,1) width 494: "This sentence should be one and one half picas tall."
+ RenderBlock {P} at (4,957) size 762x39
+ RenderText {#text} at (0,1) size 467x36
+ text run at (0,1) width 467: "This sentence should be two em tall."
+ RenderBlock {P} at (4,1027) size 762x26
+ RenderText {#text} at (0,0) size 311x24
+ text run at (0,0) width 311: "This sentence should be three ex tall."
+ RenderBlock {P} at (4,1077) size 762x32
+ RenderText {#text} at (0,1) size 472x29
+ text run at (0,1) width 472: "This sentence should be twenty-five pixels tall."
+ RenderBlock {P} at (4,1140) size 762x39
+ RenderText {#text} at (0,1) size 549x36
+ text run at (0,1) width 549: "This sentence should be twice normal size."
+ RenderBlock {P} at (4,1210) size 762x21
+ RenderText {#text} at (0,0) size 686x19
+ text run at (0,0) width 686: "This sentence should be normal size, since no negative values are allowed and therefore should be ignored."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1font_propertiesfont_styleexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/font_properties/font_style-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/font_properties/font_style-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/font_properties/font_style-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,62 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x56
+ RenderText {#text} at (0,0) size 242x56
+ text run at (0,0) width 203: ".one {font-style: italic;}"
+ text run at (202,0) width 1: " "
+ text run at (0,14) width 211: ".two {font-style: oblique;}"
+ text run at (210,14) width 1: " "
+ text run at (0,28) width 242: ".three, I {font-style: normal;}"
+ text run at (241,28) width 1: " "
+ text run at (0,42) width 0: " "
+ RenderBlock {HR} at (0,105) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,123) size 784x20
+ RenderText {#text} at (0,0) size 510x19
+ text run at (0,0) width 510: "This paragraph should be in italics, but the last word of the sentence should be "
+ RenderInline {SPAN} at (0,0) size 46x19
+ RenderText {#text} at (509,0) size 46x19
+ text run at (509,0) width 46: "normal"
+ RenderText {#text} at (554,0) size 5x19
+ text run at (554,0) width 5: "."
+ RenderBlock {P} at (0,159) size 784x20
+ RenderText {#text} at (0,0) size 222x19
+ text run at (0,0) width 222: "This paragraph should be oblique."
+ RenderBlock {P} at (0,195) size 784x20
+ RenderInline {I} at (0,0) size 216x19
+ RenderText {#text} at (0,0) size 216x19
+ text run at (0,0) width 216: "This paragraph should be normal."
+ RenderText {#text} at (0,0) size 0x0
+ RenderTable {TABLE} at (0,231) size 581x130 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 579x128
+ RenderTableRow {TR} at (0,0) size 579x28
+ RenderTableCell {TD} at (0,0) size 579x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 579x100
+ RenderTableCell {TD} at (0,64) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 567x100 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 559x20
+ RenderText {#text} at (0,0) size 510x19
+ text run at (0,0) width 510: "This paragraph should be in italics, but the last word of the sentence should be "
+ RenderInline {SPAN} at (0,0) size 46x19
+ RenderText {#text} at (509,0) size 46x19
+ text run at (509,0) width 46: "normal"
+ RenderText {#text} at (554,0) size 5x19
+ text run at (554,0) width 5: "."
+ RenderBlock {P} at (4,40) size 559x20
+ RenderText {#text} at (0,0) size 222x19
+ text run at (0,0) width 222: "This paragraph should be oblique."
+ RenderBlock {P} at (4,76) size 559x20
+ RenderInline {I} at (0,0) size 216x19
+ RenderText {#text} at (0,0) size 216x19
+ text run at (0,0) width 216: "This paragraph should be normal."
+ RenderText {#text} at (0,0) size 0x0
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1font_propertiesfont_variantexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/font_properties/font_variant-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/font_properties/font_variant-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/font_properties/font_variant-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,50 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x42
+ RenderText {#text} at (0,0) size 250x42
+ text run at (0,0) width 250: ".one {font-variant: small-caps;}"
+ text run at (249,0) width 1: " "
+ text run at (0,14) width 219: ".two {font-variant: normal;}"
+ text run at (218,14) width 1: " "
+ text run at (0,28) width 0: " "
+ RenderBlock {HR} at (0,91) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,109) size 784x20
+ RenderText {#text} at (0,0) size 270x19
+ text run at (0,0) width 270: "This Paragraph should be in Small Caps."
+ RenderBlock {P} at (0,145) size 784x20
+ RenderText {#text} at (0,0) size 577x19
+ text run at (0,0) width 577: "This Paragraph should be in Small Caps, but the Last Word in the Sentence should be "
+ RenderInline {SPAN} at (0,0) size 50x19
+ RenderText {#text} at (576,0) size 50x19
+ text run at (576,0) width 50: "Normal"
+ RenderText {#text} at (625,0) size 5x19
+ text run at (625,0) width 5: "."
+ RenderTable {TABLE} at (0,181) size 652x94 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 650x92
+ RenderTableRow {TR} at (0,0) size 650x28
+ RenderTableCell {TD} at (0,0) size 650x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 650x64
+ RenderTableCell {TD} at (0,46) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 638x64 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 630x20
+ RenderText {#text} at (0,0) size 270x19
+ text run at (0,0) width 270: "This Paragraph should be in Small Caps."
+ RenderBlock {P} at (4,40) size 630x20
+ RenderText {#text} at (0,0) size 577x19
+ text run at (0,0) width 577: "This Paragraph should be in Small Caps, but the Last Word in the Sentence should be "
+ RenderInline {SPAN} at (0,0) size 50x19
+ RenderText {#text} at (576,0) size 50x19
+ text run at (576,0) width 50: "Normal"
+ RenderText {#text} at (625,0) size 5x19
+ text run at (625,0) width 5: "."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1font_propertiesfont_weightexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/font_properties/font_weight-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/font_properties/font_weight-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/font_properties/font_weight-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,124 @@
</span><ins>+layer at (0,0) size 800x1083
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x1083
+ RenderBlock {HTML} at (0,0) size 800x1083
+ RenderBody {BODY} at (8,8) size 784x1067 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x154
+ RenderText {#text} at (0,0) size 235x154
+ text run at (0,0) width 196: ".one {font-weight: bold;}"
+ text run at (195,0) width 1: " "
+ text run at (0,14) width 211: ".two {font-weight: bolder;}"
+ text run at (210,14) width 1: " "
+ text run at (0,28) width 235: ".three {font-weight: lighter;}"
+ text run at (234,28) width 1: " "
+ text run at (0,42) width 196: ".four {font-weight: 100;}"
+ text run at (195,42) width 1: " "
+ text run at (0,56) width 196: ".five {font-weight: 300;}"
+ text run at (195,56) width 1: " "
+ text run at (0,70) width 188: ".six {font-weight: 500;}"
+ text run at (187,70) width 1: " "
+ text run at (0,84) width 203: ".seven {font-weight: 700;}"
+ text run at (202,84) width 1: " "
+ text run at (0,98) width 203: ".eight {font-weight: 900;}"
+ text run at (202,98) width 1: " "
+ text run at (0,112) width 219: ".nine {font-weight: normal;}"
+ text run at (218,112) width 1: " "
+ text run at (0,126) width 196: "B {font-weight: lighter;}"
+ text run at (195,126) width 1: " "
+ text run at (0,140) width 0: " "
+ RenderBlock {HR} at (0,203) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,221) size 784x20
+ RenderText {#text} at (0,0) size 200x19
+ text run at (0,0) width 200: "This sentence should be bold."
+ RenderBlock {P} at (0,257) size 784x20
+ RenderText {#text} at (0,0) size 303x19
+ text run at (0,0) width 303: "This sentence should be bolder than normal."
+ RenderBlock {H4} at (0,298) size 784x21
+ RenderText {#text} at (0,0) size 133x19
+ text run at (0,0) width 133: "This is a heading-4."
+ RenderBlock {H4} at (0,339) size 784x21
+ RenderText {#text} at (0,0) size 181x19
+ text run at (0,0) width 181: "This is a bolder heading-4."
+ RenderBlock {P} at (0,380) size 784x21
+ RenderInline {B} at (0,0) size 361x19
+ RenderText {#text} at (0,0) size 361x19
+ text run at (0,0) width 361: "This sentence should be normal (boldface made lighter)."
+ RenderText {#text} at (0,0) size 0x0
+ RenderBlock {P} at (0,416) size 784x21
+ RenderText {#text} at (0,0) size 233x19
+ text run at (0,0) width 233: "This sentence should be weight 100."
+ RenderBlock {P} at (0,452) size 784x21
+ RenderText {#text} at (0,0) size 233x19
+ text run at (0,0) width 233: "This sentence should be weight 300."
+ RenderBlock {P} at (0,488) size 784x21
+ RenderText {#text} at (0,0) size 233x19
+ text run at (0,0) width 233: "This sentence should be weight 500."
+ RenderBlock {P} at (0,524) size 784x21
+ RenderText {#text} at (0,0) size 243x19
+ text run at (0,0) width 243: "This sentence should be weight 700."
+ RenderBlock {P} at (0,560) size 784x21
+ RenderText {#text} at (0,0) size 243x19
+ text run at (0,0) width 243: "This sentence should be weight 900."
+ RenderBlock {P} at (0,596) size 784x21
+ RenderText {#text} at (0,0) size 498x19
+ text run at (0,0) width 498: "This sentence should be bold, but the last word in the sentence should be "
+ RenderInline {SPAN} at (0,0) size 46x19
+ RenderText {#text} at (497,0) size 46x19
+ text run at (497,0) width 46: "normal"
+ RenderText {#text} at (542,0) size 5x19
+ text run at (542,0) width 5: "."
+ RenderTable {TABLE} at (0,632) size 569x435 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 567x432
+ RenderTableRow {TR} at (0,0) size 567x28
+ RenderTableCell {TD} at (0,0) size 567x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 567x404
+ RenderTableCell {TD} at (0,216) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 555x404 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 547x20
+ RenderText {#text} at (0,0) size 200x19
+ text run at (0,0) width 200: "This sentence should be bold."
+ RenderBlock {P} at (4,40) size 547x20
+ RenderText {#text} at (0,0) size 303x19
+ text run at (0,0) width 303: "This sentence should be bolder than normal."
+ RenderBlock {H4} at (4,81) size 547x21
+ RenderText {#text} at (0,0) size 133x19
+ text run at (0,0) width 133: "This is a heading-4."
+ RenderBlock {H4} at (4,122) size 547x21
+ RenderText {#text} at (0,0) size 181x19
+ text run at (0,0) width 181: "This is a bolder heading-4."
+ RenderBlock {P} at (4,163) size 547x21
+ RenderInline {B} at (0,0) size 361x19
+ RenderText {#text} at (0,0) size 361x19
+ text run at (0,0) width 361: "This sentence should be normal (boldface made lighter)."
+ RenderText {#text} at (0,0) size 0x0
+ RenderBlock {P} at (4,199) size 547x21
+ RenderText {#text} at (0,0) size 233x19
+ text run at (0,0) width 233: "This sentence should be weight 100."
+ RenderBlock {P} at (4,235) size 547x21
+ RenderText {#text} at (0,0) size 233x19
+ text run at (0,0) width 233: "This sentence should be weight 300."
+ RenderBlock {P} at (4,271) size 547x21
+ RenderText {#text} at (0,0) size 233x19
+ text run at (0,0) width 233: "This sentence should be weight 500."
+ RenderBlock {P} at (4,307) size 547x21
+ RenderText {#text} at (0,0) size 243x19
+ text run at (0,0) width 243: "This sentence should be weight 700."
+ RenderBlock {P} at (4,343) size 547x21
+ RenderText {#text} at (0,0) size 243x19
+ text run at (0,0) width 243: "This sentence should be weight 900."
+ RenderBlock {P} at (4,379) size 547x21
+ RenderText {#text} at (0,0) size 498x19
+ text run at (0,0) width 498: "This sentence should be bold, but the last word in the sentence should be "
+ RenderInline {SPAN} at (0,0) size 46x19
+ RenderText {#text} at (497,0) size 46x19
+ text run at (497,0) width 46: "normal"
+ RenderText {#text} at (542,0) size 5x19
+ text run at (542,0) width 5: "."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1formatting_modelcanvasexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/formatting_model/canvas-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/formatting_model/canvas-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/formatting_model/canvas-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,41 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600 [bgcolor=#00FFFF]
+ RenderBody {BODY} at (25,25) size 750x550 [bgcolor=#008000]
+ RenderBlock {P} at (0,0) size 750x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 750x28
+ RenderText {#text} at (0,0) size 539x28
+ text run at (0,0) width 235: "HTML {background-color: aqua;}"
+ text run at (234,0) width 1: " "
+ text run at (0,14) width 539: "BODY {background-color: green; background-image: none; margin: 25px;}"
+ text run at (538,14) width 1: " "
+ RenderBlock {HR} at (0,77) size 750x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,95) size 750x60
+ RenderText {#text} at (0,0) size 746x59
+ text run at (0,0) width 392: "The body of this document should have a green background. "
+ text run at (391,0) width 316: "It also has a margin of 25 pixels, so the light blue"
+ text run at (0,20) width 434: "background set for the HTML element should surround the BODY. "
+ text run at (433,20) width 313: "If the BODY content is significantly shorter than"
+ text run at (0,40) width 528: "the browser's window height, then the bottom border may be larger than 25 pixels."
+ RenderTable {TABLE} at (0,171) size 750x98 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 748x96
+ RenderTableRow {TR} at (0,0) size 748x28
+ RenderTableCell {TD} at (0,0) size 748x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 748x68
+ RenderTableCell {TD} at (0,48) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 736x68 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 728x60
+ RenderText {#text} at (0,0) size 715x59
+ text run at (0,0) width 392: "The body of this document should have a green background. "
+ text run at (391,0) width 316: "It also has a margin of 25 pixels, so the light blue"
+ text run at (0,20) width 434: "background set for the HTML element should surround the BODY. "
+ text run at (433,20) width 282: "If the BODY content is significantly shorter"
+ text run at (0,40) width 559: "than the browser's window height, then the bottom border may be larger than 25 pixels."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1formatting_modelfloating_elementsexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/formatting_model/floating_elements-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/formatting_model/floating_elements-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/formatting_model/floating_elements-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,721 @@
</span><ins>+layer at (0,0) size 800x6801
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x6801
+ RenderBlock {HTML} at (0,0) size 800x6801
+ RenderBody {BODY} at (8,8) size 784x6785 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x126
+ RenderText {#text} at (0,0) size 469x126
+ text run at (0,0) width 266: "HR.minor {clear: both; width: 5%;}"
+ text run at (265,0) width 1: " "
+ text run at (0,14) width 391: "HR.major {clear: both; width: 75%; margin: 1.5em;}"
+ text run at (390,14) width 1: " "
+ text run at (0,28) width 469: "DIV {border: 5px solid purple; padding: 0; margin: 0.125em;}"
+ text run at (468,28) width 1: " "
+ text run at (0,42) width 422: "P.left, P.right {width: 10em; padding: 1em; margin: 0;"
+ text run at (421,42) width 1: " "
+ text run at (0,56) width 414: " border: 1px solid lime; background-color: silver;}"
+ text run at (413,56) width 1: " "
+ text run at (0,70) width 445: "IMG.left, IMG.right {margin: 0; border: 3px solid black;}"
+ text run at (444,70) width 1: " "
+ text run at (0,84) width 157: ".left {float: left;}"
+ text run at (156,84) width 1: " "
+ text run at (0,98) width 172: ".right {float: right;}"
+ text run at (171,98) width 1: " "
+ text run at (0,112) width 0: " "
+ RenderBlock {HR} at (0,175) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,193) size 784x40
+ RenderText {#text} at (0,0) size 772x39
+ text run at (0,0) width 696: "On this test page, each test is performed once with floating paragraphs, and then again with floating images. "
+ text run at (695,0) width 69: "Other than"
+ text run at (0,20) width 772: "the substitution of images for pargraphs, the structure of the test is exactly the same, including the direction of the floats."
+ RenderBlock {HR} at (24,257) size 590x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (2,283) size 780x110 [border: (5px solid #800080)]
+ RenderBlock (floating) {P} at (5,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+ RenderText {#text} at (17,17) size 135x59
+ text run at (17,17) width 135: "This is a left-floating"
+ text run at (17,37) width 116: "paragraph (first in"
+ text run at (17,57) width 52: "source)."
+ RenderBlock (floating) {P} at (581,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+ RenderText {#text} at (17,17) size 144x59
+ text run at (17,17) width 144: "This is a right-floating"
+ text run at (17,37) width 135: "paragraph (second in"
+ text run at (17,57) width 52: "source)."
+ RenderText {#text} at (199,5) size 369x99
+ text run at (199,5) width 178: "This is text within the DIV. "
+ text run at (376,5) width 186: "The floating elements within"
+ text run at (199,25) width 369: "this DIV should not go beyond the left or right inner edge"
+ text run at (199,45) width 361: "of this DIV, which means that the borders of the floating"
+ text run at (199,65) width 368: "elements should not overlap the top or side borders of the"
+ text run at (199,85) width 31: "DIV."
+ RenderBlock {HR} at (371,401) size 42x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (2,411) size 780x70 [border: (5px solid #800080)]
+ RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
+ RenderImage {IMG} at (760,5) size 15x36 [border: (3px solid #000000)]
+ RenderText {#text} at (20,5) size 739x59
+ text run at (20,5) width 178: "This is text within the DIV. "
+ text run at (197,5) width 547: "The floating images within this DIV should not go beyond the left or right inner edge"
+ text run at (20,25) width 722: "of this DIV, which means that the borders of the floating images should not overlap the top or side borders of the"
+ text run at (5,45) width 31: "DIV."
+ RenderBlock {HR} at (24,505) size 590x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (2,531) size 442x250 [border: (5px solid #800080)]
+ RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+ RenderText {#text} at (17,17) size 128x39
+ text run at (17,17) width 128: "This is the first left-"
+ text run at (17,37) width 122: "floating paragraph."
+ RenderBlock (floating) {P} at (199,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+ RenderText {#text} at (17,17) size 146x39
+ text run at (17,17) width 146: "This is the second left-"
+ text run at (17,37) width 122: "floating paragraph."
+ RenderBlock (floating) {P} at (5,79) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+ RenderText {#text} at (17,17) size 132x39
+ text run at (17,17) width 132: "This is the third left-"
+ text run at (17,37) width 122: "floating paragraph."
+ RenderText {#text} at (393,5) size 432x239
+ text run at (393,5) width 44: "This is"
+ text run at (393,25) width 24: "text"
+ text run at (393,45) width 41: "within"
+ text run at (393,65) width 20: "the"
+ text run at (199,85) width 35: "DIV. "
+ text run at (233,85) width 185: "The floating elements within"
+ text run at (199,105) width 222: "this DIV should not go beyond the"
+ text run at (199,125) width 223: "left or right inner edge of this DIV,"
+ text run at (199,145) width 229: "which means that the borders of the"
+ text run at (5,165) width 422: "floating elements should not overlap the top or side borders of the"
+ text run at (5,185) width 110: "DIV in any way. "
+ text run at (114,185) width 303: "In addition, they should not overlap each other."
+ text run at (5,205) width 432: "The first two should be side by side, whereas the third should be on"
+ text run at (5,225) width 97: "the next \"line.\""
+ RenderBlock {HR} at (371,789) size 42x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (2,799) size 360x230 [border: (5px solid #800080)]
+ RenderImage {IMG} at (5,5) size 156x36 [border: (3px solid #000000)]
+ RenderImage {IMG} at (161,5) size 156x36 [border: (3px solid #000000)]
+ RenderImage {IMG} at (5,41) size 156x36 [border: (3px solid #000000)]
+ RenderText {#text} at (317,5) size 345x219
+ text run at (317,5) width 29: "This"
+ text run at (317,25) width 11: "is"
+ text run at (161,45) width 131: "text within the DIV. "
+ text run at (291,45) width 26: "The"
+ text run at (161,65) width 172: "floating images within this"
+ text run at (5,85) width 342: "DIV should not go beyond the left or right inner edge"
+ text run at (5,105) width 308: "of this DIV, which means that the borders of the"
+ text run at (5,125) width 318: "floating images should not overlap the top or side"
+ text run at (5,145) width 203: "borders of the DIV in any way. "
+ text run at (207,145) width 106: "In addition, they"
+ text run at (5,165) width 197: "should not overlap each other. "
+ text run at (201,165) width 149: "The first two should be"
+ text run at (5,185) width 335: "side by side, whereas the third should be on the next"
+ text run at (5,205) width 42: "\"line.\""
+ RenderBlock {HR} at (24,1053) size 590x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (2,1079) size 314x384 [border: (5px solid #800080)]
+ RenderBlock (floating) {P} at (5,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+ RenderText {#text} at (17,17) size 135x59
+ text run at (17,17) width 135: "This is a left-floating"
+ text run at (17,37) width 116: "paragraph (first in"
+ text run at (17,57) width 52: "source)."
+ RenderBlock (floating) {P} at (115,99) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+ RenderText {#text} at (17,17) size 144x59
+ text run at (17,17) width 144: "This is a right-floating"
+ text run at (17,37) width 135: "paragraph (second in"
+ text run at (17,57) width 52: "source)."
+ RenderText {#text} at (199,5) size 302x373
+ text run at (199,5) width 72: "This is text"
+ text run at (199,25) width 99: "within the DIV."
+ text run at (199,45) width 79: "The floating"
+ text run at (199,65) width 102: "elements within"
+ text run at (5,99) width 102: "this DIV should"
+ text run at (5,119) width 92: "not go beyond"
+ text run at (5,139) width 97: "the left or right"
+ text run at (5,159) width 85: "inner edge of"
+ text run at (5,179) width 101: "this DIV, which"
+ text run at (5,199) width 300: "means that the borders of the floating elements"
+ text run at (5,219) width 284: "should not overlap the top or side borders of"
+ text run at (5,239) width 133: "the DIV in any way. "
+ text run at (137,239) width 153: "In addition, they should"
+ text run at (5,259) width 292: "not overlap each other in any way, nor should"
+ text run at (5,279) width 302: "the floated elements be overwritten by the DIV"
+ text run at (5,299) width 32: "text. "
+ text run at (36,299) width 255: "In addition, the floated elements should"
+ text run at (5,319) width 300: "not be side-by-side, but instead the first should"
+ text run at (5,339) width 281: "be floated left, and the second floated to the"
+ text run at (5,359) width 131: "right below the first."
+ RenderBlock {HR} at (371,1471) size 42x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (2,1481) size 410x246 [border: (5px solid #800080)]
+ RenderImage {IMG} at (5,5) size 256x36 [border: (3px solid #000000)]
+ RenderImage {IMG} at (149,41) size 256x36 [border: (3px solid #000000)]
+ RenderText {#text} at (261,5) size 396x235
+ text run at (261,5) width 140: "This is text within the"
+ text run at (5,41) width 35: "DIV. "
+ text run at (39,41) width 80: "The floating"
+ text run at (5,61) width 118: "images within this"
+ text run at (5,81) width 387: "DIV should not go beyond the left or right inner edge of this"
+ text run at (5,101) width 366: "DIV, which means that the borders of the floating images"
+ text run at (5,121) width 383: "should not overlap the top or side borders of the DIV in any"
+ text run at (5,141) width 34: "way. "
+ text run at (38,141) width 343: "In addition, they should not overlap each other in any"
+ text run at (5,161) width 375: "way, nor should the floated elements be overwritten by the"
+ text run at (5,181) width 65: "DIV text. "
+ text run at (69,181) width 321: "In addition, the floated images should not be side-"
+ text run at (5,201) width 373: "by-side, but instead the first should be floated left, and the"
+ text run at (5,221) width 268: "second floated to the right below the first."
+ RenderBlock {HR} at (24,1751) size 590x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (2,1777) size 780x130 [border: (5px solid #800080)]
+ RenderBlock (floating) {P} at (581,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+ RenderText {#text} at (17,17) size 144x59
+ text run at (17,17) width 144: "This is a right-floating"
+ text run at (17,37) width 116: "paragraph (first in"
+ text run at (17,57) width 52: "source)."
+ RenderBlock (floating) {P} at (5,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+ RenderText {#text} at (17,17) size 135x59
+ text run at (17,17) width 135: "This is a left-floating"
+ text run at (17,37) width 135: "paragraph (second in"
+ text run at (17,57) width 52: "source)."
+ RenderText {#text} at (199,5) size 573x119
+ text run at (199,5) width 178: "This is text within the DIV. "
+ text run at (376,5) width 186: "The floating elements within"
+ text run at (199,25) width 355: "this DIV should not go beyond the top side of this DIV,"
+ text run at (199,45) width 344: "which means that the borders of the floating elements"
+ text run at (199,65) width 356: "should not overlap the top or side borders of the DIV in"
+ text run at (199,85) width 61: "any way. "
+ text run at (259,85) width 319: "In addition, the top of the left-floating box should"
+ text run at (5,105) width 327: "not be higher than the top of the right-floating box."
+ RenderBlock {HR} at (371,1915) size 42x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (2,1925) size 780x70 [border: (5px solid #800080)]
+ RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
+ RenderImage {IMG} at (760,5) size 15x36 [border: (3px solid #000000)]
+ RenderText {#text} at (20,5) size 734x59
+ text run at (20,5) width 178: "This is text within the DIV. "
+ text run at (197,5) width 532: "The floating images within this DIV should not go beyond the top side of this DIV,"
+ text run at (20,25) width 719: "which means that the borders of the floating images should not overlap the top or side borders of the DIV in any"
+ text run at (5,45) width 34: "way. "
+ text run at (38,45) width 679: "In addition, the top of the left-floating image should not be higher than the top of the right-floating image."
+ RenderBlock {HR} at (24,2019) size 590x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (2,2045) size 780x130 [border: (5px solid #800080)]
+ RenderText {#text} at (199,5) size 186x19
+ text run at (199,5) width 178: "This is text within the DIV. "
+ text run at (376,5) width 9: "*"
+ RenderBlock (floating) {P} at (5,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+ RenderText {#text} at (17,17) size 135x59
+ text run at (17,17) width 135: "This is a left-floating"
+ text run at (17,37) width 116: "paragraph (first in"
+ text run at (17,57) width 52: "source)."
+ RenderText {#text} at (384,5) size 552x39
+ text run at (384,5) width 367: " The floating elements within this DIV should not go any"
+ text run at (199,25) width 487: "higher than the line-box containing the inline content which precedes them. "
+ text run at (685,25) width 13: "* "
+ RenderBlock (floating) {P} at (581,45) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+ RenderText {#text} at (17,17) size 144x59
+ text run at (17,17) width 144: "This is a right-floating"
+ text run at (17,37) width 135: "paragraph (second in"
+ text run at (17,57) width 52: "source)."
+ RenderText {#text} at (697,25) size 767x99
+ text run at (697,25) width 75: "This means"
+ text run at (199,45) width 381: "that the top side of each float can be, at most, as high as the"
+ text run at (199,65) width 364: "top edge of the inline element containing the content just"
+ text run at (199,85) width 313: "before the floating elements occur in the source. "
+ text run at (511,85) width 68: "In order to"
+ text run at (5,105) width 562: "mark these points clearly, an asterisk has been inserted just before each floated element."
+ RenderBlock {HR} at (371,2184) size 42x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (2,2194) size 780x90 [border: (5px solid #800080)]
+ RenderText {#text} at (20,5) size 186x19
+ text run at (20,5) width 178: "This is text within the DIV. "
+ text run at (197,5) width 9: "*"
+ RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
+ RenderText {#text} at (205,5) size 698x39
+ text run at (205,5) width 513: " The floating images within this DIV should not go any higher than the line-box"
+ text run at (20,25) width 330: "containing the inline content which precedes them. "
+ text run at (349,25) width 13: "* "
+ RenderImage {IMG} at (760,25) size 15x36 [border: (3px solid #000000)]
+ RenderText {#text} at (361,25) size 741x59
+ text run at (361,25) width 385: "This means that the top side of each float can be, at most, as"
+ text run at (5,45) width 738: "high as the top edge of the inline element containing the content just before the floating images occur in the source."
+ text run at (5,65) width 622: "In order to mark these points clearly, an asterisk has been inserted just before each floated image."
+ RenderBlock {HR} at (24,2308) size 590x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (2,2334) size 780x290 [border: (5px solid #800080)]
+ RenderText {#text} at (199,5) size 186x19
+ text run at (199,5) width 178: "This is text within the DIV. "
+ text run at (376,5) width 9: "*"
+ RenderBlock (floating) {P} at (5,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+ RenderText {#text} at (17,17) size 135x59
+ text run at (17,17) width 135: "This is a left-floating"
+ text run at (17,37) width 116: "paragraph (first in"
+ text run at (17,57) width 52: "source)."
+ RenderText {#text} at (384,5) size 552x39
+ text run at (384,5) width 367: " The floating elements within this DIV should not go any"
+ text run at (199,25) width 487: "higher than the line-box containing the inline content which precedes them. "
+ text run at (685,25) width 13: "* "
+ RenderBlock (floating) {P} at (581,45) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+ RenderText {#text} at (17,17) size 144x59
+ text run at (17,17) width 144: "This is a right-floating"
+ text run at (17,37) width 135: "paragraph (second in"
+ text run at (17,57) width 52: "source)."
+ RenderText {#text} at (697,25) size 573x39
+ text run at (697,25) width 75: "This means"
+ text run at (199,45) width 244: "that the top side of each float can be,*"
+ RenderBlock (floating) {P} at (199,65) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+ RenderText {#text} at (17,17) size 135x59
+ text run at (17,17) width 135: "This is a left-floating"
+ text run at (17,37) width 120: "paragraph (third in"
+ text run at (17,57) width 52: "source)."
+ RenderText {#text} at (442,45) size 276x119
+ text run at (442,45) width 122: " at most, as high as"
+ text run at (393,65) width 160: "the top edge of the inline"
+ text run at (393,85) width 146: "element containing the"
+ text run at (393,105) width 143: "content just before the"
+ text run at (393,125) width 167: "floating elements occur in"
+ text run at (587,145) width 74: "the source. "
+ text run at (660,145) width 9: "*"
+ RenderBlock (floating) {P} at (393,145) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+ RenderText {#text} at (17,17) size 135x59
+ text run at (17,17) width 135: "This is a left-floating"
+ text run at (17,37) width 129: "paragraph (fourth in"
+ text run at (17,57) width 52: "source)."
+ RenderText {#text} at (668,145) size 765x139
+ text run at (668,145) width 72: " In order to"
+ text run at (587,165) width 183: "mark these points clearly, an"
+ text run at (587,185) width 164: "asterisk has been inserted"
+ text run at (587,205) width 150: "just before each floated"
+ text run at (587,225) width 59: "element. "
+ text run at (645,225) width 114: "If a line has room"
+ text run at (5,245) width 744: "for a floated element, then the element should float so that its top is aligned with the top of the line-box in which the"
+ text run at (5,265) width 110: "asterisk appears. "
+ text run at (114,265) width 411: "Otherwise, its top should align with the top of the next line-box."
+ RenderBlock {HR} at (371,2632) size 42x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (2,2642) size 780x130 [border: (5px solid #800080)]
+ RenderText {#text} at (20,5) size 186x19
+ text run at (20,5) width 178: "This is text within the DIV. "
+ text run at (197,5) width 9: "*"
+ RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
+ RenderText {#text} at (205,5) size 683x39
+ text run at (205,5) width 513: " The floating images within this DIV should not go any higher than the line-box"
+ text run at (35,25) width 330: "containing the inline content which precedes them. "
+ text run at (364,25) width 13: "* "
+ RenderImage {IMG} at (760,25) size 15x36 [border: (3px solid #000000)]
+ RenderText {#text} at (376,25) size 326x19
+ text run at (376,25) width 318: "This means that the top side of each float can be, "
+ text run at (693,25) width 9: "*"
+ RenderImage {IMG} at (20,25) size 15x36 [border: (3px solid #000000)]
+ RenderText {#text} at (701,25) size 736x59
+ text run at (701,25) width 55: " at most,"
+ text run at (35,45) width 706: "as high as the top edge of the inline element containing the content just before the floating images occur in the"
+ text run at (20,65) width 50: "source. "
+ text run at (69,65) width 9: "*"
+ RenderImage {IMG} at (5,65) size 15x36 [border: (3px solid #000000)]
+ RenderText {#text} at (77,65) size 753x59
+ text run at (77,65) width 631: " In order to mark these points clearly, an asterisk has been inserted just before each floated image. "
+ text run at (707,65) width 51: "If a line"
+ text run at (20,85) width 718: "has room for a floated image, then the image should float so that its top is aligned with the top of the line-box in"
+ text run at (5,105) width 177: "which the asterisk appears. "
+ text run at (181,105) width 411: "Otherwise, its top should align with the top of the next line-box."
+ RenderBlock {HR} at (24,2796) size 590x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (2,2822) size 490x330 [border: (5px solid #800080)]
+ RenderText {#text} at (199,5) size 56x19
+ text run at (199,5) width 56: "This is *"
+ RenderBlock (floating) {P} at (5,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+ RenderText {#text} at (17,17) size 135x59
+ text run at (17,17) width 135: "This is a left-floating"
+ text run at (17,37) width 116: "paragraph (first in"
+ text run at (17,57) width 52: "source)."
+ RenderText {#text} at (254,5) size 13x19
+ text run at (254,5) width 13: " *"
+ RenderBlock (floating) {P} at (291,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+ RenderText {#text} at (17,17) size 144x59
+ text run at (17,17) width 144: "This is a right-floating"
+ text run at (17,37) width 135: "paragraph (second in"
+ text run at (17,57) width 52: "source)."
+ RenderText {#text} at (199,25) size 480x299
+ text run at (199,25) width 69: "text within"
+ text run at (199,45) width 54: "the DIV."
+ text run at (199,65) width 85: "Under CSS1,"
+ text run at (199,85) width 45: "the left"
+ text run at (5,105) width 469: "floating element should be placed in the upper left corner of the DIV, and"
+ text run at (5,125) width 465: "the purple border of the DIV should abut the green border of the floating"
+ text run at (5,145) width 59: "element. "
+ text run at (63,145) width 422: "Similarly, the right floating element should be placed in the upper"
+ text run at (5,165) width 467: "right corner of the DIV, and the purple border of the DIV should abut the"
+ text run at (5,185) width 466: "green border of the floating element. The text of the DIV element should"
+ text run at (5,205) width 435: "flow between and under the two floating elements. The two asterisk"
+ text run at (5,225) width 478: "characters mark the insertion points of the floating elements. It is expected"
+ text run at (5,245) width 479: "that, under future specifications, it may be acceptable for the top of floated"
+ text run at (5,265) width 475: "elements to align with the top of the line-box following the insertion point"
+ text run at (5,285) width 451: "of the floated element to avoid floating elements appearing before text"
+ text run at (5,305) width 269: "which precedes it in the source document."
+ RenderBlock {HR} at (371,3160) size 42x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (2,3170) size 490x250 [border: (5px solid #800080)]
+ RenderText {#text} at (20,5) size 56x19
+ text run at (20,5) width 56: "This is *"
+ RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
+ RenderText {#text} at (75,5) size 13x19
+ text run at (75,5) width 13: " *"
+ RenderImage {IMG} at (470,5) size 15x36 [border: (3px solid #000000)]
+ RenderText {#text} at (87,5) size 472x239
+ text run at (87,5) width 135: " text within the DIV. "
+ text run at (221,5) width 232: "Under CSS1, the left floating image"
+ text run at (20,25) width 429: "should be placed in the upper left corner of the DIV, and the purple"
+ text run at (5,45) width 444: "border of the DIV should abut the green border of the floating image."
+ text run at (5,65) width 444: "Similarly, the right floating image should be placed in the upper right"
+ text run at (5,85) width 472: "corner of the DIV, and the purple border of the DIV should abut the green"
+ text run at (5,105) width 449: "border of the floating image. The text of the DIV element should flow"
+ text run at (5,125) width 452: "between and under the two floating image. The two asterisk characters"
+ text run at (5,145) width 306: "mark the insertion points of the floating image. "
+ text run at (310,145) width 158: "It is expected that, under"
+ text run at (5,165) width 467: "future specifications, it may be acceptable for the top of floated elements"
+ text run at (5,185) width 455: "to align with the top of the line-box following the insertion point of the"
+ text run at (5,205) width 453: "floated element to avoid floating elements appearing before text which"
+ text run at (5,225) width 226: "precedes it in the source document."
+ RenderBlock {HR} at (24,3444) size 590x2 [border: (1px inset #000000)]
+ RenderTable {TABLE} at (0,3470) size 784x3315 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x3313
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x3285
+ RenderTableCell {TD} at (0,1656) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x3285 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x60
+ RenderText {#text} at (0,0) size 760x59
+ text run at (0,0) width 696: "On this test page, each test is performed once with floating paragraphs, and then again with floating images. "
+ text run at (695,0) width 37: "Other"
+ text run at (0,20) width 760: "than the substitution of images for pargraphs, the structure of the test is exactly the same, including the direction of the"
+ text run at (0,40) width 40: "floats."
+ RenderBlock {HR} at (28,88) size 574x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (6,114) size 758x110 [border: (5px solid #800080)]
+ RenderBlock (floating) {P} at (5,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+ RenderText {#text} at (17,17) size 135x59
+ text run at (17,17) width 135: "This is a left-floating"
+ text run at (17,37) width 116: "paragraph (first in"
+ text run at (17,57) width 52: "source)."
+ RenderBlock (floating) {P} at (559,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+ RenderText {#text} at (17,17) size 144x59
+ text run at (17,17) width 144: "This is a right-floating"
+ text run at (17,37) width 135: "paragraph (second in"
+ text run at (17,57) width 52: "source)."
+ RenderText {#text} at (199,5) size 355x99
+ text run at (199,5) width 178: "This is text within the DIV. "
+ text run at (376,5) width 141: "The floating elements"
+ text run at (199,25) width 343: "within this DIV should not go beyond the left or right"
+ text run at (199,45) width 355: "inner edge of this DIV, which means that the borders of"
+ text run at (199,65) width 353: "the floating elements should not overlap the top or side"
+ text run at (199,85) width 124: "borders of the DIV."
+ RenderBlock {HR} at (364,232) size 42x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (6,242) size 758x70 [border: (5px solid #800080)]
+ RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
+ RenderImage {IMG} at (738,5) size 15x36 [border: (3px solid #000000)]
+ RenderText {#text} at (20,5) size 730x59
+ text run at (20,5) width 178: "This is text within the DIV. "
+ text run at (197,5) width 513: "The floating images within this DIV should not go beyond the left or right inner"
+ text run at (20,25) width 715: "edge of this DIV, which means that the borders of the floating images should not overlap the top or side borders"
+ text run at (5,45) width 72: "of the DIV."
+ RenderBlock {HR} at (28,336) size 574x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (6,362) size 442x250 [border: (5px solid #800080)]
+ RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+ RenderText {#text} at (17,17) size 128x39
+ text run at (17,17) width 128: "This is the first left-"
+ text run at (17,37) width 122: "floating paragraph."
+ RenderBlock (floating) {P} at (199,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+ RenderText {#text} at (17,17) size 146x39
+ text run at (17,17) width 146: "This is the second left-"
+ text run at (17,37) width 122: "floating paragraph."
+ RenderBlock (floating) {P} at (5,79) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+ RenderText {#text} at (17,17) size 132x39
+ text run at (17,17) width 132: "This is the third left-"
+ text run at (17,37) width 122: "floating paragraph."
+ RenderText {#text} at (393,5) size 432x239
+ text run at (393,5) width 44: "This is"
+ text run at (393,25) width 24: "text"
+ text run at (393,45) width 41: "within"
+ text run at (393,65) width 20: "the"
+ text run at (199,85) width 35: "DIV. "
+ text run at (233,85) width 185: "The floating elements within"
+ text run at (199,105) width 222: "this DIV should not go beyond the"
+ text run at (199,125) width 223: "left or right inner edge of this DIV,"
+ text run at (199,145) width 229: "which means that the borders of the"
+ text run at (5,165) width 422: "floating elements should not overlap the top or side borders of the"
+ text run at (5,185) width 110: "DIV in any way. "
+ text run at (114,185) width 303: "In addition, they should not overlap each other."
+ text run at (5,205) width 432: "The first two should be side by side, whereas the third should be on"
+ text run at (5,225) width 97: "the next \"line.\""
+ RenderBlock {HR} at (364,620) size 42x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (6,630) size 360x230 [border: (5px solid #800080)]
+ RenderImage {IMG} at (5,5) size 156x36 [border: (3px solid #000000)]
+ RenderImage {IMG} at (161,5) size 156x36 [border: (3px solid #000000)]
+ RenderImage {IMG} at (5,41) size 156x36 [border: (3px solid #000000)]
+ RenderText {#text} at (317,5) size 345x219
+ text run at (317,5) width 29: "This"
+ text run at (317,25) width 11: "is"
+ text run at (161,45) width 131: "text within the DIV. "
+ text run at (291,45) width 26: "The"
+ text run at (161,65) width 172: "floating images within this"
+ text run at (5,85) width 342: "DIV should not go beyond the left or right inner edge"
+ text run at (5,105) width 308: "of this DIV, which means that the borders of the"
+ text run at (5,125) width 318: "floating images should not overlap the top or side"
+ text run at (5,145) width 203: "borders of the DIV in any way. "
+ text run at (207,145) width 106: "In addition, they"
+ text run at (5,165) width 197: "should not overlap each other. "
+ text run at (201,165) width 149: "The first two should be"
+ text run at (5,185) width 335: "side by side, whereas the third should be on the next"
+ text run at (5,205) width 42: "\"line.\""
+ RenderBlock {HR} at (28,884) size 574x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (6,910) size 314x384 [border: (5px solid #800080)]
+ RenderBlock (floating) {P} at (5,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+ RenderText {#text} at (17,17) size 135x59
+ text run at (17,17) width 135: "This is a left-floating"
+ text run at (17,37) width 116: "paragraph (first in"
+ text run at (17,57) width 52: "source)."
+ RenderBlock (floating) {P} at (115,99) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+ RenderText {#text} at (17,17) size 144x59
+ text run at (17,17) width 144: "This is a right-floating"
+ text run at (17,37) width 135: "paragraph (second in"
+ text run at (17,57) width 52: "source)."
+ RenderText {#text} at (199,5) size 302x373
+ text run at (199,5) width 72: "This is text"
+ text run at (199,25) width 99: "within the DIV."
+ text run at (199,45) width 79: "The floating"
+ text run at (199,65) width 102: "elements within"
+ text run at (5,99) width 102: "this DIV should"
+ text run at (5,119) width 92: "not go beyond"
+ text run at (5,139) width 97: "the left or right"
+ text run at (5,159) width 85: "inner edge of"
+ text run at (5,179) width 101: "this DIV, which"
+ text run at (5,199) width 300: "means that the borders of the floating elements"
+ text run at (5,219) width 284: "should not overlap the top or side borders of"
+ text run at (5,239) width 133: "the DIV in any way. "
+ text run at (137,239) width 153: "In addition, they should"
+ text run at (5,259) width 292: "not overlap each other in any way, nor should"
+ text run at (5,279) width 302: "the floated elements be overwritten by the DIV"
+ text run at (5,299) width 32: "text. "
+ text run at (36,299) width 255: "In addition, the floated elements should"
+ text run at (5,319) width 300: "not be side-by-side, but instead the first should"
+ text run at (5,339) width 281: "be floated left, and the second floated to the"
+ text run at (5,359) width 131: "right below the first."
+ RenderBlock {HR} at (364,1302) size 42x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (6,1312) size 410x246 [border: (5px solid #800080)]
+ RenderImage {IMG} at (5,5) size 256x36 [border: (3px solid #000000)]
+ RenderImage {IMG} at (149,41) size 256x36 [border: (3px solid #000000)]
+ RenderText {#text} at (261,5) size 396x235
+ text run at (261,5) width 140: "This is text within the"
+ text run at (5,41) width 35: "DIV. "
+ text run at (39,41) width 80: "The floating"
+ text run at (5,61) width 118: "images within this"
+ text run at (5,81) width 387: "DIV should not go beyond the left or right inner edge of this"
+ text run at (5,101) width 366: "DIV, which means that the borders of the floating images"
+ text run at (5,121) width 383: "should not overlap the top or side borders of the DIV in any"
+ text run at (5,141) width 34: "way. "
+ text run at (38,141) width 343: "In addition, they should not overlap each other in any"
+ text run at (5,161) width 375: "way, nor should the floated elements be overwritten by the"
+ text run at (5,181) width 65: "DIV text. "
+ text run at (69,181) width 321: "In addition, the floated images should not be side-"
+ text run at (5,201) width 373: "by-side, but instead the first should be floated left, and the"
+ text run at (5,221) width 268: "second floated to the right below the first."
+ RenderBlock {HR} at (28,1582) size 574x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (6,1608) size 758x130 [border: (5px solid #800080)]
+ RenderBlock (floating) {P} at (559,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+ RenderText {#text} at (17,17) size 144x59
+ text run at (17,17) width 144: "This is a right-floating"
+ text run at (17,37) width 116: "paragraph (first in"
+ text run at (17,57) width 52: "source)."
+ RenderBlock (floating) {P} at (5,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+ RenderText {#text} at (17,17) size 135x59
+ text run at (17,17) width 135: "This is a left-floating"
+ text run at (17,37) width 135: "paragraph (second in"
+ text run at (17,57) width 52: "source)."
+ RenderText {#text} at (199,5) size 539x119
+ text run at (199,5) width 178: "This is text within the DIV. "
+ text run at (376,5) width 141: "The floating elements"
+ text run at (199,25) width 338: "within this DIV should not go beyond the top side of"
+ text run at (199,45) width 344: "this DIV, which means that the borders of the floating"
+ text run at (199,65) width 345: "elements should not overlap the top or side borders of"
+ text run at (199,85) width 133: "the DIV in any way. "
+ text run at (331,85) width 195: "In addition, the top of the left-"
+ text run at (5,105) width 455: "floating box should not be higher than the top of the right-floating box."
+ RenderBlock {HR} at (364,1746) size 42x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (6,1756) size 758x70 [border: (5px solid #800080)]
+ RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
+ RenderImage {IMG} at (738,5) size 15x36 [border: (3px solid #000000)]
+ RenderText {#text} at (20,5) size 739x59
+ text run at (20,5) width 178: "This is text within the DIV. "
+ text run at (197,5) width 532: "The floating images within this DIV should not go beyond the top side of this DIV,"
+ text run at (20,25) width 692: "which means that the borders of the floating images should not overlap the top or side borders of the DIV in"
+ text run at (5,45) width 61: "any way. "
+ text run at (65,45) width 679: "In addition, the top of the left-floating image should not be higher than the top of the right-floating image."
+ RenderBlock {HR} at (28,1850) size 574x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (6,1876) size 758x150 [border: (5px solid #800080)]
+ RenderText {#text} at (199,5) size 186x19
+ text run at (199,5) width 178: "This is text within the DIV. "
+ text run at (376,5) width 9: "*"
+ RenderBlock (floating) {P} at (5,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+ RenderText {#text} at (17,17) size 135x59
+ text run at (17,17) width 135: "This is a left-floating"
+ text run at (17,37) width 116: "paragraph (first in"
+ text run at (17,57) width 52: "source)."
+ RenderText {#text} at (384,5) size 552x39
+ text run at (384,5) width 367: " The floating elements within this DIV should not go any"
+ text run at (199,25) width 487: "higher than the line-box containing the inline content which precedes them. "
+ text run at (685,25) width 13: "* "
+ RenderBlock (floating) {P} at (559,45) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+ RenderText {#text} at (17,17) size 144x59
+ text run at (17,17) width 144: "This is a right-floating"
+ text run at (17,37) width 135: "paragraph (second in"
+ text run at (17,57) width 52: "source)."
+ RenderText {#text} at (697,25) size 722x119
+ text run at (697,25) width 30: "This"
+ text run at (199,45) width 352: "means that the top side of each float can be, at most, as"
+ text run at (199,65) width 360: "high as the top edge of the inline element containing the"
+ text run at (199,85) width 337: "content just before the floating elements occur in the"
+ text run at (5,105) width 50: "source. "
+ text run at (54,105) width 494: "In order to mark these points clearly, an asterisk has been inserted just before"
+ text run at (5,125) width 137: "each floated element."
+ RenderBlock {HR} at (364,2034) size 42x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (6,2044) size 758x90 [border: (5px solid #800080)]
+ RenderText {#text} at (20,5) size 186x19
+ text run at (20,5) width 178: "This is text within the DIV. "
+ text run at (197,5) width 9: "*"
+ RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
+ RenderText {#text} at (205,5) size 698x39
+ text run at (205,5) width 513: " The floating images within this DIV should not go any higher than the line-box"
+ text run at (20,25) width 330: "containing the inline content which precedes them. "
+ text run at (349,25) width 13: "* "
+ RenderImage {IMG} at (738,25) size 15x36 [border: (3px solid #000000)]
+ RenderText {#text} at (361,25) size 724x59
+ text run at (361,25) width 368: "This means that the top side of each float can be, at most,"
+ text run at (5,45) width 706: "as high as the top edge of the inline element containing the content just before the floating images occur in the"
+ text run at (5,65) width 50: "source. "
+ text run at (54,65) width 623: "In order to mark these points clearly, an asterisk has been inserted just before each floated image."
+ RenderBlock {HR} at (28,2158) size 574x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (6,2184) size 758x250 [border: (5px solid #800080)]
+ RenderText {#text} at (199,5) size 186x19
+ text run at (199,5) width 178: "This is text within the DIV. "
+ text run at (376,5) width 9: "*"
+ RenderBlock (floating) {P} at (5,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+ RenderText {#text} at (17,17) size 135x59
+ text run at (17,17) width 135: "This is a left-floating"
+ text run at (17,37) width 116: "paragraph (first in"
+ text run at (17,57) width 52: "source)."
+ RenderText {#text} at (384,5) size 552x39
+ text run at (384,5) width 367: " The floating elements within this DIV should not go any"
+ text run at (199,25) width 487: "higher than the line-box containing the inline content which precedes them. "
+ text run at (685,25) width 13: "* "
+ RenderBlock (floating) {P} at (559,45) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+ RenderText {#text} at (17,17) size 144x59
+ text run at (17,17) width 144: "This is a right-floating"
+ text run at (17,37) width 135: "paragraph (second in"
+ text run at (17,57) width 52: "source)."
+ RenderText {#text} at (697,25) size 528x39
+ text run at (697,25) width 30: "This"
+ text run at (199,45) width 288: "means that the top side of each float can be,*"
+ RenderBlock (floating) {P} at (199,65) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+ RenderText {#text} at (17,17) size 135x59
+ text run at (17,17) width 135: "This is a left-floating"
+ text run at (17,37) width 120: "paragraph (third in"
+ text run at (17,57) width 52: "source)."
+ RenderText {#text} at (486,45) size 199x119
+ text run at (486,45) width 73: " at most, as"
+ text run at (393,65) width 146: "high as the top edge of"
+ text run at (393,85) width 115: "the inline element"
+ text run at (393,105) width 143: "containing the content"
+ text run at (393,125) width 146: "just before the floating"
+ text run at (393,145) width 191: "elements occur in the source. "
+ text run at (583,145) width 9: "*"
+ RenderBlock (floating) {P} at (5,165) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+ RenderText {#text} at (17,17) size 135x59
+ text run at (17,17) width 135: "This is a left-floating"
+ text run at (17,37) width 129: "paragraph (fourth in"
+ text run at (17,57) width 52: "source)."
+ RenderText {#text} at (591,145) size 546x99
+ text run at (591,145) width 146: " In order to mark these"
+ text run at (199,165) width 493: "points clearly, an asterisk has been inserted just before each floated element. "
+ text run at (691,165) width 50: "If a line"
+ text run at (199,185) width 546: "has room for a floated element, then the element should float so that its top is aligned"
+ text run at (199,205) width 372: "with the top of the line-box in which the asterisk appears. "
+ text run at (570,205) width 161: "Otherwise, its top should"
+ text run at (199,225) width 247: "align with the top of the next line-box."
+ RenderBlock {HR} at (364,2443) size 42x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (6,2453) size 758x130 [border: (5px solid #800080)]
+ RenderText {#text} at (20,5) size 186x19
+ text run at (20,5) width 178: "This is text within the DIV. "
+ text run at (197,5) width 9: "*"
+ RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
+ RenderText {#text} at (205,5) size 683x39
+ text run at (205,5) width 513: " The floating images within this DIV should not go any higher than the line-box"
+ text run at (35,25) width 330: "containing the inline content which precedes them. "
+ text run at (364,25) width 13: "* "
+ RenderImage {IMG} at (738,25) size 15x36 [border: (3px solid #000000)]
+ RenderText {#text} at (376,25) size 326x19
+ text run at (376,25) width 318: "This means that the top side of each float can be, "
+ text run at (693,25) width 9: "*"
+ RenderImage {IMG} at (20,25) size 15x36 [border: (3px solid #000000)]
+ RenderText {#text} at (701,25) size 697x59
+ text run at (701,25) width 16: " at"
+ text run at (35,45) width 666: "most, as high as the top edge of the inline element containing the content just before the floating images"
+ text run at (20,65) width 130: "occur in the source. "
+ text run at (149,65) width 9: "*"
+ RenderImage {IMG} at (5,65) size 15x36 [border: (3px solid #000000)]
+ RenderText {#text} at (157,65) size 736x59
+ text run at (157,65) width 580: " In order to mark these points clearly, an asterisk has been inserted just before each floated"
+ text run at (20,85) width 48: "image. "
+ text run at (67,85) width 674: "If a line has room for a floated image, then the image should float so that its top is aligned with the top of"
+ text run at (5,105) width 274: "the line-box in which the asterisk appears. "
+ text run at (278,105) width 411: "Otherwise, its top should align with the top of the next line-box."
+ RenderBlock {HR} at (28,2607) size 574x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (6,2633) size 490x330 [border: (5px solid #800080)]
+ RenderText {#text} at (199,5) size 56x19
+ text run at (199,5) width 56: "This is *"
+ RenderBlock (floating) {P} at (5,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+ RenderText {#text} at (17,17) size 135x59
+ text run at (17,17) width 135: "This is a left-floating"
+ text run at (17,37) width 116: "paragraph (first in"
+ text run at (17,57) width 52: "source)."
+ RenderText {#text} at (254,5) size 13x19
+ text run at (254,5) width 13: " *"
+ RenderBlock (floating) {P} at (291,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+ RenderText {#text} at (17,17) size 144x59
+ text run at (17,17) width 144: "This is a right-floating"
+ text run at (17,37) width 135: "paragraph (second in"
+ text run at (17,57) width 52: "source)."
+ RenderText {#text} at (199,25) size 480x299
+ text run at (199,25) width 69: "text within"
+ text run at (199,45) width 54: "the DIV."
+ text run at (199,65) width 85: "Under CSS1,"
+ text run at (199,85) width 45: "the left"
+ text run at (5,105) width 469: "floating element should be placed in the upper left corner of the DIV, and"
+ text run at (5,125) width 465: "the purple border of the DIV should abut the green border of the floating"
+ text run at (5,145) width 59: "element. "
+ text run at (63,145) width 422: "Similarly, the right floating element should be placed in the upper"
+ text run at (5,165) width 467: "right corner of the DIV, and the purple border of the DIV should abut the"
+ text run at (5,185) width 466: "green border of the floating element. The text of the DIV element should"
+ text run at (5,205) width 435: "flow between and under the two floating elements. The two asterisk"
+ text run at (5,225) width 478: "characters mark the insertion points of the floating elements. It is expected"
+ text run at (5,245) width 479: "that, under future specifications, it may be acceptable for the top of floated"
+ text run at (5,265) width 475: "elements to align with the top of the line-box following the insertion point"
+ text run at (5,285) width 451: "of the floated element to avoid floating elements appearing before text"
+ text run at (5,305) width 269: "which precedes it in the source document."
+ RenderBlock {HR} at (364,2971) size 42x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (6,2981) size 490x250 [border: (5px solid #800080)]
+ RenderText {#text} at (20,5) size 56x19
+ text run at (20,5) width 56: "This is *"
+ RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
+ RenderText {#text} at (75,5) size 13x19
+ text run at (75,5) width 13: " *"
+ RenderImage {IMG} at (470,5) size 15x36 [border: (3px solid #000000)]
+ RenderText {#text} at (87,5) size 472x239
+ text run at (87,5) width 135: " text within the DIV. "
+ text run at (221,5) width 232: "Under CSS1, the left floating image"
+ text run at (20,25) width 429: "should be placed in the upper left corner of the DIV, and the purple"
+ text run at (5,45) width 444: "border of the DIV should abut the green border of the floating image."
+ text run at (5,65) width 444: "Similarly, the right floating image should be placed in the upper right"
+ text run at (5,85) width 472: "corner of the DIV, and the purple border of the DIV should abut the green"
+ text run at (5,105) width 449: "border of the floating image. The text of the DIV element should flow"
+ text run at (5,125) width 452: "between and under the two floating image. The two asterisk characters"
+ text run at (5,145) width 306: "mark the insertion points of the floating image. "
+ text run at (310,145) width 158: "It is expected that, under"
+ text run at (5,165) width 467: "future specifications, it may be acceptable for the top of floated elements"
+ text run at (5,185) width 455: "to align with the top of the line-box following the insertion point of the"
+ text run at (5,205) width 453: "floated element to avoid floating elements appearing before text which"
+ text run at (5,225) width 226: "precedes it in the source document."
+ RenderBlock {HR} at (28,3255) size 574x2 [border: (1px inset #000000)]
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1formatting_modelheight_of_linesexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/formatting_model/height_of_lines-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/formatting_model/height_of_lines-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/formatting_model/height_of_lines-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,134 @@
</span><ins>+layer at (0,0) size 800x2285
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x2285
+ RenderBlock {HTML} at (0,0) size 800x2285
+ RenderBody {BODY} at (8,8) size 784x2269 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x252
+ RenderText {#text} at (0,0) size 523x252
+ text run at (0,0) width 336: "P.one {font-size: 14px; line-height: 20px;}"
+ text run at (335,0) width 1: " "
+ text run at (0,14) width 297: "IMG.onea {vertical-align: text-bottom;"
+ text run at (296,14) width 1: " "
+ text run at (0,28) width 266: " width: 200px; height: 200px;}"
+ text run at (265,28) width 1: " "
+ text run at (0,42) width 508: "IMG.oneb {vertical-align: text-top; width: 200px; height: 200px;}"
+ text run at (507,42) width 1: " "
+ text run at (0,56) width 0: " "
+ text run at (0,70) width 336: "P.two {font-size: 14px; line-height: 20px;}"
+ text run at (335,70) width 1: " "
+ text run at (0,84) width 523: "IMG.twoa {vertical-align: text-bottom; width: 100px; height: 100px;"
+ text run at (522,84) width 1: " "
+ text run at (0,98) width 305: " padding: 5px; border-style: solid;"
+ text run at (304,98) width 1: " "
+ text run at (0,112) width 305: " border-width: 10px; margin: 15px;}"
+ text run at (304,112) width 1: " "
+ text run at (0,126) width 274: "IMG.twob {vertical-align: text-top;"
+ text run at (273,126) width 1: " "
+ text run at (0,140) width 297: " width: 100px; height: 100px;"
+ text run at (296,140) width 1: " "
+ text run at (0,154) width 305: " padding: 5px; border-style: solid;"
+ text run at (304,154) width 1: " "
+ text run at (0,168) width 305: " border-width: 10px; margin: 15px;}"
+ text run at (304,168) width 1: " "
+ text run at (0,182) width 0: " "
+ text run at (0,196) width 469: "IMG.twoc {vertical-align: middle; width: 50px; height: 50px;"
+ text run at (468,196) width 1: " "
+ text run at (0,210) width 305: " padding: 5px; border-style: solid;"
+ text run at (304,210) width 1: " "
+ text run at (0,224) width 313: " border-width: 10px; margin: -10px;}"
+ text run at (312,224) width 1: " "
+ text run at (0,238) width 0: " "
+ RenderBlock {HR} at (0,301) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,317) size 784x443
+ RenderText {#text} at (0,1) size 774x239
+ text run at (0,1) width 413: "This paragraph should have a font size of 14px and a line height of 20px. "
+ text run at (412,1) width 362: "This means that the lines of text within it should be separated by"
+ text run at (0,21) width 349: "six pixels, three of which are part of the line-box of each line. "
+ text run at (348,21) width 423: "Any images within the paragraph should increase the height of the line-box"
+ text run at (0,223) width 241: "so that they fit within the line box, such as "
+ RenderImage {IMG} at (240,40) size 201x200
+ RenderText {#text} at (440,223) size 28x17
+ text run at (440,223) width 28: " and "
+ RenderImage {IMG} at (467,223) size 201x200
+ RenderText {#text} at (667,223) size 773x218
+ text run at (667,223) width 8: ". "
+ text run at (674,223) width 99: "This is additional"
+ text run at (0,424) width 710: "text to make sure that there is enough room left below the image so that this line does not hit the image that is text-top aligned."
+ RenderBlock {P} at (0,774) size 784x483
+ RenderText {#text} at (0,1) size 782x199
+ text run at (0,1) width 413: "This paragraph should have a font size of 14px and a line height of 20px. "
+ text run at (412,1) width 362: "This means that the lines of text within it should be separated by"
+ text run at (0,21) width 61: "six pixels. "
+ text run at (60,21) width 722: "Any images within the paragraph should increase the height of the line-box so that they fit, including their padding (5px), border"
+ text run at (0,183) width 311: "(10px) and margins (15px) within the line box, such as "
+ RenderImage {IMG} at (325,55) size 131x130 [border: (10px solid #000000)]
+ RenderText {#text} at (470,183) size 28x17
+ text run at (470,183) width 28: " and "
+ RenderImage {IMG} at (512,198) size 131x130 [border: (10px solid #000000)]
+ RenderText {#text} at (657,183) size 783x218
+ text run at (657,183) width 8: ". "
+ text run at (664,183) width 98: "This is additional"
+ text run at (0,344) width 713: "text to make sure that there is enough room left below the image so that this line does not hit the image that is text-top aligned. "
+ text run at (712,344) width 43: "It is the"
+ text run at (0,364) width 765: "outer edge of the margin that should be text-bottom and text-top aligned in this paragraph, so for the first image the bottom border of the"
+ text run at (0,384) width 783: "image should begin 15px above the bottom of the text, and for the second image the top border should begin 15px below the top of the text "
+ RenderImage {IMG} at (-10,393) size 80x80 [border: (10px solid #000000)]
+ RenderText {#text} at (60,423) size 753x58
+ text run at (60,423) width 7: ". "
+ text run at (67,423) width 686: "The last image in this paragraph has -10px margins set on it, so that should pull the text in toward the image in the vertical"
+ text run at (0,464) width 256: "direction, and also in the horizontal direction."
+ RenderTable {TABLE} at (0,1271) size 784x998 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x996
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x968
+ RenderTableCell {TD} at (0,498) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x968 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x463
+ RenderText {#text} at (0,1) size 757x239
+ text run at (0,1) width 413: "This paragraph should have a font size of 14px and a line height of 20px. "
+ text run at (412,1) width 345: "This means that the lines of text within it should be separated"
+ text run at (0,21) width 367: "by six pixels, three of which are part of the line-box of each line. "
+ text run at (366,21) width 372: "Any images within the paragraph should increase the height of the"
+ text run at (0,223) width 291: "line-box so that they fit within the line box, such as "
+ RenderImage {IMG} at (290,40) size 201x200
+ RenderText {#text} at (490,223) size 29x17
+ text run at (490,223) width 29: " and "
+ RenderImage {IMG} at (518,223) size 201x200
+ RenderText {#text} at (718,223) size 750x238
+ text run at (718,223) width 8: ". "
+ text run at (725,223) width 25: "This"
+ text run at (0,424) width 734: "is additional text to make sure that there is enough room left below the image so that this line does not hit the image that is text-top"
+ text run at (0,444) width 45: "aligned."
+ RenderBlock {P} at (4,481) size 762x483
+ RenderText {#text} at (0,1) size 759x199
+ text run at (0,1) width 413: "This paragraph should have a font size of 14px and a line height of 20px. "
+ text run at (412,1) width 345: "This means that the lines of text within it should be separated"
+ text run at (0,21) width 78: "by six pixels. "
+ text run at (77,21) width 682: "Any images within the paragraph should increase the height of the line-box so that they fit, including their padding (5px),"
+ text run at (0,183) width 351: "border (10px) and margins (15px) within the line box, such as "
+ RenderImage {IMG} at (365,55) size 131x130 [border: (10px solid #000000)]
+ RenderText {#text} at (510,183) size 28x17
+ text run at (510,183) width 28: " and "
+ RenderImage {IMG} at (552,198) size 131x130 [border: (10px solid #000000)]
+ RenderText {#text} at (697,183) size 758x257
+ text run at (697,183) width 8: ". "
+ text run at (704,183) width 39: "This is"
+ text run at (0,344) width 721: "additional text to make sure that there is enough room left below the image so that this line does not hit the image that is text-top"
+ text run at (0,364) width 49: "aligned. "
+ text run at (48,364) width 692: "It is the outer edge of the margin that should be text-bottom and text-top aligned in this paragraph, so for the first image the"
+ text run at (0,384) width 758: "bottom border of the image should begin 15px above the bottom of the text, and for the second image the top border should begin 15px"
+ text run at (0,423) width 140: "below the top of the text "
+ RenderImage {IMG} at (129,393) size 81x80 [border: (10px solid #000000)]
+ RenderText {#text} at (199,423) size 754x58
+ text run at (199,423) width 8: ". "
+ text run at (206,423) width 548: "The last image in this paragraph has -10px margins set on it, so that should pull the text in toward"
+ text run at (0,464) width 394: "the image in the vertical direction, and also in the horizontal direction."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1formatting_modelhorizontal_formattingexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/formatting_model/horizontal_formatting-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/formatting_model/horizontal_formatting-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/formatting_model/horizontal_formatting-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,65 @@
</span><ins>+layer at (0,0) size 800x788
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x788
+ RenderBlock {HTML} at (0,0) size 800x788
+ RenderBody {BODY} at (8,8) size 784x764 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (10,0) size 774x20
+ RenderText {#text} at (0,0) size 292x19
+ text run at (0,0) width 292: "This paragraph should be indented ten pixels."
+ RenderBlock {DIV} at (10,36) size 774x20
+ RenderBlock {P} at (10,0) size 764x20
+ RenderText {#text} at (0,0) size 581x19
+ text run at (0,0) width 581: "This paragraph should be indented twenty pixels, since horizontal margins do not collapse."
+ RenderBlock {P} at (0,72) size 392x120 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 381x119
+ text run at (0,0) width 368: "This element has a width of 50%, and due to 'auto' values"
+ text run at (0,20) width 344: "applied to the right margin, the element should be left"
+ text run at (0,40) width 169: "justified within its parent. "
+ text run at (168,40) width 168: "The gray rectangle should"
+ text run at (0,60) width 366: "therefore appear on the left edge of the viewport (e.g. the"
+ text run at (0,80) width 381: "browser window). The text inside the gray rectangle should"
+ text run at (0,100) width 102: "not be centered."
+ RenderBlock {P} at (196,208) size 392x120 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 381x119
+ text run at (0,0) width 368: "This element has a width of 50%, and due to 'auto' values"
+ text run at (0,20) width 377: "applied to the left and right margins, the element should be"
+ text run at (0,40) width 171: "centered within its parent. "
+ text run at (170,40) width 167: "The gray rectangle should"
+ text run at (0,60) width 351: "therefore appear in the middle of the viewport (e.g. the"
+ text run at (0,80) width 381: "browser window). The text inside the gray rectangle should"
+ text run at (0,100) width 102: "not be centered."
+ RenderBlock {P} at (392,344) size 392x120 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 381x119
+ text run at (0,0) width 368: "This element has a width of 50%, and due to 'auto' values"
+ text run at (0,20) width 344: "applied to the left margin, the element should be right"
+ text run at (0,40) width 169: "justified within its parent. "
+ text run at (168,40) width 168: "The gray rectangle should"
+ text run at (0,60) width 375: "therefore appear on the right edge of the viewport (e.g. the"
+ text run at (0,80) width 381: "browser window). The text inside the gray rectangle should"
+ text run at (0,100) width 102: "not be centered."
+ RenderBlock {P} at (0,480) size 784x40 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 774x39
+ text run at (0,0) width 774: "Since the width is \"auto,\" the margins that are set to \"auto\" become zero and this paragraph should have width 100% and"
+ text run at (0,20) width 200: "the text should be left justified."
+ RenderBlock {P} at (0,536) size 784x40 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 774x39
+ text run at (0,0) width 774: "Since the width is \"auto,\" the margins that are set to \"auto\" become zero and this paragraph should have width 100% and"
+ text run at (0,20) width 200: "the text should be left justified."
+ RenderBlock {P} at (0,592) size 784x40 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 774x39
+ text run at (0,0) width 774: "Since the width is \"auto,\" the margins that are set to \"auto\" become zero and this paragraph should have width 100% and"
+ text run at (0,20) width 200: "the text should be left justified."
+ RenderBlock {P} at (0,648) size 392x80 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 379x39
+ text run at (0,0) width 379: "Since auto is an invalid value for padding, the right-margin"
+ text run at (0,20) width 229: "of this paragraph should be reset to "
+ RenderInline {CODE} at (0,0) size 33x14
+ RenderText {#text} at (228,25) size 33x14
+ text run at (228,25) width 33: "auto"
+ RenderText {#text} at (260,20) size 376x59
+ text run at (260,20) width 77: " and thus be"
+ text run at (0,40) width 376: "expanded to 50% and it should only occupy the left half of"
+ text run at (0,60) width 85: "the viewport."
+ RenderBlock {P} at (0,744) size 784x20 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 643x19
+ text run at (0,0) width 643: "Because this paragraph has width 100%, the auto margins become zero, so it should not be centered."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1formatting_modelinline_elementsexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/formatting_model/inline_elements-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/formatting_model/inline_elements-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/formatting_model/inline_elements-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,94 @@
</span><ins>+layer at (0,0) size 800x776
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x776
+ RenderBlock {HTML} at (0,0) size 800x777
+ RenderBody {BODY} at (8,8) size 784x761 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x98
+ RenderText {#text} at (0,0) size 547x98
+ text run at (0,0) width 203: "P.one {line-height: 200%;}"
+ text run at (202,0) width 1: " "
+ text run at (0,14) width 539: "SPAN.two {border-style: solid; border-width: 10px; border-color: red;"
+ text run at (538,14) width 1: " "
+ text run at (0,28) width 297: " padding: 2pt; margin: 30pt;}"
+ text run at (296,28) width 1: " "
+ text run at (0,42) width 352: "P.three {font-size: 10pt; line-height: 12pt;}"
+ text run at (351,42) width 1: " "
+ text run at (0,56) width 547: "SPAN.four {border-style: solid; border-width: 12px; border-color: red;"
+ text run at (546,56) width 1: " "
+ text run at (0,70) width 188: " padding: 2pt;}"
+ text run at (187,70) width 1: " "
+ text run at (0,84) width 0: " "
+ RenderBlock {HR} at (0,147) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,165) size 784x192
+ RenderText {#text} at (0,6) size 191x19
+ text run at (0,6) width 191: "This is a paragraph that has a "
+ RenderInline {SPAN} at (0,0) size 774x173 [border: (10px solid #FF0000)]
+ RenderText {#text} at (243,6) size 774x147
+ text run at (243,6) width 531: "very long span in it, and the span has a 10px red border separated from the span by"
+ text run at (0,38) width 170: "2pt, and a margin of 30pt. "
+ text run at (169,38) width 572: "The padding and border should be present on all sides of the span (although vertical lines"
+ text run at (0,70) width 547: "should appear only at the beginning and the end of the whole span, not on each line). "
+ text run at (546,70) width 211: "The padding, border, and margin"
+ text run at (0,102) width 395: "should all be noticeable at the beginning and end of the span. "
+ text run at (395,102) width 370: "However, the line height should not be changed by any of"
+ text run at (0,134) width 597: "them, so the margin should be unnoticeable and the border should overlap text on other lines."
+ RenderText {#text} at (649,134) size 776x51
+ text run at (649,134) width 5: " "
+ text run at (653,134) width 123: "The line spacing in"
+ text run at (0,166) width 342: "the whole paragraph should be 200% of the font size."
+ RenderBlock {P} at (0,373) size 784x64
+ RenderText {#text} at (0,0) size 155x15
+ text run at (0,0) width 155: "This is a paragraph that has a "
+ RenderInline {SPAN} at (0,0) size 777x77 [border: (12px solid #FF0000)]
+ RenderText {#text} at (169,0) size 777x47
+ text run at (169,0) width 590: "very long span in it, and the span has a 12px red border separated from the span by 2pt of padding (the difference"
+ text run at (0,16) width 777: "between the line-height and the font-size), which should overlap with the lines of text above and below the span, since the padding and border should"
+ text run at (0,32) width 134: "not effect the line height. "
+ text run at (133,32) width 574: "The span's border should have vertical lines only at the beginning and end of the whole span, not on each line."
+ RenderText {#text} at (720,32) size 767x31
+ text run at (720,32) width 4: " "
+ text run at (723,32) width 44: "The line"
+ text run at (0,48) width 351: "spacing in the whole paragraph should be 12pt, with font-size 10pt."
+ RenderTable {TABLE} at (0,450) size 784x311 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x308
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x280
+ RenderTableCell {TD} at (0,154) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x280 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x192
+ RenderText {#text} at (0,6) size 191x19
+ text run at (0,6) width 191: "This is a paragraph that has a "
+ RenderInline {SPAN} at (0,0) size 761x173 [border: (10px solid #FF0000)]
+ RenderText {#text} at (243,6) size 761x147
+ text run at (243,6) width 511: "very long span in it, and the span has a 10px red border separated from the span"
+ text run at (0,38) width 190: "by 2pt, and a margin of 30pt. "
+ text run at (189,38) width 572: "The padding and border should be present on all sides of the span (although vertical lines"
+ text run at (0,70) width 547: "should appear only at the beginning and the end of the whole span, not on each line). "
+ text run at (546,70) width 211: "The padding, border, and margin"
+ text run at (0,102) width 395: "should all be noticeable at the beginning and end of the span. "
+ text run at (395,102) width 353: "However, the line height should not be changed by any"
+ text run at (0,134) width 614: "of them, so the margin should be unnoticeable and the border should overlap text on other lines."
+ RenderText {#text} at (666,134) size 724x51
+ text run at (666,134) width 5: " "
+ text run at (670,134) width 54: "The line"
+ text run at (0,166) width 411: "spacing in the whole paragraph should be 200% of the font size."
+ RenderBlock {P} at (4,212) size 762x64
+ RenderText {#text} at (0,0) size 155x15
+ text run at (0,0) width 155: "This is a paragraph that has a "
+ RenderInline {SPAN} at (0,0) size 759x77 [border: (12px solid #FF0000)]
+ RenderText {#text} at (169,0) size 759x47
+ text run at (169,0) width 590: "very long span in it, and the span has a 12px red border separated from the span by 2pt of padding (the difference"
+ text run at (0,16) width 739: "between the line-height and the font-size), which should overlap with the lines of text above and below the span, since the padding and border"
+ text run at (0,32) width 172: "should not effect the line height. "
+ text run at (171,32) width 573: "The span's border should have vertical lines only at the beginning and end of the whole span, not on each line."
+ RenderText {#text} at (0,48) size 397x15
+ text run at (0,48) width 397: "The line spacing in the whole paragraph should be 12pt, with font-size 10pt."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1formatting_modelreplaced_elementsexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/formatting_model/replaced_elements-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/formatting_model/replaced_elements-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/formatting_model/replaced_elements-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,87 @@
</span><ins>+layer at (0,0) size 800x2391
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x2391
+ RenderBlock {HTML} at (0,0) size 800x2391
+ RenderBody {BODY} at (8,8) size 784x2375 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x112
+ RenderText {#text} at (0,0) size 492x112
+ text run at (0,0) width 203: "IMG.one {display: inline;}"
+ text run at (202,0) width 1: " "
+ text run at (0,14) width 196: "IMG.two {display: block;}"
+ text run at (195,14) width 1: " "
+ text run at (0,28) width 203: "IMG.three {display: block;"
+ text run at (202,28) width 1: " "
+ text run at (0,42) width 492: " margin-right: auto; margin-left: auto; width: auto;}"
+ text run at (491,42) width 1: " "
+ text run at (0,56) width 196: "IMG.four {display: block;"
+ text run at (195,56) width 1: " "
+ text run at (0,70) width 476: " margin-right: auto; margin-left: auto; width: 50%;}"
+ text run at (475,70) width 1: " "
+ text run at (0,84) width 196: "IMG.five {display: block;"
+ text run at (195,84) width 1: " "
+ text run at (0,98) width 453: " margin-right: 0; margin-left: auto; width: 50%;}"
+ text run at (452,98) width 1: " "
+ RenderBlock {HR} at (0,161) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,179) size 784x20
+ RenderImage {IMG} at (0,0) size 15x15
+ RenderText {#text} at (15,0) size 442x19
+ text run at (15,0) width 442: "The image at the beginning of this sentence should be a 15px square."
+ RenderImage {IMG} at (0,215) size 15x15
+ RenderBlock {P} at (0,246) size 784x20
+ RenderText {#text} at (0,0) size 498x19
+ text run at (0,0) width 498: "The above image should be a 15px square with the same left edge as this text."
+ RenderImage {IMG} at (384,282) size 16x15
+ RenderBlock {P} at (0,313) size 784x20
+ RenderText {#text} at (0,0) size 406x19
+ text run at (0,0) width 406: "The above image should be a 15px square aligned at the center."
+ RenderImage {IMG} at (196,349) size 392x392
+ RenderBlock {P} at (0,757) size 784x40
+ RenderText {#text} at (0,0) size 782x39
+ text run at (0,0) width 782: "The above image should be a square resized so its width is 50% of the its parent element, and centered horizontally within"
+ text run at (0,20) width 127: "the parent element: "
+ text run at (126,20) width 405: "the document body in the first half, and the table in the second."
+ RenderImage {IMG} at (392,813) size 392x392
+ RenderBlock {P} at (0,1221) size 784x40
+ RenderText {#text} at (0,0) size 774x39
+ text run at (0,0) width 774: "The above image should be a square resized so its width is 50% of its parent element, and aligned at the right edge of the"
+ text run at (0,20) width 104: "parent element: "
+ text run at (103,20) width 404: "the document body in the first half, and the table in the second."
+ RenderTable {TABLE} at (0,1277) size 784x1098 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x1096
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x1068
+ RenderTableCell {TD} at (0,548) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x1068 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x20
+ RenderImage {IMG} at (0,0) size 15x15
+ RenderText {#text} at (15,0) size 442x19
+ text run at (15,0) width 442: "The image at the beginning of this sentence should be a 15px square."
+ RenderImage {IMG} at (4,40) size 15x15
+ RenderBlock {P} at (4,71) size 762x20
+ RenderText {#text} at (0,0) size 498x19
+ text run at (0,0) width 498: "The above image should be a 15px square with the same left edge as this text."
+ RenderImage {IMG} at (377,107) size 16x15
+ RenderBlock {P} at (4,138) size 762x20
+ RenderText {#text} at (0,0) size 406x19
+ text run at (0,0) width 406: "The above image should be a 15px square aligned at the center."
+ RenderImage {IMG} at (194,174) size 382x381
+ RenderBlock {P} at (4,571) size 762x40
+ RenderText {#text} at (0,0) size 738x39
+ text run at (0,0) width 738: "The above image should be a square resized so its width is 50% of the its parent element, and centered horizontally"
+ text run at (0,20) width 172: "within the parent element: "
+ text run at (171,20) width 404: "the document body in the first half, and the table in the second."
+ RenderImage {IMG} at (385,627) size 381x381
+ RenderBlock {P} at (4,1024) size 762x40
+ RenderText {#text} at (0,0) size 750x39
+ text run at (0,0) width 750: "The above image should be a square resized so its width is 50% of its parent element, and aligned at the right edge of"
+ text run at (0,20) width 127: "the parent element: "
+ text run at (126,20) width 405: "the document body in the first half, and the table in the second."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1formatting_modelvertical_formattingexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/formatting_model/vertical_formatting-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/formatting_model/vertical_formatting-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/formatting_model/vertical_formatting-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,172 @@
</span><ins>+layer at (0,0) size 800x2559
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x2559
+ RenderBlock {HTML} at (0,0) size 800x2559
+ RenderBody {BODY} at (8,8) size 784x2543 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x280
+ RenderText {#text} at (0,0) size 484x280
+ text run at (0,0) width 359: "P.one {margin-bottom: 2cm; padding-bottom: 0;}"
+ text run at (358,0) width 1: " "
+ text run at (0,14) width 313: "P.two {margin-top: 2cm; padding-top: 0;}"
+ text run at (312,14) width 1: " "
+ text run at (0,28) width 313: "P.three {margin-top: 0; padding-top: 0;}"
+ text run at (312,28) width 1: " "
+ text run at (0,42) width 336: "P.four {margin-top: -1cm; margin-bottom: 0;"
+ text run at (335,42) width 1: " "
+ text run at (0,56) width 336: " padding-top: 0; padding-bottom: 0;}"
+ text run at (335,56) width 1: " "
+ text run at (0,70) width 359: "DIV.five {margin-top: 1cm; margin-bottom: 1cm;"
+ text run at (358,70) width 1: " "
+ text run at (0,84) width 367: " padding-top: 1cm; padding-bottom: 0;}"
+ text run at (366,84) width 1: " "
+ text run at (0,98) width 336: "P.six {margin-top: 1cm; margin-bottom: 1cm;"
+ text run at (335,98) width 1: " "
+ text run at (0,112) width 328: " padding-top: 0; padding-bottom: 0;}"
+ text run at (327,112) width 1: " "
+ text run at (0,126) width 328: "P.seven {margin-top: 1cm; padding-top: 0;}"
+ text run at (327,126) width 1: " "
+ text run at (0,140) width 398: "P.eight {margin-bottom: -1cm; padding-bottom: 2cm;}"
+ text run at (397,140) width 1: " "
+ text run at (0,154) width 336: "P.nine {margin-top: -1cm; padding-top: 1cm;"
+ text run at (335,154) width 1: " "
+ text run at (0,168) width 367: " padding-bottom: 0; margin-bottom: 1cm;}"
+ text run at (366,168) width 1: " "
+ text run at (0,182) width 297: "P.ten {margin-top: 1cm;padding-top: 0;"
+ text run at (296,182) width 1: " "
+ text run at (0,196) width 242: " float: left;width: 50%;}"
+ text run at (241,196) width 1: " "
+ text run at (0,210) width 437: "P.eleven {margin-top: 1cm; padding-top: 0; clear: none;}"
+ text run at (436,210) width 1: " "
+ text run at (0,224) width 484: "P.twelve {margin-bottom: 0; padding-bottom: 1cm; clear: both;}"
+ text run at (483,224) width 1: " "
+ text run at (0,238) width 352: "P.thirteen {margin-top: 0; padding-top: 1cm;}"
+ text run at (351,238) width 1: " "
+ text run at (0,252) width 157: "TABLE {clear: both;}"
+ text run at (156,252) width 1: " "
+ text run at (0,266) width 0: " "
+ RenderBlock {HR} at (0,329) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,347) size 784x40
+ RenderText {#text} at (0,0) size 769x39
+ text run at (0,0) width 769: "There should be a two-centimeter margin between this paragraph and the next, because adjacent vertical margins should"
+ text run at (0,20) width 262: "collapse to the maximum of the margins."
+ RenderBlock {P} at (0,462) size 784x21
+ RenderText {#text} at (0,0) size 168x19
+ text run at (0,0) width 168: "This is another paragraph."
+ RenderBlock {P} at (0,498) size 784x21
+ RenderText {#text} at (0,0) size 503x19
+ text run at (0,0) width 503: "There should be a two-centimeter margin between this paragraph and the next."
+ RenderBlock {P} at (0,594) size 784x21
+ RenderText {#text} at (0,0) size 168x19
+ text run at (0,0) width 168: "This is another paragraph."
+ RenderBlock {P} at (0,630) size 784x41
+ RenderText {#text} at (0,0) size 784x39
+ text run at (0,0) width 784: "There should be a one-centimeter margin between this paragraph and the next, because when there is one negative margin,"
+ text run at (0,20) width 421: "the two margins should be added (the minus sign should be kept)."
+ RenderBlock {P} at (0,707) size 784x21
+ RenderText {#text} at (0,0) size 168x19
+ text run at (0,0) width 168: "This is another paragraph."
+ RenderBlock {DIV} at (0,765) size 784x137
+ RenderBlock {P} at (0,75) size 784x61
+ RenderText {#text} at (0,0) size 775x59
+ text run at (0,0) width 773: "There should be three centimeters between this text and the text above, but only one centimeter between this text and the"
+ text run at (0,20) width 775: "text below, because vertical margins of nested elements should collapse only if there is no border or padding between the"
+ text run at (0,40) width 56: "margins."
+ RenderBlock {P} at (0,939) size 784x21
+ RenderText {#text} at (0,0) size 112x19
+ text run at (0,0) width 112: "This is more text."
+ RenderBlock {P} at (0,975) size 784x116
+ RenderText {#text} at (0,0) size 738x39
+ text run at (0,0) width 738: "There should be two centimeters between this paragraph and the one below, because negative margins collapse to a"
+ text run at (0,20) width 467: "negative margin with the largest absolute value of the margins collapsed."
+ RenderBlock {P} at (0,1052) size 784x79
+ RenderText {#text} at (0,38) size 778x39
+ text run at (0,38) width 778: "This is a paragraph, which I should make very long so that you can easily see how much space there is between it and the"
+ text run at (0,58) width 185: "one below it and to the right."
+ RenderBlock (floating) {P} at (0,1206) size 392x61
+ RenderText {#text} at (0,0) size 389x59
+ text run at (0,0) width 389: "There should be two centimeters between this paragraph and"
+ text run at (0,20) width 373: "the one above it, since margins do not collapse on floating"
+ text run at (0,40) width 61: "elements."
+ RenderBlock {P} at (0,1168) size 784x61
+ RenderText {#text} at (392,0) size 382x59
+ text run at (392,0) width 382: "There should be one centimeter between this paragraph and"
+ text run at (392,20) width 365: "the (non-floating) one above it, since the float should not"
+ text run at (392,40) width 185: "effect the paragraph spacing."
+ RenderBlock {P} at (0,1282) size 784x78
+ RenderText {#text} at (0,0) size 760x39
+ text run at (0,0) width 562: "There should be two centimeters of padding between this paragraph and the one below. "
+ text run at (561,0) width 199: "Padding does not collapse, and"
+ text run at (0,20) width 239: "there is 1cm of padding on each side."
+ RenderBlock {P} at (0,1360) size 784x58
+ RenderText {#text} at (0,38) size 171x19
+ text run at (0,38) width 171: "This is the next paragraph."
+ RenderTable {TABLE} at (0,1433) size 784x1110 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x1107
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x1079
+ RenderTableCell {TD} at (0,553) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x1079 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x40
+ RenderText {#text} at (0,0) size 722x39
+ text run at (0,0) width 722: "There should be a two-centimeter margin between this paragraph and the next, because adjacent vertical margins"
+ text run at (0,20) width 309: "should collapse to the maximum of the margins."
+ RenderBlock {P} at (4,119) size 762x21
+ RenderText {#text} at (0,0) size 168x19
+ text run at (0,0) width 168: "This is another paragraph."
+ RenderBlock {P} at (4,155) size 762x21
+ RenderText {#text} at (0,0) size 503x19
+ text run at (0,0) width 503: "There should be a two-centimeter margin between this paragraph and the next."
+ RenderBlock {P} at (4,251) size 762x21
+ RenderText {#text} at (0,0) size 168x19
+ text run at (0,0) width 168: "This is another paragraph."
+ RenderBlock {P} at (4,287) size 762x41
+ RenderText {#text} at (0,0) size 731x39
+ text run at (0,0) width 731: "There should be a one-centimeter margin between this paragraph and the next, because when there is one negative"
+ text run at (0,20) width 474: "margin, the two margins should be added (the minus sign should be kept)."
+ RenderBlock {P} at (4,364) size 762x21
+ RenderText {#text} at (0,0) size 168x19
+ text run at (0,0) width 168: "This is another paragraph."
+ RenderBlock {DIV} at (4,422) size 762x137
+ RenderBlock {P} at (0,75) size 762x61
+ RenderText {#text} at (0,0) size 750x59
+ text run at (0,0) width 750: "There should be three centimeters between this text and the text above, but only one centimeter between this text and"
+ text run at (0,20) width 718: "the text below, because vertical margins of nested elements should collapse only if there is no border or padding"
+ text run at (0,40) width 137: "between the margins."
+ RenderBlock {P} at (4,596) size 762x21
+ RenderText {#text} at (0,0) size 112x19
+ text run at (0,0) width 112: "This is more text."
+ RenderBlock {P} at (4,632) size 762x116
+ RenderText {#text} at (0,0) size 738x39
+ text run at (0,0) width 738: "There should be two centimeters between this paragraph and the one below, because negative margins collapse to a"
+ text run at (0,20) width 467: "negative margin with the largest absolute value of the margins collapsed."
+ RenderBlock {P} at (4,709) size 762x79
+ RenderText {#text} at (0,38) size 754x39
+ text run at (0,38) width 754: "This is a paragraph, which I should make very long so that you can easily see how much space there is between it and"
+ text run at (0,58) width 208: "the one below it and to the right."
+ RenderBlock (floating) {P} at (4,863) size 381x61
+ RenderText {#text} at (0,0) size 362x59
+ text run at (0,0) width 362: "There should be two centimeters between this paragraph"
+ text run at (0,20) width 346: "and the one above it, since margins do not collapse on"
+ text run at (0,40) width 115: "floating elements."
+ RenderBlock {P} at (4,825) size 762x61
+ RenderText {#text} at (381,0) size 368x59
+ text run at (381,0) width 355: "There should be one centimeter between this paragraph"
+ text run at (381,20) width 368: "and the (non-floating) one above it, since the float should"
+ text run at (381,40) width 209: "not effect the paragraph spacing."
+ RenderBlock {P} at (4,939) size 762x78
+ RenderText {#text} at (0,0) size 760x39
+ text run at (0,0) width 562: "There should be two centimeters of padding between this paragraph and the one below. "
+ text run at (561,0) width 199: "Padding does not collapse, and"
+ text run at (0,20) width 239: "there is 1cm of padding on each side."
+ RenderBlock {P} at (4,1017) size 762x58
+ RenderText {#text} at (0,38) size 171x19
+ text run at (0,38) width 171: "This is the next paragraph."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1pseudoanchorexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/pseudo/anchor-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/pseudo/anchor-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/pseudo/anchor-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,162 @@
</span><ins>+layer at (0,0) size 800x725
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x725
+ RenderBlock {HTML} at (0,0) size 800x725
+ RenderBody {BODY} at (8,8) size 784x709 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x84
+ RenderText {#text} at (0,0) size 196x84
+ text run at (0,0) width 133: "A {color: green;}"
+ text run at (132,0) width 1: " "
+ text run at (0,14) width 180: "A:link {color: purple;}"
+ text run at (179,14) width 1: " "
+ text run at (0,28) width 188: "A:visited {color: lime;}"
+ text run at (187,28) width 1: " "
+ text run at (0,42) width 196: "A:active {color: maroon;}"
+ text run at (195,42) width 1: " "
+ text run at (0,56) width 172: "#one {color: #006600;}"
+ text run at (171,56) width 1: " "
+ text run at (0,70) width 0: " "
+ RenderBlock {HR} at (0,133) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,151) size 784x20
+ RenderText {#text} at (0,0) size 508x19
+ text run at (0,0) width 508: "The following anchors should appear as described; none of them should be red."
+ RenderBlock {UL} at (0,187) size 784x160
+ RenderListItem {LI} at (40,0) size 744x120
+ RenderBlock (anonymous) at (0,0) size 744x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 583x19
+ text run at (0,0) width 583: "Purple unvisited, lime (light green) visited, maroon (dark red) while active (being clicked):"
+ RenderBlock {UL} at (0,20) size 744x100
+ RenderListItem {LI} at (40,0) size 704x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderInline {A} at (0,0) size 110x19 [color=#800080]
+ RenderText {#text} at (0,0) size 110x19
+ text run at (0,0) width 110: "W3C Web server"
+ RenderText {#text} at (0,0) size 0x0
+ RenderListItem {LI} at (40,20) size 704x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderInline {A} at (0,0) size 112x19 [color=#800080]
+ RenderText {#text} at (0,0) size 112x19
+ text run at (0,0) width 112: "NIST Web server"
+ RenderText {#text} at (0,0) size 0x0
+ RenderListItem {LI} at (40,40) size 704x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderInline {A} at (0,0) size 125x19 [color=#800080]
+ RenderText {#text} at (0,0) size 125x19
+ text run at (0,0) width 125: "CWRU Web server"
+ RenderText {#text} at (0,0) size 0x0
+ RenderListItem {LI} at (40,60) size 704x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderInline {A} at (0,0) size 47x19 [color=#800080]
+ RenderText {#text} at (0,0) size 47x19
+ text run at (0,0) width 47: "Yahoo!"
+ RenderText {#text} at (0,0) size 0x0
+ RenderListItem {LI} at (40,80) size 704x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderInline {A} at (0,0) size 58x19 [color=#800080]
+ RenderText {#text} at (0,0) size 58x19
+ text run at (0,0) width 58: "Erewhon"
+ RenderText {#text} at (57,0) size 225x19
+ text run at (57,0) width 225: " (don't click on it, it goes nowhere)"
+ RenderListItem {LI} at (40,120) size 744x40
+ RenderBlock (anonymous) at (0,0) size 744x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "Dark green in any circumstance:"
+ RenderBlock {UL} at (0,20) size 744x20
+ RenderListItem {LI} at (40,0) size 704x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderInline {A} at (0,0) size 125x19 [color=#006600]
+ RenderText {#text} at (0,0) size 125x19
+ text run at (0,0) width 125: "CWRU Web server"
+ RenderText {#text} at (0,0) size 0x0
+ RenderBlock {P} at (0,363) size 784x40
+ RenderText {#text} at (0,0) size 120x19
+ text run at (0,0) width 120: "The quoted word \""
+ RenderInline {A} at (0,0) size 45x19 [color=#008000]
+ RenderText {#text} at (119,0) size 45x19
+ text run at (119,0) width 45: "anchor"
+ RenderText {#text} at (163,0) size 739x39
+ text run at (163,0) width 381: "\" should be green, NOT purple, since it's part of an anchor. "
+ text run at (543,0) width 196: "It's a named anchor, and styles"
+ text run at (0,20) width 355: "declared for the A tag are applied to them under CSS1. "
+ text run at (354,20) width 330: "It also should NOT turn orange when clicked upon."
+ RenderTable {TABLE} at (0,419) size 784x290 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x288
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x260
+ RenderTableCell {TD} at (0,144) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x260 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x20
+ RenderText {#text} at (0,0) size 508x19
+ text run at (0,0) width 508: "The following anchors should appear as described; none of them should be red."
+ RenderBlock {UL} at (4,40) size 762x160
+ RenderListItem {LI} at (40,0) size 722x120
+ RenderBlock (anonymous) at (0,0) size 722x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 583x19
+ text run at (0,0) width 583: "Purple unvisited, lime (light green) visited, maroon (dark red) while active (being clicked):"
+ RenderBlock {UL} at (0,20) size 722x100
+ RenderListItem {LI} at (40,0) size 682x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderInline {A} at (0,0) size 110x19 [color=#800080]
+ RenderText {#text} at (0,0) size 110x19
+ text run at (0,0) width 110: "W3C Web server"
+ RenderText {#text} at (0,0) size 0x0
+ RenderListItem {LI} at (40,20) size 682x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderInline {A} at (0,0) size 112x19 [color=#800080]
+ RenderText {#text} at (0,0) size 112x19
+ text run at (0,0) width 112: "NIST Web server"
+ RenderText {#text} at (0,0) size 0x0
+ RenderListItem {LI} at (40,40) size 682x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderInline {A} at (0,0) size 125x19 [color=#800080]
+ RenderText {#text} at (0,0) size 125x19
+ text run at (0,0) width 125: "CWRU Web server"
+ RenderText {#text} at (0,0) size 0x0
+ RenderListItem {LI} at (40,60) size 682x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderInline {A} at (0,0) size 47x19 [color=#800080]
+ RenderText {#text} at (0,0) size 47x19
+ text run at (0,0) width 47: "Yahoo!"
+ RenderText {#text} at (0,0) size 0x0
+ RenderListItem {LI} at (40,80) size 682x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderInline {A} at (0,0) size 58x19 [color=#800080]
+ RenderText {#text} at (0,0) size 58x19
+ text run at (0,0) width 58: "Erewhon"
+ RenderText {#text} at (57,0) size 225x19
+ text run at (57,0) width 225: " (don't click on it, it goes nowhere)"
+ RenderListItem {LI} at (40,120) size 722x40
+ RenderBlock (anonymous) at (0,0) size 722x20
+ RenderListMarker at (-18,0) size 7x19: bullet
+ RenderText {#text} at (0,0) size 208x19
+ text run at (0,0) width 208: "Dark green in any circumstance:"
+ RenderBlock {UL} at (0,20) size 722x20
+ RenderListItem {LI} at (40,0) size 682x20
+ RenderListMarker at (-18,0) size 7x19: white bullet
+ RenderInline {A} at (0,0) size 125x19 [color=#006600]
+ RenderText {#text} at (0,0) size 125x19
+ text run at (0,0) width 125: "CWRU Web server"
+ RenderText {#text} at (0,0) size 0x0
+ RenderBlock {P} at (4,216) size 762x40
+ RenderText {#text} at (0,0) size 120x19
+ text run at (0,0) width 120: "The quoted word \""
+ RenderInline {A} at (0,0) size 45x19 [color=#008000]
+ RenderText {#text} at (119,0) size 45x19
+ text run at (119,0) width 45: "anchor"
+ RenderText {#text} at (163,0) size 739x39
+ text run at (163,0) width 381: "\" should be green, NOT purple, since it's part of an anchor. "
+ text run at (543,0) width 196: "It's a named anchor, and styles"
+ text run at (0,20) width 355: "declared for the A tag are applied to them under CSS1. "
+ text run at (354,20) width 330: "It also should NOT turn orange when clicked upon."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1pseudofirstletterexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/pseudo/firstletter-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/pseudo/firstletter-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/pseudo/firstletter-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,93 @@
</span><ins>+layer at (0,0) size 800x745
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x745
+ RenderBlock {HTML} at (0,0) size 800x745
+ RenderBody {BODY} at (8,8) size 784x729 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderInline (generated) at (0,0) size 10x19 [color=#800000]
+ RenderText {#text} at (0,0) size 10x19
+ text run at (0,0) width 10: "T"
+ RenderText {#text} at (9,0) size 354x19
+ text run at (9,0) width 354: "he style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x56
+ RenderText {#text} at (0,0) size 305x56
+ text run at (0,0) width 242: "P:first-letter {color: maroon;}"
+ text run at (241,0) width 1: " "
+ text run at (0,14) width 281: ".two:first-letter {font-size: 200%;}"
+ text run at (280,14) width 1: " "
+ text run at (0,28) width 305: "P.three:first-letter {font-size: 350%;}"
+ text run at (304,28) width 1: " "
+ text run at (0,42) width 0: " "
+ RenderBlock {HR} at (0,105) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,123) size 784x60
+ RenderInline (generated) at (0,0) size 10x19 [color=#800000]
+ RenderText {#text} at (0,0) size 10x19
+ text run at (0,0) width 10: "T"
+ RenderText {#text} at (9,0) size 781x59
+ text run at (9,0) width 445: "he first letter of this paragraph, and only that one, should be maroon. "
+ text run at (453,0) width 328: "If this precise combination does not occur, then the"
+ text run at (0,20) width 193: "user agent has failed this test. "
+ text run at (192,20) width 587: "Remember that in order to ensure a complete test, the paragraph must be displayed on more"
+ text run at (0,40) width 87: "than one line."
+ RenderBlock {P} at (0,199) size 784x78
+ RenderInline (generated) at (0,0) size 20x36 [color=#800000]
+ RenderText {#text} at (0,1) size 20x36
+ text run at (0,1) width 20: "T"
+ RenderText {#text} at (19,15) size 775x62
+ text run at (19,15) width 625: "he first letter of this paragraph, and only that one, should be a larger font size, as well as maroon. "
+ text run at (643,15) width 89: "If this precise"
+ text run at (0,38) width 433: "combination does not occur, then the user agent has failed this test. "
+ text run at (432,38) width 343: "Remember that in order to ensure a complete test, the"
+ text run at (0,58) width 332: "paragraph must be displayed on more than one line."
+ RenderBlock {P} at (0,293) size 784x106
+ RenderInline (generated) at (0,0) size 76x63 [color=#800000]
+ RenderText {#text} at (0,1) size 76x63
+ text run at (0,1) width 76: "\"W"
+ RenderText {#text} at (75,36) size 774x69
+ text run at (75,36) width 325: "e should check for quotation support,\" it was said. "
+ text run at (399,36) width 375: "The first two characters in this paragraph-- a double-quote"
+ text run at (0,66) width 589: "mark and a capital 'W'-- should be 350% bigger than the rest of the paragraph, and maroon. "
+ text run at (588,66) width 183: "Note that this is not required"
+ text run at (0,86) width 232: "under CSS1, but it is recommended."
+ RenderTable {TABLE} at (0,415) size 784x314 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x312
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x284
+ RenderTableCell {TD} at (0,156) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x284 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x60
+ RenderInline (generated) at (0,0) size 10x19 [color=#800000]
+ RenderText {#text} at (0,0) size 10x19
+ text run at (0,0) width 10: "T"
+ RenderText {#text} at (9,0) size 757x59
+ text run at (9,0) width 445: "he first letter of this paragraph, and only that one, should be maroon. "
+ text run at (453,0) width 304: "If this precise combination does not occur, then"
+ text run at (0,20) width 216: "the user agent has failed this test. "
+ text run at (215,20) width 531: "Remember that in order to ensure a complete test, the paragraph must be displayed"
+ text run at (0,40) width 144: "on more than one line."
+ RenderBlock {P} at (4,80) size 762x78
+ RenderInline (generated) at (0,0) size 20x36 [color=#800000]
+ RenderText {#text} at (0,1) size 20x36
+ text run at (0,1) width 20: "T"
+ RenderText {#text} at (19,15) size 751x62
+ text run at (19,15) width 625: "he first letter of this paragraph, and only that one, should be a larger font size, as well as maroon. "
+ text run at (643,15) width 89: "If this precise"
+ text run at (0,38) width 433: "combination does not occur, then the user agent has failed this test. "
+ text run at (432,38) width 319: "Remember that in order to ensure a complete test,"
+ text run at (0,58) width 355: "the paragraph must be displayed on more than one line."
+ RenderBlock {P} at (4,174) size 762x106
+ RenderInline (generated) at (0,0) size 76x63 [color=#800000]
+ RenderText {#text} at (0,1) size 76x63
+ text run at (0,1) width 76: "\"W"
+ RenderText {#text} at (75,36) size 754x69
+ text run at (75,36) width 325: "e should check for quotation support,\" it was said. "
+ text run at (399,36) width 339: "The first two characters in this paragraph-- a double-"
+ text run at (0,66) width 628: "quote mark and a capital 'W'-- should be 350% bigger than the rest of the paragraph, and maroon. "
+ text run at (627,66) width 127: "Note that this is not"
+ text run at (0,86) width 289: "required under CSS1, but it is recommended."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1pseudofirstlineexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/pseudo/firstline-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/pseudo/firstline-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/pseudo/firstline-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,82 @@
</span><ins>+layer at (0,0) size 800x693
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x693
+ RenderBlock {HTML} at (0,0) size 800x693
+ RenderBody {BODY} at (8,8) size 784x677 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x56
+ RenderText {#text} at (0,0) size 352x56
+ text run at (0,0) width 219: "P:first-line {color: green;}"
+ text run at (218,0) width 1: " "
+ text run at (0,14) width 266: ".two:first-line {font-size: 200%;}"
+ text run at (265,14) width 1: " "
+ text run at (0,28) width 352: ".three:first-line {font-variant: small-caps;}"
+ text run at (351,28) width 1: " "
+ text run at (0,42) width 0: " "
+ RenderBlock {HR} at (0,105) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,123) size 784x60
+ RenderText {#text} at (0,0) size 779x59
+ text run at (0,0) width 431: "The first line of this paragraph, and only that one, should be green. "
+ text run at (430,0) width 328: "If this precise combination does not occur, then the"
+ text run at (0,20) width 193: "user agent has failed this test. "
+ text run at (192,20) width 587: "Remember that in order to ensure a complete test, the paragraph must be displayed on more"
+ text run at (0,40) width 87: "than one line."
+ RenderBlock {P} at (0,199) size 784x78
+ RenderText {#text} at (0,1) size 767x76
+ text run at (0,1) width 767: "The first line of this paragraph, and only that one, should be"
+ text run at (0,38) width 221: "a larger font size as well as green. "
+ text run at (220,38) width 520: "If this precise combination does not occur, then the user agent has failed this test."
+ text run at (0,58) width 678: "Remember that in order to ensure a complete test, the paragraph must be displayed on more than one line."
+ RenderBlock {P} at (0,293) size 784x80
+ RenderText {#text} at (0,0) size 782x59
+ text run at (0,0) width 608: "The first line of this paragraph, and only that one, should be displayed in small-caps style. "
+ text run at (607,0) width 155: "Thus, if the first line is"
+ text run at (0,20) width 782: "not in small-caps style, OR if the entire paragraph turns out in small-caps, then the user agent has failed this test (although"
+ text run at (0,40) width 170: "the problem might be that "
+ RenderInline {CODE} at (0,0) size 79x14
+ RenderText {#text} at (169,45) size 79x14
+ text run at (169,45) width 79: "small-caps"
+ RenderText {#text} at (247,40) size 767x39
+ text run at (247,40) width 229: " is not supported by your browser). "
+ text run at (475,40) width 292: "This is extra text included for the purposes of"
+ text run at (0,60) width 402: "making the paragraph long enough to have more than one line."
+ RenderTable {TABLE} at (0,389) size 784x288 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x286
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x258
+ RenderTableCell {TD} at (0,143) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x258 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x60
+ RenderText {#text} at (0,0) size 758x59
+ text run at (0,0) width 431: "The first line of this paragraph, and only that one, should be green. "
+ text run at (430,0) width 328: "If this precise combination does not occur, then the"
+ text run at (0,20) width 193: "user agent has failed this test. "
+ text run at (192,20) width 550: "Remember that in order to ensure a complete test, the paragraph must be displayed on"
+ text run at (0,40) width 124: "more than one line."
+ RenderBlock {P} at (4,80) size 762x78
+ RenderText {#text} at (0,1) size 759x76
+ text run at (0,1) width 729: "The first line of this paragraph, and only that one, should"
+ text run at (0,38) width 240: "be a larger font size as well as green. "
+ text run at (239,38) width 520: "If this precise combination does not occur, then the user agent has failed this test."
+ text run at (0,58) width 678: "Remember that in order to ensure a complete test, the paragraph must be displayed on more than one line."
+ RenderBlock {P} at (4,174) size 762x80
+ RenderText {#text} at (0,0) size 762x59
+ text run at (0,0) width 608: "The first line of this paragraph, and only that one, should be displayed in small-caps style. "
+ text run at (607,0) width 155: "Thus, if the first line is"
+ text run at (0,20) width 717: "not in small-caps style, OR if the entire paragraph turns out in small-caps, then the user agent has failed this test"
+ text run at (0,40) width 235: "(although the problem might be that "
+ RenderInline {CODE} at (0,0) size 79x14
+ RenderText {#text} at (234,45) size 79x14
+ text run at (234,45) width 79: "small-caps"
+ RenderText {#text} at (312,40) size 754x39
+ text run at (312,40) width 230: " is not supported by your browser). "
+ text run at (541,40) width 213: "This is extra text included for the"
+ text run at (0,60) width 480: "purposes of making the paragraph long enough to have more than one line."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1pseudomultiple_pseudo_elementsexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/pseudo/multiple_pseudo_elements-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/pseudo/multiple_pseudo_elements-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/pseudo/multiple_pseudo_elements-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,104 @@
</span><ins>+layer at (0,0) size 800x1071
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x1071
+ RenderBlock {HTML} at (0,0) size 800x1071
+ RenderBody {BODY} at (8,8) size 784x1055 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderInline (generated) at (0,0) size 10x19 [color=#800000]
+ RenderText {#text} at (0,0) size 10x19
+ text run at (0,0) width 10: "T"
+ RenderText {#text} at (9,0) size 354x19
+ text run at (9,0) width 354: "he style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x98
+ RenderText {#text} at (0,0) size 359x98
+ text run at (0,0) width 219: "P:first-line {color: green;}"
+ text run at (218,0) width 1: " "
+ text run at (0,14) width 242: "P:first-letter {color: maroon;}"
+ text run at (241,14) width 1: " "
+ text run at (0,28) width 266: ".two:first-line {font-size: 200%;}"
+ text run at (265,28) width 1: " "
+ text run at (0,42) width 281: ".two:first-letter {font-size: 350%;}"
+ text run at (280,42) width 1: " "
+ text run at (0,56) width 305: "P.three:first-letter {font-size: 350%;}"
+ text run at (304,56) width 1: " "
+ text run at (0,70) width 359: "P.three:first-line {font-variant: small-caps;}"
+ text run at (358,70) width 1: " "
+ text run at (0,84) width 0: " "
+ RenderBlock {HR} at (0,147) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,165) size 784x60
+ RenderInline (generated) at (0,0) size 10x19 [color=#800000]
+ RenderText {#text} at (0,0) size 10x19
+ text run at (0,0) width 10: "T"
+ RenderText {#text} at (9,0) size 782x59
+ text run at (9,0) width 735: "he first letter of this paragraph, and only that one, should be maroon (dark red), while the entire first line should be"
+ text run at (0,20) width 44: "green. "
+ text run at (43,20) width 524: "If this precise combination does not occur, then the user agent has failed this test. "
+ text run at (566,20) width 216: "Remember that in order to ensure"
+ text run at (0,40) width 459: "a complete test, the paragraph must be displayed on more than one line."
+ RenderBlock {P} at (0,241) size 784x190
+ RenderInline (generated) at (0,0) size 69x125 [color=#800000]
+ RenderText {#text} at (0,2) size 69x125
+ text run at (0,2) width 69: "T"
+ RenderText {#text} at (68,73) size 766x116
+ text run at (68,73) width 634: "he first letter of this paragraph, and only that one,"
+ text run at (0,130) width 754: "should be 350% bigger than the rest of the first line of this paragraph and maroon (dark red), while the entire first line"
+ text run at (0,150) width 304: "should be 200% bigger than normal and green. "
+ text run at (303,150) width 463: "If this precise combination does not occur, then the user agent has failed"
+ text run at (0,170) width 58: "this test. "
+ text run at (57,170) width 678: "Remember that in order to ensure a complete test, the paragraph must be displayed on more than one line."
+ RenderBlock {P} at (0,447) size 784x126
+ RenderInline (generated) at (0,0) size 76x63 [color=#800000]
+ RenderText {#text} at (0,1) size 76x63
+ text run at (0,1) width 76: "\"W"
+ RenderText {#text} at (75,36) size 783x89
+ text run at (75,36) width 336: "e should check for quotation support,\" it was said. "
+ text run at (410,36) width 361: "The first two characters in this paragraph-- a double-"
+ text run at (0,66) width 696: "quote mark and a capital 'W'-- should be 350% bigger than the rest of the paragraph, and maroon (dark red). "
+ text run at (695,66) width 83: "Note that the"
+ text run at (0,86) width 783: "inclusion of both the quotation mark and the 'W' in the first-letter style is not required under CSS1, but it is recommended."
+ text run at (0,106) width 462: "In addition, the entire first line should be in a small-caps font and green."
+ RenderTable {TABLE} at (0,589) size 784x466 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x464
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x436
+ RenderTableCell {TD} at (0,232) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x436 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x60
+ RenderInline (generated) at (0,0) size 10x19 [color=#800000]
+ RenderText {#text} at (0,0) size 10x19
+ text run at (0,0) width 10: "T"
+ RenderText {#text} at (9,0) size 744x59
+ text run at (9,0) width 735: "he first letter of this paragraph, and only that one, should be maroon (dark red), while the entire first line should be"
+ text run at (0,20) width 44: "green. "
+ text run at (43,20) width 524: "If this precise combination does not occur, then the user agent has failed this test. "
+ text run at (566,20) width 170: "Remember that in order to"
+ text run at (0,40) width 505: "ensure a complete test, the paragraph must be displayed on more than one line."
+ RenderBlock {P} at (4,80) size 762x210
+ RenderInline (generated) at (0,0) size 69x125 [color=#800000]
+ RenderText {#text} at (0,2) size 69x125
+ text run at (0,2) width 69: "T"
+ RenderText {#text} at (68,73) size 754x136
+ text run at (68,73) width 634: "he first letter of this paragraph, and only that one,"
+ text run at (0,130) width 754: "should be 350% bigger than the rest of the first line of this paragraph and maroon (dark red), while the entire first line"
+ text run at (0,150) width 304: "should be 200% bigger than normal and green. "
+ text run at (303,150) width 422: "If this precise combination does not occur, then the user agent has"
+ text run at (0,170) width 98: "failed this test. "
+ text run at (97,170) width 646: "Remember that in order to ensure a complete test, the paragraph must be displayed on more than one"
+ text run at (0,190) width 28: "line."
+ RenderBlock {P} at (4,306) size 762x126
+ RenderInline (generated) at (0,0) size 76x63 [color=#800000]
+ RenderText {#text} at (0,1) size 76x63
+ text run at (0,1) width 76: "\"W"
+ RenderText {#text} at (75,36) size 757x89
+ text run at (75,36) width 336: "e should check for quotation support,\" it was said. "
+ text run at (410,36) width 306: "The first two characters in this paragraph-- a"
+ text run at (0,66) width 741: "double-quote mark and a capital 'W'-- should be 350% bigger than the rest of the paragraph, and maroon (dark red)."
+ text run at (0,86) width 757: "Note that the inclusion of both the quotation mark and the 'W' in the first-letter style is not required under CSS1, but it"
+ text run at (0,106) width 114: "is recommended. "
+ text run at (113,106) width 462: "In addition, the entire first line should be in a small-caps font and green."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1pseudopseudo_elements_in_selectorsexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/pseudo/pseudo_elements_in_selectors-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/pseudo/pseudo_elements_in_selectors-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/pseudo/pseudo_elements_in_selectors-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,77 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 385x19
+ text run at (0,0) width 385: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x56
+ RenderText {#text} at (0,0) size 258x56
+ text run at (0,0) width 258: "P:first-line {font-weight: bold;}"
+ text run at (257,0) width 1: " "
+ text run at (0,14) width 250: "P.two:first-line {color: green;}"
+ text run at (249,14) width 1: " "
+ text run at (0,28) width 250: "P:first-line.three {color: red;}"
+ text run at (249,28) width 1: " "
+ text run at (0,42) width 0: " "
+ RenderBlock {HR} at (0,105) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,123) size 784x40
+ RenderText {#text} at (0,0) size 731x39
+ text run at (0,0) width 345: "The first line of this sentence should be boldfaced. "
+ text run at (344,0) width 387: "This test is included simply to establish a baseline for the"
+ text run at (0,20) width 655: "following tests, since if this test fails, then the rest of the tests on this page are expected to fail as well."
+ RenderBlock {P} at (0,179) size 784x40
+ RenderText {#text} at (0,0) size 765x39
+ text run at (0,0) width 563: "The first line of this sentence should be boldfaced and green, thanks to its selector. "
+ text run at (562,0) width 203: "If this is not the case, then the"
+ text run at (0,20) width 578: "user agent may have failed to properly parse the selector, or it may simply not support the "
+ RenderInline {TT} at (0,0) size 87x14
+ RenderText {#text} at (577,25) size 87x14
+ text run at (577,25) width 87: ":first-line"
+ RenderText {#text} at (663,20) size 110x19
+ text run at (663,20) width 110: " pseudo-element."
+ RenderBlock {P} at (0,235) size 784x80
+ RenderText {#text} at (0,0) size 783x79
+ text run at (0,0) width 345: "The first line of this sentence should be boldfaced. "
+ text run at (344,0) width 423: "If it is red, then the user agent has violated the specification in"
+ text run at (0,20) width 440: "allowing pseudo-elements at a point other than the end of a selector. "
+ text run at (439,20) width 344: "If neither is the case, then the user agent has correctly"
+ text run at (0,40) width 766: "ignored the incorrect selector, but has suppressed other styles which are valid, and therefore must be considered to have"
+ text run at (0,60) width 91: "failed the test."
+ RenderTable {TABLE} at (0,331) size 784x250 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x248
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x220
+ RenderTableCell {TD} at (0,124) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x220 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x40
+ RenderText {#text} at (0,0) size 731x39
+ text run at (0,0) width 345: "The first line of this sentence should be boldfaced. "
+ text run at (344,0) width 387: "This test is included simply to establish a baseline for the"
+ text run at (0,20) width 655: "following tests, since if this test fails, then the rest of the tests on this page are expected to fail as well."
+ RenderBlock {P} at (4,60) size 762x60
+ RenderText {#text} at (0,0) size 740x39
+ text run at (0,0) width 563: "The first line of this sentence should be boldfaced and green, thanks to its selector. "
+ text run at (562,0) width 178: "If this is not the case, then"
+ text run at (0,20) width 602: "the user agent may have failed to properly parse the selector, or it may simply not support the "
+ RenderInline {TT} at (0,0) size 87x14
+ RenderText {#text} at (601,25) size 87x14
+ text run at (601,25) width 87: ":first-line"
+ RenderText {#text} at (687,20) size 742x39
+ text run at (687,20) width 55: " pseudo-"
+ text run at (0,40) width 55: "element."
+ RenderBlock {P} at (4,136) size 762x80
+ RenderText {#text} at (0,0) size 749x79
+ text run at (0,0) width 345: "The first line of this sentence should be boldfaced. "
+ text run at (344,0) width 405: "If it is red, then the user agent has violated the specification"
+ text run at (0,20) width 456: "in allowing pseudo-elements at a point other than the end of a selector. "
+ text run at (455,20) width 284: "If neither is the case, then the user agent has"
+ text run at (0,40) width 703: "correctly ignored the incorrect selector, but has suppressed other styles which are valid, and therefore must be"
+ text run at (0,60) width 215: "considered to have failed the test."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1text_propertiesletter_spacingexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/text_properties/letter_spacing-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/text_properties/letter_spacing-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/text_properties/letter_spacing-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,139 @@
</span><ins>+layer at (0,0) size 800x1459
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x1459
+ RenderBlock {HTML} at (0,0) size 800x1459
+ RenderBody {BODY} at (8,8) size 784x1443 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x154
+ RenderText {#text} at (0,0) size 258x154
+ text run at (0,0) width 227: ".one {letter-spacing: 0.3in;}"
+ text run at (226,0) width 1: " "
+ text run at (0,14) width 227: ".two {letter-spacing: 0.5cm;}"
+ text run at (226,14) width 1: " "
+ text run at (0,28) width 227: ".three {letter-spacing: 5mm;}"
+ text run at (226,28) width 1: " "
+ text run at (0,42) width 219: ".four {letter-spacing: 3pt;}"
+ text run at (218,42) width 1: " "
+ text run at (0,56) width 242: ".five {letter-spacing: 0.25pc;}"
+ text run at (241,56) width 1: " "
+ text run at (0,70) width 211: ".six {letter-spacing: 1em;}"
+ text run at (210,70) width 1: " "
+ text run at (0,84) width 227: ".seven {letter-spacing: 1ex;}"
+ text run at (226,84) width 1: " "
+ text run at (0,98) width 227: ".eight {letter-spacing: 5px;}"
+ text run at (226,98) width 1: " "
+ text run at (0,112) width 242: ".nine {letter-spacing: normal;}"
+ text run at (241,112) width 1: " "
+ text run at (0,126) width 219: ".ten {letter-spacing: 300%;}"
+ text run at (218,126) width 1: " "
+ text run at (0,140) width 258: ".eleven {letter-spacing: -0.1em;}"
+ text run at (257,140) width 1: " "
+ RenderBlock {HR} at (0,203) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,221) size 784x80
+ RenderText {#text} at (0,0) size 712x79
+ text run at (0,0) width 692: "This letters in this"
+ text run at (0,20) width 712: "sentence should have"
+ text run at (0,40) width 677: "extra space between"
+ text run at (0,60) width 180: "them."
+ RenderBlock {P} at (0,317) size 784x60
+ RenderText {#text} at (0,0) size 723x59
+ text run at (0,0) width 723: "This letters in this sentence"
+ text run at (0,20) width 588: "should have extra space"
+ text run at (0,40) width 339: "between them."
+ RenderBlock {P} at (0,393) size 784x60
+ RenderText {#text} at (0,0) size 723x59
+ text run at (0,0) width 723: "This letters in this sentence"
+ text run at (0,20) width 588: "should have extra space"
+ text run at (0,40) width 339: "between them."
+ RenderBlock {P} at (0,469) size 784x20
+ RenderText {#text} at (0,0) size 696x19
+ text run at (0,0) width 696: "This letters in this sentence should have extra space between them."
+ RenderBlock {P} at (0,505) size 784x20
+ RenderText {#text} at (0,0) size 696x19
+ text run at (0,0) width 696: "This letters in this sentence should have extra space between them."
+ RenderBlock {P} at (0,541) size 784x60
+ RenderText {#text} at (0,0) size 706x59
+ text run at (0,0) width 639: "This letters in this sentence"
+ text run at (0,20) width 706: "should have extra space between"
+ text run at (0,40) width 116: "them."
+ RenderBlock {P} at (0,617) size 784x40
+ RenderText {#text} at (0,0) size 710x39
+ text run at (0,0) width 710: "This letters in this sentence should have extra space"
+ text run at (0,20) width 187: "between them."
+ RenderBlock {P} at (0,673) size 784x40
+ RenderText {#text} at (0,0) size 763x39
+ text run at (0,0) width 763: "This letters in this sentence should have extra space between them,"
+ text run at (0,20) width 440: "but the last few words in the sentence "
+ RenderInline {SPAN} at (0,0) size 184x19
+ RenderText {#text} at (439,20) size 184x19
+ text run at (439,20) width 184: "should show normal spacing"
+ RenderText {#text} at (622,20) size 10x19
+ text run at (622,20) width 10: "."
+ RenderBlock {P} at (0,729) size 784x40
+ RenderText {#text} at (0,0) size 746x39
+ text run at (0,0) width 746: "This letters in this sentence should have normal space between them, since percentage values are not allowed on this"
+ text run at (0,20) width 58: "property."
+ RenderBlock {P} at (0,785) size 784x20
+ RenderText {#text} at (0,0) size 580x19
+ text run at (0,0) width 580: "This letters in this sentence should have reduced space between them, since negative values are allowed on this property."
+ RenderTable {TABLE} at (0,821) size 784x622 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x620
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x592
+ RenderTableCell {TD} at (0,310) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x592 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x80
+ RenderText {#text} at (0,0) size 712x79
+ text run at (0,0) width 692: "This letters in this"
+ text run at (0,20) width 712: "sentence should have"
+ text run at (0,40) width 677: "extra space between"
+ text run at (0,60) width 180: "them."
+ RenderBlock {P} at (4,100) size 762x60
+ RenderText {#text} at (0,0) size 723x59
+ text run at (0,0) width 723: "This letters in this sentence"
+ text run at (0,20) width 588: "should have extra space"
+ text run at (0,40) width 339: "between them."
+ RenderBlock {P} at (4,176) size 762x60
+ RenderText {#text} at (0,0) size 723x59
+ text run at (0,0) width 723: "This letters in this sentence"
+ text run at (0,20) width 588: "should have extra space"
+ text run at (0,40) width 339: "between them."
+ RenderBlock {P} at (4,252) size 762x20
+ RenderText {#text} at (0,0) size 696x19
+ text run at (0,0) width 696: "This letters in this sentence should have extra space between them."
+ RenderBlock {P} at (4,288) size 762x20
+ RenderText {#text} at (0,0) size 696x19
+ text run at (0,0) width 696: "This letters in this sentence should have extra space between them."
+ RenderBlock {P} at (4,324) size 762x60
+ RenderText {#text} at (0,0) size 706x59
+ text run at (0,0) width 639: "This letters in this sentence"
+ text run at (0,20) width 706: "should have extra space between"
+ text run at (0,40) width 116: "them."
+ RenderBlock {P} at (4,400) size 762x40
+ RenderText {#text} at (0,0) size 710x39
+ text run at (0,0) width 710: "This letters in this sentence should have extra space"
+ text run at (0,20) width 187: "between them."
+ RenderBlock {P} at (4,456) size 762x40
+ RenderText {#text} at (0,0) size 693x39
+ text run at (0,0) width 693: "This letters in this sentence should have extra space between"
+ text run at (0,20) width 510: "them, but the last few words in the sentence "
+ RenderInline {SPAN} at (0,0) size 184x19
+ RenderText {#text} at (509,20) size 184x19
+ text run at (509,20) width 184: "should show normal spacing"
+ RenderText {#text} at (692,20) size 10x19
+ text run at (692,20) width 10: "."
+ RenderBlock {P} at (4,512) size 762x40
+ RenderText {#text} at (0,0) size 746x39
+ text run at (0,0) width 746: "This letters in this sentence should have normal space between them, since percentage values are not allowed on this"
+ text run at (0,20) width 58: "property."
+ RenderBlock {P} at (4,568) size 762x20
+ RenderText {#text} at (0,0) size 580x19
+ text run at (0,0) width 580: "This letters in this sentence should have reduced space between them, since negative values are allowed on this property."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1text_propertiesline_heightexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/text_properties/line_height-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/text_properties/line_height-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/text_properties/line_height-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,181 @@
</span><ins>+layer at (0,0) size 800x2613
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x2613
+ RenderBlock {HTML} at (0,0) size 800x2613
+ RenderBody {BODY} at (8,8) size 784x2597 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x196
+ RenderText {#text} at (0,0) size 391x196
+ text run at (0,0) width 336: ".one {line-height: 0.5in; font-size: 12px;}"
+ text run at (335,0) width 1: " "
+ text run at (0,14) width 320: ".two {line-height: 2cm; font-size: 12px;}"
+ text run at (319,14) width 1: " "
+ text run at (0,28) width 344: ".three {line-height: 20mm; font-size: 12px;}"
+ text run at (343,28) width 1: " "
+ text run at (0,42) width 336: ".four {line-height: 24pt; font-size: 12px;}"
+ text run at (335,42) width 1: " "
+ text run at (0,56) width 328: ".five {line-height: 2pc; font-size: 12px;}"
+ text run at (327,56) width 1: " "
+ text run at (0,70) width 320: ".six {line-height: 2em; font-size: 12px;}"
+ text run at (319,70) width 1: " "
+ text run at (0,84) width 336: ".seven {line-height: 3ex; font-size: 12px;}"
+ text run at (335,84) width 1: " "
+ text run at (0,98) width 344: ".eight {line-height: 200%; font-size: 12px;}"
+ text run at (343,98) width 1: " "
+ text run at (0,112) width 313: ".nine {line-height: 2; font-size: 12px;}"
+ text run at (312,112) width 1: " "
+ text run at (0,126) width 328: ".ten {line-height: 50px; font-size: 12px;}"
+ text run at (327,126) width 1: " "
+ text run at (0,140) width 352: ".eleven {line-height: -1em; font-size: 12px;}"
+ text run at (351,140) width 1: " "
+ text run at (0,154) width 391: "TABLE .ten {line-height: normal; font-size: 12px;}"
+ text run at (390,154) width 1: " "
+ text run at (0,168) width 242: "DIV {background-color: silver;}"
+ text run at (241,168) width 1: " "
+ text run at (0,182) width 297: "SPAN.color {background-color: silver;}"
+ text run at (296,182) width 1: " "
+ RenderBlock {HR} at (0,245) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,259) size 784x48
+ RenderText {#text} at (0,17) size 519x14
+ text run at (0,17) width 519: "This sentence should have a line-height of half an inch, which should cause extra spacing between the lines."
+ RenderBlock {P} at (0,319) size 784x75
+ RenderText {#text} at (0,30) size 538x14
+ text run at (0,30) width 538: "This sentence should have a line-height of two centimeters, which should cause extra spacing between the lines."
+ RenderBlock {P} at (0,406) size 784x75
+ RenderText {#text} at (0,30) size 552x14
+ text run at (0,30) width 552: "This sentence should have a line-height of twenty millimeters, which should cause extra spacing between the lines."
+ RenderBlock {P} at (0,493) size 784x32
+ RenderText {#text} at (0,9) size 551x14
+ text run at (0,9) width 551: "This sentence should have a line-height of twenty-four points, which should cause extra spacing between the lines."
+ RenderBlock {P} at (0,537) size 784x32
+ RenderText {#text} at (0,9) size 508x14
+ text run at (0,9) width 508: "This sentence should have a line-height of two picas, which should cause extra spacing between the lines."
+ RenderBlock {P} at (0,581) size 784x24
+ RenderText {#text} at (0,5) size 498x14
+ text run at (0,5) width 498: "This sentence should have a line-height of two em, which should cause extra spacing between the lines."
+ RenderBlock {P} at (0,617) size 784x16
+ RenderText {#text} at (0,1) size 500x14
+ text run at (0,1) width 500: "This sentence should have a line-height of three ex, which should cause extra spacing between the lines."
+ RenderBlock {P} at (0,645) size 784x24
+ RenderText {#text} at (0,5) size 550x14
+ text run at (0,5) width 550: "This sentence should have a line-height of twice the font size, which should cause extra spacing between the lines."
+ RenderBlock {DIV} at (0,681) size 784x168 [bgcolor=#C0C0C0]
+ RenderBlock (anonymous) at (0,0) size 784x24
+ RenderText {#text} at (0,5) size 604x14
+ text run at (0,5) width 604: "This first part of the DIV should have a line-height of twice the font size, which should cause extra spacing between the lines."
+ RenderBlock {P} at (0,48) size 784x72
+ RenderText {#text} at (0,-2) size 783x76
+ text run at (0,-2) width 783: "This sentence should have a line-height of twice the DIV's font size, or 28px; this"
+ text run at (0,22) width 766: "should not cause extra spacing between the lines, since the line-height and font-"
+ text run at (0,46) width 314: "size should have the same value."
+ RenderBlock (anonymous) at (0,144) size 784x24
+ RenderText {#text} at (0,5) size 618x14
+ text run at (0,5) width 618: "This second part of the DIV should have a line-height of twice the font size, which should cause extra spacing between the lines."
+ RenderBlock {P} at (0,861) size 784x24
+ RenderText {#text} at (0,5) size 550x14
+ text run at (0,5) width 550: "This sentence should have a line-height of twice the font size, which should cause extra spacing between the lines."
+ RenderBlock {DIV} at (0,897) size 784x240 [bgcolor=#C0C0C0]
+ RenderBlock (anonymous) at (0,0) size 784x24
+ RenderText {#text} at (0,5) size 604x14
+ text run at (0,5) width 604: "This first part of the DIV should have a line-height of twice the font size, which should cause extra spacing between the lines."
+ RenderBlock {P} at (0,48) size 784x144
+ RenderText {#text} at (0,10) size 742x124
+ text run at (0,10) width 742: "This sentence should have a line-height of twice the font size, which is 200%"
+ text run at (0,58) width 734: "normal thanks to an inline style; this should cause extra spacing between the"
+ text run at (0,106) width 647: "lines, as the font-size will be 28px and the line-height will be 56px."
+ RenderBlock (anonymous) at (0,216) size 784x24
+ RenderText {#text} at (0,5) size 618x14
+ text run at (0,5) width 618: "This second part of the DIV should have a line-height of twice the font size, which should cause extra spacing between the lines."
+ RenderBlock {P} at (0,1149) size 784x100
+ RenderText {#text} at (0,18) size 761x64
+ text run at (0,18) width 605: "This paragraph should have a line-height of 50 pixels in the first section, which should cause extra spacing between the lines. "
+ text run at (604,18) width 157: "In the second section (within the"
+ text run at (0,68) width 186: "table) its line-height should be normal."
+ RenderBlock {P} at (0,1261) size 784x15
+ RenderText {#text} at (0,0) size 517x14
+ text run at (0,0) width 517: "This sentence should have a normal line-height, because negative values are not permitted for this property."
+ RenderBlock {P} at (0,1288) size 784x150
+ RenderInline {SPAN} at (0,0) size 774x89 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,30) size 774x89
+ text run at (0,30) width 774: "This sentence should have a line-height of two centimeters, which should cause extra spacing between the lines. The text has a background color of silver, but no"
+ text run at (0,105) width 678: "padding or border. The background color has been set on an inline element and should therefore only cover the text, not the interline spacing."
+ RenderText {#text} at (0,0) size 0x0
+ RenderTable {TABLE} at (0,1450) size 784x1147 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x1145
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x1117
+ RenderTableCell {TD} at (0,572) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x1117 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x48
+ RenderText {#text} at (0,17) size 519x14
+ text run at (0,17) width 519: "This sentence should have a line-height of half an inch, which should cause extra spacing between the lines."
+ RenderBlock {P} at (4,64) size 762x75
+ RenderText {#text} at (0,30) size 538x14
+ text run at (0,30) width 538: "This sentence should have a line-height of two centimeters, which should cause extra spacing between the lines."
+ RenderBlock {P} at (4,151) size 762x75
+ RenderText {#text} at (0,30) size 552x14
+ text run at (0,30) width 552: "This sentence should have a line-height of twenty millimeters, which should cause extra spacing between the lines."
+ RenderBlock {P} at (4,238) size 762x32
+ RenderText {#text} at (0,9) size 551x14
+ text run at (0,9) width 551: "This sentence should have a line-height of twenty-four points, which should cause extra spacing between the lines."
+ RenderBlock {P} at (4,282) size 762x32
+ RenderText {#text} at (0,9) size 508x14
+ text run at (0,9) width 508: "This sentence should have a line-height of two picas, which should cause extra spacing between the lines."
+ RenderBlock {P} at (4,326) size 762x24
+ RenderText {#text} at (0,5) size 498x14
+ text run at (0,5) width 498: "This sentence should have a line-height of two em, which should cause extra spacing between the lines."
+ RenderBlock {P} at (4,362) size 762x16
+ RenderText {#text} at (0,1) size 500x14
+ text run at (0,1) width 500: "This sentence should have a line-height of three ex, which should cause extra spacing between the lines."
+ RenderBlock {P} at (4,390) size 762x24
+ RenderText {#text} at (0,5) size 550x14
+ text run at (0,5) width 550: "This sentence should have a line-height of twice the font size, which should cause extra spacing between the lines."
+ RenderBlock {DIV} at (4,426) size 762x168 [bgcolor=#C0C0C0]
+ RenderBlock (anonymous) at (0,0) size 762x24
+ RenderText {#text} at (0,5) size 604x14
+ text run at (0,5) width 604: "This first part of the DIV should have a line-height of twice the font size, which should cause extra spacing between the lines."
+ RenderBlock {P} at (0,48) size 762x72
+ RenderText {#text} at (0,-2) size 754x76
+ text run at (0,-2) width 742: "This sentence should have a line-height of twice the DIV's font size, or 28px;"
+ text run at (0,22) width 754: "this should not cause extra spacing between the lines, since the line-height and"
+ text run at (0,46) width 360: "font-size should have the same value."
+ RenderBlock (anonymous) at (0,144) size 762x24
+ RenderText {#text} at (0,5) size 618x14
+ text run at (0,5) width 618: "This second part of the DIV should have a line-height of twice the font size, which should cause extra spacing between the lines."
+ RenderBlock {P} at (4,606) size 762x24
+ RenderText {#text} at (0,5) size 550x14
+ text run at (0,5) width 550: "This sentence should have a line-height of twice the font size, which should cause extra spacing between the lines."
+ RenderBlock {DIV} at (4,642) size 762x240 [bgcolor=#C0C0C0]
+ RenderBlock (anonymous) at (0,0) size 762x24
+ RenderText {#text} at (0,5) size 604x14
+ text run at (0,5) width 604: "This first part of the DIV should have a line-height of twice the font size, which should cause extra spacing between the lines."
+ RenderBlock {P} at (0,48) size 762x144
+ RenderText {#text} at (0,10) size 742x124
+ text run at (0,10) width 742: "This sentence should have a line-height of twice the font size, which is 200%"
+ text run at (0,58) width 734: "normal thanks to an inline style; this should cause extra spacing between the"
+ text run at (0,106) width 647: "lines, as the font-size will be 28px and the line-height will be 56px."
+ RenderBlock (anonymous) at (0,216) size 762x24
+ RenderText {#text} at (0,5) size 618x14
+ text run at (0,5) width 618: "This second part of the DIV should have a line-height of twice the font size, which should cause extra spacing between the lines."
+ RenderBlock {P} at (4,894) size 762x30
+ RenderText {#text} at (0,0) size 761x29
+ text run at (0,0) width 605: "This paragraph should have a line-height of 50 pixels in the first section, which should cause extra spacing between the lines. "
+ text run at (604,0) width 157: "In the second section (within the"
+ text run at (0,15) width 186: "table) its line-height should be normal."
+ RenderBlock {P} at (4,936) size 762x15
+ RenderText {#text} at (0,0) size 517x14
+ text run at (0,0) width 517: "This sentence should have a normal line-height, because negative values are not permitted for this property."
+ RenderBlock {P} at (4,963) size 762x150
+ RenderInline {SPAN} at (0,0) size 759x89 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,30) size 759x89
+ text run at (0,30) width 759: "This sentence should have a line-height of two centimeters, which should cause extra spacing between the lines. The text has a background color of silver, but"
+ text run at (0,105) width 693: "no padding or border. The background color has been set on an inline element and should therefore only cover the text, not the interline spacing."
+ RenderText {#text} at (0,0) size 0x0
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1text_propertiestext_alignexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/text_properties/text_align-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/text_properties/text_align-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/text_properties/text_align-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,60 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x70
+ RenderText {#text} at (0,0) size 219x70
+ text run at (0,0) width 188: ".one {text-align: left;}"
+ text run at (187,0) width 1: " "
+ text run at (0,14) width 196: ".two {text-align: right;}"
+ text run at (195,14) width 1: " "
+ text run at (0,28) width 219: ".three {text-align: center;}"
+ text run at (218,28) width 1: " "
+ text run at (0,42) width 219: ".four {text-align: justify;}"
+ text run at (218,42) width 1: " "
+ text run at (0,56) width 0: " "
+ RenderBlock {HR} at (0,119) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,137) size 784x20
+ RenderText {#text} at (0,0) size 241x19
+ text run at (0,0) width 241: "This sentence should be left-justified."
+ RenderBlock {P} at (0,173) size 784x20
+ RenderText {#text} at (534,0) size 250x19
+ text run at (534,0) width 250: "This sentence should be right-justified."
+ RenderBlock {P} at (0,209) size 784x20
+ RenderText {#text} at (284,0) size 216x19
+ text run at (284,0) width 216: "This sentence should be centered."
+ RenderBlock {P} at (0,245) size 784x60
+ RenderText {#text} at (0,0) size 784x59
+ text run at (0,0) width 784: "This sentence should be fully justified, which means that the right and left margins of this paragraph should line up, no"
+ text run at (0,20) width 784: "matter how long the paragraph becomes; the exception, of course, is the last line, which should be left-justified in Western"
+ text run at (0,40) width 68: "languages."
+ RenderTable {TABLE} at (0,321) size 784x206 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x204
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x176
+ RenderTableCell {TD} at (0,102) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x176 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x20
+ RenderText {#text} at (0,0) size 241x19
+ text run at (0,0) width 241: "This sentence should be left-justified."
+ RenderBlock {P} at (4,40) size 762x20
+ RenderText {#text} at (512,0) size 250x19
+ text run at (512,0) width 250: "This sentence should be right-justified."
+ RenderBlock {P} at (4,76) size 762x20
+ RenderText {#text} at (273,0) size 216x19
+ text run at (273,0) width 216: "This sentence should be centered."
+ RenderBlock {P} at (4,112) size 762x60
+ RenderText {#text} at (0,0) size 762x59
+ text run at (0,0) width 762: "This sentence should be fully justified, which means that the right and left margins of this paragraph should line up, no"
+ text run at (0,20) width 762: "matter how long the paragraph becomes; the exception, of course, is the last line, which should be left-justified in"
+ text run at (0,40) width 124: "Western languages."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1text_propertiestext_decorationexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/text_properties/text_decoration-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/text_properties/text_decoration-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/text_properties/text_decoration-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,198 @@
</span><ins>+layer at (0,0) size 800x1209
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x1209
+ RenderBlock {HTML} at (0,0) size 800x1209
+ RenderBody {BODY} at (8,8) size 784x1193 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x112
+ RenderText {#text} at (0,0) size 453x112
+ text run at (0,0) width 266: ".one {text-decoration: underline;}"
+ text run at (265,0) width 1: " "
+ text run at (0,14) width 258: ".two {text-decoration: overline;}"
+ text run at (257,14) width 1: " "
+ text run at (0,28) width 305: ".three {text-decoration: line-through;}"
+ text run at (304,28) width 1: " "
+ text run at (0,42) width 242: ".four {text-decoration: blink;}"
+ text run at (241,42) width 1: " "
+ text run at (0,56) width 242: "B.five {text-decoration: none;}"
+ text run at (241,56) width 1: " "
+ text run at (0,70) width 336: ".six {text-decoration: underline overline;}"
+ text run at (335,70) width 1: " "
+ text run at (0,84) width 453: ".seven {text-decoration: underline overline line-through;}"
+ text run at (452,84) width 1: " "
+ text run at (0,98) width 0: " "
+ RenderBlock {HR} at (0,161) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,179) size 784x20
+ RenderText {#text} at (0,0) size 230x19
+ text run at (0,0) width 230: "This sentence should be underlined."
+ RenderBlock {P} at (0,215) size 784x20
+ RenderText {#text} at (0,0) size 222x19
+ text run at (0,0) width 222: "This sentence should be overlined."
+ RenderBlock {P} at (0,251) size 784x20
+ RenderText {#text} at (0,0) size 344x19
+ text run at (0,0) width 344: "This sentence should have stricken text (linethrough)."
+ RenderBlock {P} at (0,287) size 784x20
+ RenderText {#text} at (0,0) size 602x19
+ text run at (0,0) width 215: "This element should be blinking. "
+ text run at (214,0) width 388: "(It is not required, however, that UAs support this behavior.)"
+ RenderBlock {P} at (0,323) size 784x40
+ RenderText {#text} at (0,0) size 520x19
+ text run at (0,0) width 298: "The text in this element should be underlined. "
+ text run at (297,0) width 223: "The boldfaced text in this element "
+ RenderInline {B} at (0,0) size 176x19
+ RenderText {#text} at (519,0) size 176x19
+ text run at (519,0) width 176: "should also be underlined"
+ RenderText {#text} at (694,0) size 746x39
+ text run at (694,0) width 9: ". "
+ text run at (702,0) width 44: "This is"
+ text run at (0,20) width 731: "because the parent's underline will 'span' the boldfaced text, even if the inline element has no underline of its own."
+ RenderBlock {P} at (0,379) size 784x20
+ RenderText {#text} at (0,0) size 322x19
+ text run at (0,0) width 322: "This sentence should be underlined and overlined."
+ RenderBlock {P} at (0,415) size 784x20
+ RenderText {#text} at (0,0) size 384x19
+ text run at (0,0) width 384: "This sentence should be underlined, overlined, and stricken."
+ RenderBlock {P} at (0,451) size 784x0
+ RenderBlock {P} at (0,451) size 784x40
+ RenderText {#text} at (0,0) size 776x39
+ text run at (0,0) width 776: "There should be nothing visible between this sentence and the one above (there is an empty paragraph element with class"
+ text run at (0,20) width 64: "of seven)."
+ RenderBlock {P} at (0,507) size 784x60
+ RenderText {#text} at (0,0) size 647x19
+ text run at (0,0) width 647: "Text decorations only apply to the text of an element, so the image at the end of this sentence should "
+ RenderInline {EM} at (0,0) size 21x19
+ RenderText {#text} at (646,0) size 21x19
+ text run at (646,0) width 21: "not"
+ RenderText {#text} at (666,0) size 93x19
+ text run at (666,0) width 93: " be overlined: "
+ RenderImage {IMG} at (758,0) size 16x15
+ RenderText {#text} at (773,0) size 778x59
+ text run at (773,0) width 5: "."
+ text run at (0,20) width 743: "The underline of the parent element should hold true beneath the image, however, since text-decoration 'spans' child"
+ text run at (0,40) width 61: "elements."
+ RenderBlock {P} at (0,583) size 784x20 [color=#008000]
+ RenderText {#text} at (0,0) size 107x19
+ text run at (0,0) width 107: "The underlining "
+ RenderInline {SPAN} at (0,0) size 100x19 [color=#0000FF]
+ RenderText {#text} at (106,0) size 100x19
+ text run at (106,0) width 100: "in this sentence"
+ RenderText {#text} at (205,0) size 238x19
+ text run at (205,0) width 238: " should be green, no matter what the "
+ RenderInline {SPAN} at (0,0) size 112x19 [color=#000000]
+ RenderText {#text} at (442,0) size 112x19
+ text run at (442,0) width 112: "text color may be"
+ RenderText {#text} at (553,0) size 5x19
+ text run at (553,0) width 5: "."
+ RenderBlock {P} at (0,619) size 784x40
+ RenderText {#text} at (0,0) size 113x19
+ text run at (0,0) width 113: "The colors of the "
+ RenderInline {SPAN} at (0,0) size 75x19 [color=#800080]
+ RenderText {#text} at (112,0) size 75x19
+ text run at (112,0) width 75: "underlining"
+ RenderText {#text} at (186,0) size 22x19
+ text run at (186,0) width 22: " in "
+ RenderInline {SPAN} at (0,0) size 83x19 [color=#0000FF]
+ RenderText {#text} at (207,0) size 83x19
+ text run at (207,0) width 83: "this sentence"
+ RenderText {#text} at (289,0) size 71x19
+ text run at (289,0) width 71: " should be "
+ RenderInline {SPAN} at (0,0) size 215x19 [color=#808080]
+ RenderText {#text} at (359,0) size 215x19
+ text run at (359,0) width 215: "the same as that of the parent text"
+ RenderText {#text} at (573,0) size 756x39
+ text run at (573,0) width 183: " (that is, the first word in the"
+ text run at (0,20) width 216: "sentence, which should be black)."
+ RenderTable {TABLE} at (0,675) size 784x518 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x516
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x488
+ RenderTableCell {TD} at (0,258) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x488 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x20
+ RenderText {#text} at (0,0) size 230x19
+ text run at (0,0) width 230: "This sentence should be underlined."
+ RenderBlock {P} at (4,40) size 762x20
+ RenderText {#text} at (0,0) size 222x19
+ text run at (0,0) width 222: "This sentence should be overlined."
+ RenderBlock {P} at (4,76) size 762x20
+ RenderText {#text} at (0,0) size 344x19
+ text run at (0,0) width 344: "This sentence should have stricken text (linethrough)."
+ RenderBlock {P} at (4,112) size 762x20
+ RenderText {#text} at (0,0) size 602x19
+ text run at (0,0) width 215: "This element should be blinking. "
+ text run at (214,0) width 388: "(It is not required, however, that UAs support this behavior.)"
+ RenderBlock {P} at (4,148) size 762x40
+ RenderText {#text} at (0,0) size 520x19
+ text run at (0,0) width 298: "The text in this element should be underlined. "
+ text run at (297,0) width 223: "The boldfaced text in this element "
+ RenderInline {B} at (0,0) size 176x19
+ RenderText {#text} at (519,0) size 176x19
+ text run at (519,0) width 176: "should also be underlined"
+ RenderText {#text} at (694,0) size 746x39
+ text run at (694,0) width 9: ". "
+ text run at (702,0) width 44: "This is"
+ text run at (0,20) width 731: "because the parent's underline will 'span' the boldfaced text, even if the inline element has no underline of its own."
+ RenderBlock {P} at (4,204) size 762x20
+ RenderText {#text} at (0,0) size 322x19
+ text run at (0,0) width 322: "This sentence should be underlined and overlined."
+ RenderBlock {P} at (4,240) size 762x20
+ RenderText {#text} at (0,0) size 384x19
+ text run at (0,0) width 384: "This sentence should be underlined, overlined, and stricken."
+ RenderBlock {P} at (4,276) size 762x0
+ RenderBlock {P} at (4,276) size 762x40
+ RenderText {#text} at (0,0) size 741x39
+ text run at (0,0) width 741: "There should be nothing visible between this sentence and the one above (there is an empty paragraph element with"
+ text run at (0,20) width 99: "class of seven)."
+ RenderBlock {P} at (4,332) size 762x60
+ RenderText {#text} at (0,0) size 647x19
+ text run at (0,0) width 647: "Text decorations only apply to the text of an element, so the image at the end of this sentence should "
+ RenderInline {EM} at (0,0) size 21x19
+ RenderText {#text} at (646,0) size 21x19
+ text run at (646,0) width 21: "not"
+ RenderText {#text} at (666,0) size 93x19
+ text run at (666,0) width 93: " be overlined: "
+ RenderImage {IMG} at (0,20) size 15x15
+ RenderText {#text} at (15,20) size 730x39
+ text run at (15,20) width 8: ". "
+ text run at (23,20) width 707: "The underline of the parent element should hold true beneath the image, however, since text-decoration 'spans'"
+ text run at (0,40) width 97: "child elements."
+ RenderBlock {P} at (4,408) size 762x20 [color=#008000]
+ RenderText {#text} at (0,0) size 107x19
+ text run at (0,0) width 107: "The underlining "
+ RenderInline {SPAN} at (0,0) size 100x19 [color=#0000FF]
+ RenderText {#text} at (106,0) size 100x19
+ text run at (106,0) width 100: "in this sentence"
+ RenderText {#text} at (205,0) size 238x19
+ text run at (205,0) width 238: " should be green, no matter what the "
+ RenderInline {SPAN} at (0,0) size 112x19 [color=#000000]
+ RenderText {#text} at (442,0) size 112x19
+ text run at (442,0) width 112: "text color may be"
+ RenderText {#text} at (553,0) size 5x19
+ text run at (553,0) width 5: "."
+ RenderBlock {P} at (4,444) size 762x40
+ RenderText {#text} at (0,0) size 113x19
+ text run at (0,0) width 113: "The colors of the "
+ RenderInline {SPAN} at (0,0) size 75x19 [color=#800080]
+ RenderText {#text} at (112,0) size 75x19
+ text run at (112,0) width 75: "underlining"
+ RenderText {#text} at (186,0) size 22x19
+ text run at (186,0) width 22: " in "
+ RenderInline {SPAN} at (0,0) size 83x19 [color=#0000FF]
+ RenderText {#text} at (207,0) size 83x19
+ text run at (207,0) width 83: "this sentence"
+ RenderText {#text} at (289,0) size 71x19
+ text run at (289,0) width 71: " should be "
+ RenderInline {SPAN} at (0,0) size 215x19 [color=#808080]
+ RenderText {#text} at (359,0) size 215x19
+ text run at (359,0) width 215: "the same as that of the parent text"
+ RenderText {#text} at (573,0) size 756x39
+ text run at (573,0) width 183: " (that is, the first word in the"
+ text run at (0,20) width 216: "sentence, which should be black)."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1text_propertiestext_indentexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/text_properties/text_indent-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/text_properties/text_indent-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/text_properties/text_indent-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,136 @@
</span><ins>+layer at (0,0) size 800x1307
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x1307
+ RenderBlock {HTML} at (0,0) size 800x1307
+ RenderBody {BODY} at (8,8) size 784x1291 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x154
+ RenderText {#text} at (0,0) size 375x154
+ text run at (0,0) width 344: ".one {text-indent: 0.5in; background: aqua;}"
+ text run at (343,0) width 1: " "
+ text run at (0,14) width 328: ".two {text-indent: 2cm; background: aqua;}"
+ text run at (327,14) width 1: " "
+ text run at (0,28) width 352: ".three {text-indent: 20mm; background: aqua;}"
+ text run at (351,28) width 1: " "
+ text run at (0,42) width 344: ".four {text-indent: 24pt; background: aqua;}"
+ text run at (343,42) width 1: " "
+ text run at (0,56) width 336: ".five {text-indent: 2pc; background: aqua;}"
+ text run at (335,56) width 1: " "
+ text run at (0,70) width 328: ".six {text-indent: 2em; background: aqua;}"
+ text run at (327,70) width 1: " "
+ text run at (0,84) width 344: ".seven {text-indent: 2ex; background: aqua;}"
+ text run at (343,84) width 1: " "
+ text run at (0,98) width 344: ".eight {text-indent: 50%; background: aqua;}"
+ text run at (343,98) width 1: " "
+ text run at (0,112) width 344: ".nine {text-indent: 25px; background: aqua;}"
+ text run at (343,112) width 1: " "
+ text run at (0,126) width 375: "blockquote {text-indent: 50%; background: aqua;}"
+ text run at (374,126) width 1: " "
+ text run at (0,140) width 0: " "
+ RenderBlock {HR} at (0,203) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,221) size 784x20 [bgcolor=#00FFFF]
+ RenderText {#text} at (48,0) size 395x19
+ text run at (48,0) width 395: "The first line of this sentence should be indented half an inch."
+ RenderBlock {P} at (0,257) size 784x20 [bgcolor=#00FFFF]
+ RenderText {#text} at (75,0) size 422x19
+ text run at (75,0) width 422: "The first line of this sentence should be indented two centimeters."
+ RenderBlock {P} at (0,293) size 784x20 [bgcolor=#00FFFF]
+ RenderText {#text} at (75,0) size 441x19
+ text run at (75,0) width 441: "The first line of this sentence should be indented twenty millimeters."
+ RenderBlock {P} at (0,329) size 784x20 [bgcolor=#00FFFF]
+ RenderText {#text} at (32,0) size 438x19
+ text run at (32,0) width 438: "The first line of this sentence should be indented twenty-four points."
+ RenderBlock {P} at (0,365) size 784x20 [bgcolor=#00FFFF]
+ RenderText {#text} at (32,0) size 380x19
+ text run at (32,0) width 380: "The first line of this sentence should be indented two picas."
+ RenderBlock {P} at (0,401) size 784x20 [bgcolor=#00FFFF]
+ RenderText {#text} at (32,0) size 367x19
+ text run at (32,0) width 367: "The first line of this sentence should be indented two em."
+ RenderBlock {P} at (0,437) size 784x20 [bgcolor=#00FFFF]
+ RenderText {#text} at (14,0) size 363x19
+ text run at (14,0) width 363: "The first line of this sentence should be indented two ex."
+ RenderBlock {P} at (0,473) size 784x40 [bgcolor=#00FFFF]
+ RenderText {#text} at (392,0) size 759x39
+ text run at (392,0) width 367: "The first line of this sentence should be indented halfway"
+ text run at (0,20) width 568: "across the page, but the rest of it should be flush with the normal left margin of the page."
+ RenderBlock {P} at (0,529) size 784x40 [bgcolor=#00FFFF]
+ RenderText {#text} at (25,0) size 740x39
+ text run at (25,0) width 715: "The first line of this sentence should be indented 25 pixels, but the rest of it should be flush with the normal left"
+ text run at (0,20) width 125: "margin of the page."
+ RenderBlock {P} at (0,585) size 784x60 [bgcolor=#00FFFF]
+ RenderText {#text} at (48,0) size 426x19
+ text run at (48,0) width 426: "Only the first line of this sentence should be indented half an inch,"
+ RenderBR {BR} at (473,15) size 1x0
+ RenderText {#text} at (0,20) size 266x19
+ text run at (0,20) width 266: "no matter where the lines might start, and"
+ RenderBR {BR} at (265,35) size 1x0
+ RenderInline {EM} at (0,0) size 201x19
+ RenderText {#text} at (0,40) size 201x19
+ text run at (0,40) width 201: "regardless of any other markup"
+ RenderText {#text} at (200,40) size 149x19
+ text run at (200,40) width 149: " which may be present."
+ RenderBlock {BLOCKQUOTE} at (40,661) size 704x60 [bgcolor=#00FFFF]
+ RenderText {#text} at (392,0) size 651x59
+ text run at (392,0) width 228: "In the first half of the test page, this"
+ text run at (0,20) width 651: "BLOCKQUOTE element should have a text indent equal to 50% of the BODY element's width, since"
+ text run at (0,40) width 512: "BLOCKQUOTE is a child of BODY; in the second half, it is a child of TABLE."
+ RenderTable {TABLE} at (0,737) size 784x554 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x552
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x524
+ RenderTableCell {TD} at (0,276) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x524 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x20 [bgcolor=#00FFFF]
+ RenderText {#text} at (48,0) size 395x19
+ text run at (48,0) width 395: "The first line of this sentence should be indented half an inch."
+ RenderBlock {P} at (4,40) size 762x20 [bgcolor=#00FFFF]
+ RenderText {#text} at (75,0) size 422x19
+ text run at (75,0) width 422: "The first line of this sentence should be indented two centimeters."
+ RenderBlock {P} at (4,76) size 762x20 [bgcolor=#00FFFF]
+ RenderText {#text} at (75,0) size 441x19
+ text run at (75,0) width 441: "The first line of this sentence should be indented twenty millimeters."
+ RenderBlock {P} at (4,112) size 762x20 [bgcolor=#00FFFF]
+ RenderText {#text} at (32,0) size 438x19
+ text run at (32,0) width 438: "The first line of this sentence should be indented twenty-four points."
+ RenderBlock {P} at (4,148) size 762x20 [bgcolor=#00FFFF]
+ RenderText {#text} at (32,0) size 380x19
+ text run at (32,0) width 380: "The first line of this sentence should be indented two picas."
+ RenderBlock {P} at (4,184) size 762x20 [bgcolor=#00FFFF]
+ RenderText {#text} at (32,0) size 367x19
+ text run at (32,0) width 367: "The first line of this sentence should be indented two em."
+ RenderBlock {P} at (4,220) size 762x20 [bgcolor=#00FFFF]
+ RenderText {#text} at (14,0) size 363x19
+ text run at (14,0) width 363: "The first line of this sentence should be indented two ex."
+ RenderBlock {P} at (4,256) size 762x40 [bgcolor=#00FFFF]
+ RenderText {#text} at (381,0) size 748x39
+ text run at (381,0) width 367: "The first line of this sentence should be indented halfway"
+ text run at (0,20) width 568: "across the page, but the rest of it should be flush with the normal left margin of the page."
+ RenderBlock {P} at (4,312) size 762x40 [bgcolor=#00FFFF]
+ RenderText {#text} at (25,0) size 740x39
+ text run at (25,0) width 715: "The first line of this sentence should be indented 25 pixels, but the rest of it should be flush with the normal left"
+ text run at (0,20) width 125: "margin of the page."
+ RenderBlock {P} at (4,368) size 762x60 [bgcolor=#00FFFF]
+ RenderText {#text} at (48,0) size 426x19
+ text run at (48,0) width 426: "Only the first line of this sentence should be indented half an inch,"
+ RenderBR {BR} at (473,15) size 1x0
+ RenderText {#text} at (0,20) size 266x19
+ text run at (0,20) width 266: "no matter where the lines might start, and"
+ RenderBR {BR} at (265,35) size 1x0
+ RenderInline {EM} at (0,0) size 201x19
+ RenderText {#text} at (0,40) size 201x19
+ text run at (0,40) width 201: "regardless of any other markup"
+ RenderText {#text} at (200,40) size 149x19
+ text run at (200,40) width 149: " which may be present."
+ RenderBlock {BLOCKQUOTE} at (44,444) size 682x60 [bgcolor=#00FFFF]
+ RenderText {#text} at (381,0) size 651x59
+ text run at (381,0) width 228: "In the first half of the test page, this"
+ text run at (0,20) width 651: "BLOCKQUOTE element should have a text indent equal to 50% of the BODY element's width, since"
+ text run at (0,40) width 512: "BLOCKQUOTE is a child of BODY; in the second half, it is a child of TABLE."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1text_propertiestext_transformexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/text_properties/text_transform-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/text_properties/text_transform-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/text_properties/text_transform-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,106 @@
</span><ins>+layer at (0,0) size 800x775
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x775
+ RenderBlock {HTML} at (0,0) size 800x775
+ RenderBody {BODY} at (8,8) size 784x759 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x70
+ RenderText {#text} at (0,0) size 266x70
+ text run at (0,0) width 219: ".ttn {text-transform: none;}"
+ text run at (218,0) width 1: " "
+ text run at (0,14) width 266: ".cap {text-transform: capitalize;}"
+ text run at (265,14) width 1: " "
+ text run at (0,28) width 258: ".upp {text-transform: uppercase;}"
+ text run at (257,28) width 1: " "
+ text run at (0,42) width 258: ".low {text-transform: lowercase;}"
+ text run at (257,42) width 1: " "
+ text run at (0,56) width 0: " "
+ RenderBlock {HR} at (0,119) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,137) size 784x40
+ RenderText {#text} at (0,0) size 733x39
+ text run at (0,0) width 733: "This page tests the 'text-transform' property of CSS1. This paragraph has no text transformation and should appear"
+ text run at (0,20) width 50: "normal."
+ RenderBlock {P} at (0,193) size 784x60
+ RenderText {#text} at (0,0) size 758x59
+ text run at (0,0) width 758: "This Paragraph Is Capitalized And The First Letter In Each Word Should Therefore Appear In Uppercase. Words That"
+ text run at (0,20) width 721: "Are In Uppercase In The Source (E.g. USA) Should Remain So. There Should Be A Capital Letter After A Non-"
+ text run at (0,40) width 544: "Breaking Space (&Nbsp;). Both Those Characters Appear In The Previous Sentence."
+ RenderBlock {P} at (0,269) size 784x40
+ RenderText {#text} at (0,0) size 771x39
+ text run at (0,0) width 771: "Words with inline elements inside them should only capitalize the first letter of the word. Therefore, the last word in this"
+ text run at (0,20) width 309: "sentence should have one, and only one, capital "
+ RenderInline {SPAN} at (0,0) size 39x19
+ RenderText {#text} at (308,20) size 18x19
+ text run at (308,20) width 18: "Le"
+ RenderInline {SPAN} at (0,0) size 10x19
+ RenderText {#text} at (325,20) size 10x19
+ text run at (325,20) width 10: "tt"
+ RenderText {#text} at (334,20) size 13x19
+ text run at (334,20) width 13: "er"
+ RenderText {#text} at (346,20) size 5x19
+ text run at (346,20) width 5: "."
+ RenderBlock {P} at (0,325) size 784x60
+ RenderText {#text} at (0,0) size 771x39
+ text run at (0,0) width 771: "THIS PARAGRAPH IS UPPERCASED AND SMALL CHARACTERS IN THE SOURCE (E.G. A AND \x{C5}) SHOULD"
+ text run at (0,20) width 282: "THEREFORE APPEAR IN UPPERCASE. "
+ text run at (281,20) width 278: "IN THE LAST SENTENCE, HOWEVER, "
+ RenderInline {SPAN} at (0,0) size 774x39
+ RenderText {#text} at (558,20) size 774x39
+ text run at (558,20) width 216: "the last eight words should not be"
+ text run at (0,40) width 64: "uppercase"
+ RenderText {#text} at (63,40) size 5x19
+ text run at (63,40) width 5: "."
+ RenderBlock {P} at (0,401) size 784x20
+ RenderText {#text} at (0,0) size 741x19
+ text run at (0,0) width 741: "this paragraph is lowercased and capital characters in the source (e.g. a and \x{E5}) should therefore appear in lowercase."
+ RenderTable {TABLE} at (0,437) size 784x322 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x320
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x292
+ RenderTableCell {TD} at (0,160) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x292 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x40
+ RenderText {#text} at (0,0) size 733x39
+ text run at (0,0) width 733: "This page tests the 'text-transform' property of CSS1. This paragraph has no text transformation and should appear"
+ text run at (0,20) width 50: "normal."
+ RenderBlock {P} at (4,60) size 762x60
+ RenderText {#text} at (0,0) size 758x59
+ text run at (0,0) width 758: "This Paragraph Is Capitalized And The First Letter In Each Word Should Therefore Appear In Uppercase. Words That"
+ text run at (0,20) width 721: "Are In Uppercase In The Source (E.g. USA) Should Remain So. There Should Be A Capital Letter After A Non-"
+ text run at (0,40) width 544: "Breaking Space (&Nbsp;). Both Those Characters Appear In The Previous Sentence."
+ RenderBlock {P} at (4,136) size 762x40
+ RenderText {#text} at (0,0) size 744x39
+ text run at (0,0) width 744: "Words with inline elements inside them should only capitalize the first letter of the word. Therefore, the last word in"
+ text run at (0,20) width 336: "this sentence should have one, and only one, capital "
+ RenderInline {SPAN} at (0,0) size 39x19
+ RenderText {#text} at (335,20) size 18x19
+ text run at (335,20) width 18: "Le"
+ RenderInline {SPAN} at (0,0) size 10x19
+ RenderText {#text} at (352,20) size 10x19
+ text run at (352,20) width 10: "tt"
+ RenderText {#text} at (361,20) size 13x19
+ text run at (361,20) width 13: "er"
+ RenderText {#text} at (373,20) size 5x19
+ text run at (373,20) width 5: "."
+ RenderBlock {P} at (4,192) size 762x60
+ RenderText {#text} at (0,0) size 702x39
+ text run at (0,0) width 702: "THIS PARAGRAPH IS UPPERCASED AND SMALL CHARACTERS IN THE SOURCE (E.G. A AND \x{C5})"
+ text run at (0,20) width 351: "SHOULD THEREFORE APPEAR IN UPPERCASE. "
+ text run at (350,20) width 278: "IN THE LAST SENTENCE, HOWEVER, "
+ RenderInline {SPAN} at (0,0) size 753x39
+ RenderText {#text} at (627,20) size 753x39
+ text run at (627,20) width 126: "the last eight words"
+ text run at (0,40) width 155: "should not be uppercase"
+ RenderText {#text} at (154,40) size 5x19
+ text run at (154,40) width 5: "."
+ RenderBlock {P} at (4,268) size 762x20
+ RenderText {#text} at (0,0) size 741x19
+ text run at (0,0) width 741: "this paragraph is lowercased and capital characters in the source (e.g. a and \x{E5}) should therefore appear in lowercase."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1text_propertiesvertical_alignexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/text_properties/vertical_align-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/text_properties/vertical_align-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/text_properties/vertical_align-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,720 @@
</span><ins>+layer at (0,0) size 800x4469
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x4469
+ RenderBlock {HTML} at (0,0) size 800x4470
+ RenderBody {BODY} at (8,8) size 784x4454 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x252
+ RenderText {#text} at (0,0) size 500x252
+ text run at (0,0) width 157: "P {font-size: 12pt;}"
+ text run at (156,0) width 1: " "
+ text run at (0,14) width 211: ".one {vertical-align: sub;}"
+ text run at (210,14) width 1: " "
+ text run at (0,28) width 227: ".two {vertical-align: super;}"
+ text run at (226,28) width 1: " "
+ text run at (0,42) width 359: ".three {vertical-align: top; font-size: 12pt;}"
+ text run at (358,42) width 1: " "
+ text run at (0,56) width 391: ".four {vertical-align: text-top; font-size: 12pt;}"
+ text run at (390,56) width 1: " "
+ text run at (0,70) width 375: ".five {vertical-align: middle; font-size: 12pt;}"
+ text run at (374,70) width 1: " "
+ text run at (0,84) width 367: ".six {vertical-align: bottom; font-size: 12pt;}"
+ text run at (366,84) width 1: " "
+ text run at (0,98) width 422: ".seven {vertical-align: text-bottom; font-size: 12pt;}"
+ text run at (421,98) width 1: " "
+ text run at (0,112) width 398: ".eight {vertical-align: baseline; font-size: 12pt;}"
+ text run at (397,112) width 1: " "
+ text run at (0,126) width 500: ".nine {vertical-align: 50%; font-size: 12px; line-height: 16px;}"
+ text run at (499,126) width 1: " "
+ text run at (0,140) width 0: " "
+ text run at (0,154) width 219: "P.example {font-size: 14pt;}"
+ text run at (218,154) width 1: " "
+ text run at (0,168) width 172: "BIG {font-size: 16pt;}"
+ text run at (171,168) width 1: " "
+ text run at (0,182) width 188: "SMALL {font-size: 12pt;}"
+ text run at (187,182) width 1: " "
+ text run at (0,196) width 297: ".ttopalign {vertical-align: text-top;}"
+ text run at (296,196) width 1: " "
+ text run at (0,210) width 250: ".topalign {vertical-align: top;}"
+ text run at (249,210) width 1: " "
+ text run at (0,224) width 274: ".midalign {vertical-align: middle;}"
+ text run at (273,224) width 1: " "
+ text run at (0,238) width 0: " "
+ RenderBlock {HR} at (0,301) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,319) size 784x79
+ RenderImage {IMG} at (0,0) size 15x50
+ RenderInline {SPAN} at (0,0) size 129x19
+ RenderText {#text} at (15,39) size 129x19
+ text run at (15,39) width 129: "The first four words"
+ RenderText {#text} at (143,35) size 766x43
+ text run at (143,35) width 292: " in this sentence should be subscript-aligned. "
+ text run at (434,35) width 332: "The font size of the superscripted text should not be"
+ text run at (0,59) width 262: "different from that of the parent element."
+ RenderBlock {P} at (0,414) size 784x75
+ RenderImage {IMG} at (0,0) size 15x50
+ RenderInline {SPAN} at (0,0) size 129x19
+ RenderText {#text} at (15,29) size 129x19
+ text run at (15,29) width 129: "The first four words"
+ RenderText {#text} at (143,35) size 766x39
+ text run at (143,35) width 304: " in this sentence should be superscript-aligned. "
+ text run at (446,35) width 320: "The font size of the subscripted text should not be"
+ text run at (0,55) width 262: "different from that of the parent element."
+ RenderBlock {P} at (0,505) size 784x75
+ RenderImage {IMG} at (0,0) size 15x50
+ RenderInline {SPAN} at (0,0) size 129x19
+ RenderText {#text} at (15,0) size 129x19
+ text run at (15,0) width 129: "The first four words"
+ RenderText {#text} at (143,35) size 783x39
+ text run at (143,35) width 640: " in this sentence should be top-aligned, which will align their tops with the top of the tallest element"
+ text run at (0,55) width 274: "in the line (probably the orange rectangle)."
+ RenderBlock {P} at (0,596) size 784x134
+ RenderImage {IMG} at (0,0) size 15x50
+ RenderText {#text} at (15,35) size 4x19
+ text run at (15,35) width 4: " "
+ RenderInline {SPAN} at (0,0) size 755x112
+ RenderText {#text} at (0,0) size 0x0
+ RenderInline {SPAN} at (0,0) size 129x19
+ RenderText {#text} at (19,21) size 129x19
+ text run at (19,21) width 129: "The first four words"
+ RenderText {#text} at (147,21) size 755x112
+ text run at (147,21) width 558: " in this sentence should be text-top-aligned,"
+ text run at (0,59) width 755: "which should align their tops with the top of the tallest text"
+ text run at (0,97) width 136: "in the line."
+ RenderText {#text} at (0,0) size 0x0
+ RenderBlock {P} at (0,746) size 784x70
+ RenderImage {IMG} at (0,0) size 15x50
+ RenderText {#text} at (15,14) size 755x55
+ text run at (15,14) width 740: " The image at the beginning of this sentence should be middle-aligned, which should align its middle with the point"
+ text run at (0,50) width 318: "defined as the text baseline plus half the x-height."
+ RenderBlock {P} at (0,832) size 784x126
+ RenderImage {IMG} at (0,0) size 15x50
+ RenderText {#text} at (15,15) size 4x19
+ text run at (15,15) width 4: " "
+ RenderInline {SPAN} at (0,0) size 733x124
+ RenderText {#text} at (0,0) size 0x0
+ RenderInline {SPAN} at (0,0) size 129x19
+ RenderText {#text} at (19,30) size 129x19
+ text run at (19,30) width 129: "The first four words"
+ RenderText {#text} at (147,1) size 733x124
+ text run at (147,1) width 547: " in this sentence should be 12pt in size and"
+ text run at (0,51) width 733: "bottom-aligned, which should align their bottom with the"
+ text run at (0,89) width 518: "bottom of the lowest element in the line."
+ RenderText {#text} at (0,0) size 0x0
+ RenderBlock {P} at (0,974) size 784x164
+ RenderImage {IMG} at (0,0) size 15x50
+ RenderText {#text} at (15,15) size 4x19
+ text run at (15,15) width 4: " "
+ RenderInline {SPAN} at (0,0) size 752x162
+ RenderText {#text} at (0,0) size 0x0
+ RenderInline {SPAN} at (0,0) size 298x19
+ RenderText {#text} at (19,17) size 298x19
+ text run at (19,17) width 298: "The first eight words (\"eight\" has a descender)"
+ RenderText {#text} at (316,1) size 752x162
+ text run at (316,1) width 436: " in this sentence should be 12pt in"
+ text run at (0,51) width 693: "size and text-bottom-aligned, which should align their"
+ text run at (0,89) width 671: "bottom with the bottom of the lowest text (including"
+ text run at (0,127) width 295: "descenders) in the line."
+ RenderText {#text} at (0,0) size 0x0
+ RenderBlock {P} at (0,1154) size 784x134
+ RenderImage {IMG} at (0,0) size 15x50
+ RenderText {#text} at (15,35) size 4x19
+ text run at (15,35) width 4: " "
+ RenderInline {SPAN} at (0,0) size 761x112
+ RenderText {#text} at (0,0) size 0x0
+ RenderInline {SPAN} at (0,0) size 129x19
+ RenderText {#text} at (19,35) size 129x19
+ text run at (19,35) width 129: "The first four words"
+ RenderText {#text} at (147,21) size 761x112
+ text run at (147,21) width 547: " in this sentence should be 12pt in size and"
+ text run at (0,59) width 761: "baseline-aligned, which should align their baseline with the"
+ text run at (0,97) width 523: "baseline of the rest of the text in the line."
+ RenderText {#text} at (0,0) size 0x0
+ RenderBlock {P} at (0,1304) size 784x75
+ RenderImage {IMG} at (0,0) size 15x50
+ RenderInline {SPAN} at (0,0) size 97x14
+ RenderText {#text} at (15,31) size 97x14
+ text run at (15,31) width 97: "The first four words"
+ RenderText {#text} at (111,35) size 764x39
+ text run at (111,35) width 653: " in this sentence should have a font-size of 12px and a line-height of 16px; they are also 50%-aligned,"
+ text run at (0,55) width 385: "which should raise them 8px relative to the natural baseline."
+ RenderBlock {P} at (0,1395) size 784x40
+ RenderText {#text} at (0,0) size 760x39
+ text run at (0,0) width 760: "In the following paragraph, all images should be aligned with the top of the 14-point text, which is identical to the first"
+ text run at (0,20) width 676: "section of text, whereas any size text should be aligned with the text baseline (which is the default value)."
+ RenderBlock {P} at (0,1453) size 784x326
+ RenderText {#text} at (0,26) size 120x22
+ text run at (0,26) width 120: "This paragraph "
+ RenderImage {IMG} at (119,26) size 10x30
+ RenderText {#text} at (128,26) size 5x22
+ text run at (128,26) width 5: " "
+ RenderInline {SPAN} at (0,0) size 419x53
+ RenderText {#text} at (132,1) size 419x53
+ text run at (132,1) width 419: "contains many images"
+ RenderText {#text} at (550,26) size 6x22
+ text run at (550,26) width 6: " "
+ RenderImage {IMG} at (555,26) size 16x50
+ RenderText {#text} at (570,26) size 6x22
+ text run at (570,26) width 6: " "
+ RenderInline {BIG} at (0,0) size 153x24
+ RenderText {#text} at (575,24) size 153x24
+ text run at (575,24) width 153: "of varying heights"
+ RenderText {#text} at (727,26) size 6x22
+ text run at (727,26) width 6: " "
+ RenderImage {IMG} at (732,26) size 4x10
+ RenderText {#text} at (735,26) size 6x22
+ text run at (735,26) width 6: " "
+ RenderInline {SMALL} at (0,0) size 764x116
+ RenderText {#text} at (740,28) size 764x116
+ text run at (740,28) width 24: "and"
+ text run at (0,125) width 43: "widths"
+ RenderText {#text} at (42,123) size 6x22
+ text run at (42,123) width 6: " "
+ RenderImage {IMG} at (47,123) size 7x20
+ RenderText {#text} at (53,123) size 101x22
+ text run at (53,123) width 101: " all of which "
+ RenderImage {IMG} at (153,123) size 21x65
+ RenderText {#text} at (173,123) size 6x22
+ text run at (173,123) width 6: " "
+ RenderInline {SPAN} at (0,0) size 262x42
+ RenderText {#text} at (178,107) size 262x42
+ text run at (178,107) width 262: "should be aligned"
+ RenderText {#text} at (439,123) size 6x22
+ text run at (439,123) width 6: " "
+ RenderImage {IMG} at (444,123) size 12x35
+ RenderText {#text} at (455,123) size 122x22
+ text run at (455,123) width 122: " with the top of "
+ RenderImage {IMG} at (576,123) size 10x30
+ RenderText {#text} at (585,123) size 5x22
+ text run at (585,123) width 5: " "
+ RenderInline {SPAN} at (0,0) size 703x144
+ RenderText {#text} at (589,115) size 21x32
+ text run at (589,115) width 21: "a "
+ RenderInline {SPAN} at (0,0) size 703x191
+ RenderText {#text} at (609,77) size 703x191
+ text run at (609,77) width 94: "14-"
+ text run at (0,189) width 144: "point"
+ RenderText {#text} at (143,227) size 146x32
+ text run at (143,227) width 146: " text element"
+ RenderText {#text} at (288,235) size 6x22
+ text run at (288,235) width 6: " "
+ RenderImage {IMG} at (293,235) size 16x50
+ RenderText {#text} at (308,235) size 6x22
+ text run at (308,235) width 6: " "
+ RenderInline {SMALL} at (0,0) size 194x19
+ RenderText {#text} at (313,237) size 194x19
+ text run at (313,237) width 194: "regardless of the line in which"
+ RenderText {#text} at (506,235) size 6x22
+ text run at (506,235) width 6: " "
+ RenderImage {IMG} at (511,235) size 6x15
+ RenderText {#text} at (516,235) size 5x22
+ text run at (516,235) width 5: " "
+ RenderInline {BIG} at (0,0) size 157x24
+ RenderText {#text} at (520,233) size 157x24
+ text run at (520,233) width 157: "the images appear."
+ RenderText {#text} at (676,235) size 6x22
+ text run at (676,235) width 6: " "
+ RenderImage {IMG} at (681,235) size 28x90
+ RenderText {#text} at (0,0) size 0x0
+ RenderBlock {P} at (0,1797) size 784x41
+ RenderText {#text} at (0,0) size 765x39
+ text run at (0,0) width 765: "In the following paragraph, all images should be aligned with the middle of the default text, whereas any text should be"
+ text run at (0,20) width 371: "aligned with the text baseline (which is the default value)."
+ RenderBlock {P} at (0,1853) size 784x233
+ RenderText {#text} at (0,22) size 101x19
+ text run at (0,22) width 101: "This paragraph "
+ RenderImage {IMG} at (100,18) size 10x30
+ RenderText {#text} at (109,22) size 5x19
+ text run at (109,22) width 5: " "
+ RenderInline {SPAN} at (0,0) size 356x45
+ RenderText {#text} at (113,1) size 356x45
+ text run at (113,1) width 356: "contains many images"
+ RenderText {#text} at (468,22) size 5x19
+ text run at (468,22) width 5: " "
+ RenderImage {IMG} at (472,8) size 16x50
+ RenderText {#text} at (487,22) size 126x19
+ text run at (487,22) width 126: " of varying heights "
+ RenderImage {IMG} at (612,28) size 4x10
+ RenderText {#text} at (615,22) size 5x19
+ text run at (615,22) width 5: " "
+ RenderInline {SMALL} at (0,0) size 71x19
+ RenderText {#text} at (619,22) size 71x19
+ text run at (619,22) width 71: "and widths"
+ RenderText {#text} at (689,22) size 5x19
+ text run at (689,22) width 5: " "
+ RenderImage {IMG} at (693,23) size 7x20
+ RenderText {#text} at (699,22) size 85x19
+ text run at (699,22) width 85: " all of which "
+ RenderImage {IMG} at (0,77) size 20x65
+ RenderText {#text} at (20,98) size 121x19
+ text run at (20,98) width 121: " should be aligned "
+ RenderImage {IMG} at (140,92) size 12x35
+ RenderText {#text} at (151,98) size 5x19
+ text run at (151,98) width 5: " "
+ RenderInline {SPAN} at (0,0) size 237x36
+ RenderText {#text} at (155,84) size 237x36
+ text run at (155,84) width 237: "with the middle of"
+ RenderText {#text} at (391,98) size 5x19
+ text run at (391,98) width 5: " "
+ RenderImage {IMG} at (395,84) size 16x50
+ RenderText {#text} at (410,98) size 5x19
+ text run at (410,98) width 5: " "
+ RenderInline {SPAN} at (0,0) size 345x28
+ RenderText {#text} at (414,91) size 18x28
+ text run at (414,91) width 18: "a "
+ RenderInline {SPAN} at (0,0) size 204x67
+ RenderText {#text} at (431,59) size 204x67
+ text run at (431,59) width 204: "14-point"
+ RenderText {#text} at (634,91) size 125x28
+ text run at (634,91) width 125: " text element"
+ RenderText {#text} at (758,98) size 5x19
+ text run at (758,98) width 5: " "
+ RenderImage {IMG} at (762,84) size 16x50
+ RenderText {#text} at (0,0) size 0x0
+ RenderInline {SMALL} at (0,0) size 194x19
+ RenderText {#text} at (0,176) size 194x19
+ text run at (0,176) width 194: "regardless of the line in which"
+ RenderText {#text} at (193,176) size 5x19
+ text run at (193,176) width 5: " "
+ RenderImage {IMG} at (197,180) size 6x15
+ RenderText {#text} at (202,176) size 5x19
+ text run at (202,176) width 5: " "
+ RenderInline {BIG} at (0,0) size 156x24
+ RenderText {#text} at (206,172) size 156x24
+ text run at (206,172) width 156: "the images appear."
+ RenderText {#text} at (361,176) size 5x19
+ text run at (361,176) width 5: " "
+ RenderImage {IMG} at (365,142) size 28x90
+ RenderText {#text} at (0,0) size 0x0
+ RenderBlock {P} at (0,2101) size 784x41
+ RenderText {#text} at (0,0) size 751x39
+ text run at (0,0) width 751: "In the following paragraph, all elements should be aligned with the top of the tallest element on the line, whether that"
+ text run at (0,20) width 178: "element is an image or not. "
+ text run at (177,20) width 563: "Each fragment of text has been SPANned appropriately in order to cause this to happen."
+ RenderBlock {P} at (0,2157) size 784x203
+ RenderInline {SPAN} at (0,0) size 97x19
+ RenderText {#text} at (0,0) size 97x19
+ text run at (0,0) width 97: "This paragraph"
+ RenderText {#text} at (96,0) size 5x19
+ text run at (96,0) width 5: " "
+ RenderImage {IMG} at (100,0) size 4x10
+ RenderText {#text} at (103,0) size 5x19
+ text run at (103,0) width 5: " "
+ RenderInline {SPAN} at (0,0) size 356x45
+ RenderText {#text} at (107,1) size 356x45
+ text run at (107,1) width 356: "contains many images"
+ RenderText {#text} at (462,0) size 5x19
+ text run at (462,0) width 5: " "
+ RenderImage {IMG} at (466,0) size 4x10
+ RenderText {#text} at (469,0) size 5x19
+ text run at (469,0) width 5: " "
+ RenderInline {SPAN} at (0,0) size 90x19
+ RenderText {#text} at (473,0) size 90x19
+ text run at (473,0) width 90: "and some text"
+ RenderText {#text} at (562,0) size 5x19
+ text run at (562,0) width 5: " "
+ RenderImage {IMG} at (566,0) size 4x10
+ RenderText {#text} at (569,0) size 5x19
+ text run at (569,0) width 5: " "
+ RenderInline {SPAN} at (0,0) size 118x19
+ RenderText {#text} at (573,0) size 118x19
+ text run at (573,0) width 118: "of varying heights"
+ RenderText {#text} at (690,0) size 5x19
+ text run at (690,0) width 5: " "
+ RenderImage {IMG} at (694,0) size 4x10
+ RenderText {#text} at (697,0) size 5x19
+ text run at (697,0) width 5: " "
+ RenderInline {BIG} at (0,0) size 732x71
+ RenderText {#text} at (701,0) size 732x71
+ text run at (701,0) width 31: "and"
+ text run at (0,47) width 57: "widths"
+ RenderText {#text} at (56,47) size 5x19
+ text run at (56,47) width 5: " "
+ RenderImage {IMG} at (60,47) size 6x20
+ RenderText {#text} at (66,47) size 5x19
+ text run at (66,47) width 5: " "
+ RenderInline {SPAN} at (0,0) size 77x19
+ RenderText {#text} at (70,47) size 77x19
+ text run at (70,47) width 77: "all of which"
+ RenderText {#text} at (146,47) size 5x19
+ text run at (146,47) width 5: " "
+ RenderImage {IMG} at (150,47) size 21x65
+ RenderText {#text} at (170,47) size 5x19
+ text run at (170,47) width 5: " "
+ RenderInline {SPAN} at (0,0) size 114x19
+ RenderText {#text} at (174,47) size 114x19
+ text run at (174,47) width 114: "should be aligned"
+ RenderText {#text} at (287,47) size 5x19
+ text run at (287,47) width 5: " "
+ RenderImage {IMG} at (291,47) size 12x35
+ RenderText {#text} at (302,47) size 5x19
+ text run at (302,47) width 5: " "
+ RenderInline {SPAN} at (0,0) size 188x36
+ RenderText {#text} at (306,48) size 188x36
+ text run at (306,48) width 188: "with the top of"
+ RenderText {#text} at (493,47) size 5x19
+ text run at (493,47) width 5: " "
+ RenderImage {IMG} at (497,47) size 16x50
+ RenderText {#text} at (512,47) size 5x19
+ text run at (512,47) width 5: " "
+ RenderInline {SPAN} at (0,0) size 134x19
+ RenderText {#text} at (516,47) size 134x19
+ text run at (516,47) width 134: "the tallest element in"
+ RenderText {#text} at (649,47) size 5x19
+ text run at (649,47) width 5: " "
+ RenderImage {IMG} at (653,47) size 6x15
+ RenderText {#text} at (658,47) size 5x19
+ text run at (658,47) width 5: " "
+ RenderInline {BIG} at (0,0) size 751x89
+ RenderText {#text} at (662,47) size 751x89
+ text run at (662,47) width 89: "whichever"
+ text run at (0,112) width 208: "line the elements appear."
+ RenderText {#text} at (207,112) size 5x19
+ text run at (207,112) width 5: " "
+ RenderImage {IMG} at (211,112) size 28x90
+ RenderText {#text} at (0,0) size 0x0
+ RenderTable {TABLE} at (0,2375) size 784x2079 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x2076
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x2048
+ RenderTableCell {TD} at (0,1038) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x2049 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x79
+ RenderImage {IMG} at (0,0) size 15x50
+ RenderInline {SPAN} at (0,0) size 129x19
+ RenderText {#text} at (15,39) size 129x19
+ text run at (15,39) width 129: "The first four words"
+ RenderText {#text} at (143,35) size 747x43
+ text run at (143,35) width 292: " in this sentence should be subscript-aligned. "
+ text run at (434,35) width 313: "The font size of the superscripted text should not"
+ text run at (0,59) width 281: "be different from that of the parent element."
+ RenderBlock {P} at (4,99) size 762x75
+ RenderImage {IMG} at (0,0) size 15x50
+ RenderInline {SPAN} at (0,0) size 129x19
+ RenderText {#text} at (15,29) size 129x19
+ text run at (15,29) width 129: "The first four words"
+ RenderText {#text} at (143,35) size 747x39
+ text run at (143,35) width 304: " in this sentence should be superscript-aligned. "
+ text run at (446,35) width 301: "The font size of the subscripted text should not"
+ text run at (0,55) width 281: "be different from that of the parent element."
+ RenderBlock {P} at (4,190) size 762x75
+ RenderImage {IMG} at (0,0) size 15x50
+ RenderInline {SPAN} at (0,0) size 129x19
+ RenderText {#text} at (15,0) size 129x19
+ text run at (15,0) width 129: "The first four words"
+ RenderText {#text} at (143,35) size 729x39
+ text run at (143,35) width 586: " in this sentence should be top-aligned, which will align their tops with the top of the tallest"
+ text run at (0,55) width 328: "element in the line (probably the orange rectangle)."
+ RenderBlock {P} at (4,281) size 762x134
+ RenderImage {IMG} at (0,0) size 15x50
+ RenderText {#text} at (15,35) size 4x19
+ text run at (15,35) width 4: " "
+ RenderInline {SPAN} at (0,0) size 755x112
+ RenderText {#text} at (0,0) size 0x0
+ RenderInline {SPAN} at (0,0) size 129x19
+ RenderText {#text} at (19,21) size 129x19
+ text run at (19,21) width 129: "The first four words"
+ RenderText {#text} at (147,21) size 755x112
+ text run at (147,21) width 558: " in this sentence should be text-top-aligned,"
+ text run at (0,59) width 755: "which should align their tops with the top of the tallest text"
+ text run at (0,97) width 136: "in the line."
+ RenderText {#text} at (0,0) size 0x0
+ RenderBlock {P} at (4,431) size 762x70
+ RenderImage {IMG} at (0,0) size 15x50
+ RenderText {#text} at (15,14) size 755x55
+ text run at (15,14) width 740: " The image at the beginning of this sentence should be middle-aligned, which should align its middle with the point"
+ text run at (0,50) width 318: "defined as the text baseline plus half the x-height."
+ RenderBlock {P} at (4,517) size 762x126
+ RenderImage {IMG} at (0,0) size 15x50
+ RenderText {#text} at (15,15) size 4x19
+ text run at (15,15) width 4: " "
+ RenderInline {SPAN} at (0,0) size 733x124
+ RenderText {#text} at (0,0) size 0x0
+ RenderInline {SPAN} at (0,0) size 129x19
+ RenderText {#text} at (19,30) size 129x19
+ text run at (19,30) width 129: "The first four words"
+ RenderText {#text} at (147,1) size 733x124
+ text run at (147,1) width 547: " in this sentence should be 12pt in size and"
+ text run at (0,51) width 733: "bottom-aligned, which should align their bottom with the"
+ text run at (0,89) width 518: "bottom of the lowest element in the line."
+ RenderText {#text} at (0,0) size 0x0
+ RenderBlock {P} at (4,659) size 762x164
+ RenderImage {IMG} at (0,0) size 15x50
+ RenderText {#text} at (15,15) size 4x19
+ text run at (15,15) width 4: " "
+ RenderInline {SPAN} at (0,0) size 752x162
+ RenderText {#text} at (0,0) size 0x0
+ RenderInline {SPAN} at (0,0) size 298x19
+ RenderText {#text} at (19,17) size 298x19
+ text run at (19,17) width 298: "The first eight words (\"eight\" has a descender)"
+ RenderText {#text} at (316,1) size 752x162
+ text run at (316,1) width 436: " in this sentence should be 12pt in"
+ text run at (0,51) width 693: "size and text-bottom-aligned, which should align their"
+ text run at (0,89) width 671: "bottom with the bottom of the lowest text (including"
+ text run at (0,127) width 295: "descenders) in the line."
+ RenderText {#text} at (0,0) size 0x0
+ RenderBlock {P} at (4,839) size 762x134
+ RenderImage {IMG} at (0,0) size 15x50
+ RenderText {#text} at (15,35) size 4x19
+ text run at (15,35) width 4: " "
+ RenderInline {SPAN} at (0,0) size 761x112
+ RenderText {#text} at (0,0) size 0x0
+ RenderInline {SPAN} at (0,0) size 129x19
+ RenderText {#text} at (19,35) size 129x19
+ text run at (19,35) width 129: "The first four words"
+ RenderText {#text} at (147,21) size 761x112
+ text run at (147,21) width 547: " in this sentence should be 12pt in size and"
+ text run at (0,59) width 761: "baseline-aligned, which should align their baseline with the"
+ text run at (0,97) width 523: "baseline of the rest of the text in the line."
+ RenderText {#text} at (0,0) size 0x0
+ RenderBlock {P} at (4,989) size 762x75
+ RenderImage {IMG} at (0,0) size 15x50
+ RenderInline {SPAN} at (0,0) size 97x14
+ RenderText {#text} at (15,31) size 97x14
+ text run at (15,31) width 97: "The first four words"
+ RenderText {#text} at (111,35) size 713x39
+ text run at (111,35) width 602: " in this sentence should have a font-size of 12px and a line-height of 16px; they are also 50%-"
+ text run at (0,55) width 440: "aligned, which should raise them 8px relative to the natural baseline."
+ RenderBlock {P} at (4,1080) size 762x40
+ RenderText {#text} at (0,0) size 760x39
+ text run at (0,0) width 760: "In the following paragraph, all images should be aligned with the top of the 14-point text, which is identical to the first"
+ text run at (0,20) width 676: "section of text, whereas any size text should be aligned with the text baseline (which is the default value)."
+ RenderBlock {P} at (4,1138) size 762x326
+ RenderText {#text} at (0,26) size 120x22
+ text run at (0,26) width 120: "This paragraph "
+ RenderImage {IMG} at (119,26) size 10x30
+ RenderText {#text} at (128,26) size 5x22
+ text run at (128,26) width 5: " "
+ RenderInline {SPAN} at (0,0) size 419x53
+ RenderText {#text} at (132,1) size 419x53
+ text run at (132,1) width 419: "contains many images"
+ RenderText {#text} at (550,26) size 6x22
+ text run at (550,26) width 6: " "
+ RenderImage {IMG} at (555,26) size 16x50
+ RenderText {#text} at (570,26) size 6x22
+ text run at (570,26) width 6: " "
+ RenderInline {BIG} at (0,0) size 153x24
+ RenderText {#text} at (575,24) size 153x24
+ text run at (575,24) width 153: "of varying heights"
+ RenderText {#text} at (727,26) size 6x22
+ text run at (727,26) width 6: " "
+ RenderImage {IMG} at (732,26) size 4x10
+ RenderText {#text} at (0,0) size 0x0
+ RenderInline {SMALL} at (0,0) size 70x19
+ RenderText {#text} at (0,125) size 70x19
+ text run at (0,125) width 70: "and widths"
+ RenderText {#text} at (69,123) size 6x22
+ text run at (69,123) width 6: " "
+ RenderImage {IMG} at (74,123) size 7x20
+ RenderText {#text} at (80,123) size 101x22
+ text run at (80,123) width 101: " all of which "
+ RenderImage {IMG} at (180,123) size 21x65
+ RenderText {#text} at (200,123) size 6x22
+ text run at (200,123) width 6: " "
+ RenderInline {SPAN} at (0,0) size 262x42
+ RenderText {#text} at (205,107) size 262x42
+ text run at (205,107) width 262: "should be aligned"
+ RenderText {#text} at (466,123) size 6x22
+ text run at (466,123) width 6: " "
+ RenderImage {IMG} at (471,123) size 12x35
+ RenderText {#text} at (482,123) size 122x22
+ text run at (482,123) width 122: " with the top of "
+ RenderImage {IMG} at (603,123) size 10x30
+ RenderText {#text} at (612,123) size 5x22
+ text run at (612,123) width 5: " "
+ RenderInline {SPAN} at (0,0) size 730x144
+ RenderText {#text} at (616,115) size 21x32
+ text run at (616,115) width 21: "a "
+ RenderInline {SPAN} at (0,0) size 730x191
+ RenderText {#text} at (636,77) size 730x191
+ text run at (636,77) width 94: "14-"
+ text run at (0,189) width 144: "point"
+ RenderText {#text} at (143,227) size 146x32
+ text run at (143,227) width 146: " text element"
+ RenderText {#text} at (288,235) size 6x22
+ text run at (288,235) width 6: " "
+ RenderImage {IMG} at (293,235) size 16x50
+ RenderText {#text} at (308,235) size 6x22
+ text run at (308,235) width 6: " "
+ RenderInline {SMALL} at (0,0) size 194x19
+ RenderText {#text} at (313,237) size 194x19
+ text run at (313,237) width 194: "regardless of the line in which"
+ RenderText {#text} at (506,235) size 6x22
+ text run at (506,235) width 6: " "
+ RenderImage {IMG} at (511,235) size 6x15
+ RenderText {#text} at (516,235) size 5x22
+ text run at (516,235) width 5: " "
+ RenderInline {BIG} at (0,0) size 157x24
+ RenderText {#text} at (520,233) size 157x24
+ text run at (520,233) width 157: "the images appear."
+ RenderText {#text} at (676,235) size 6x22
+ text run at (676,235) width 6: " "
+ RenderImage {IMG} at (681,235) size 28x90
+ RenderText {#text} at (0,0) size 0x0
+ RenderBlock {P} at (4,1482) size 762x41
+ RenderText {#text} at (0,0) size 746x39
+ text run at (0,0) width 746: "In the following paragraph, all images should be aligned with the middle of the default text, whereas any text should"
+ text run at (0,20) width 390: "be aligned with the text baseline (which is the default value)."
+ RenderBlock {P} at (4,1538) size 762x233
+ RenderText {#text} at (0,22) size 101x19
+ text run at (0,22) width 101: "This paragraph "
+ RenderImage {IMG} at (100,18) size 10x30
+ RenderText {#text} at (109,22) size 5x19
+ text run at (109,22) width 5: " "
+ RenderInline {SPAN} at (0,0) size 356x45
+ RenderText {#text} at (113,1) size 356x45
+ text run at (113,1) width 356: "contains many images"
+ RenderText {#text} at (468,22) size 5x19
+ text run at (468,22) width 5: " "
+ RenderImage {IMG} at (472,8) size 16x50
+ RenderText {#text} at (487,22) size 126x19
+ text run at (487,22) width 126: " of varying heights "
+ RenderImage {IMG} at (612,28) size 4x10
+ RenderText {#text} at (615,22) size 5x19
+ text run at (615,22) width 5: " "
+ RenderInline {SMALL} at (0,0) size 71x19
+ RenderText {#text} at (619,22) size 71x19
+ text run at (619,22) width 71: "and widths"
+ RenderText {#text} at (689,22) size 5x19
+ text run at (689,22) width 5: " "
+ RenderImage {IMG} at (693,23) size 7x20
+ RenderText {#text} at (699,22) size 737x95
+ text run at (699,22) width 38: " all of"
+ text run at (0,98) width 44: "which "
+ RenderImage {IMG} at (43,77) size 21x65
+ RenderText {#text} at (63,98) size 121x19
+ text run at (63,98) width 121: " should be aligned "
+ RenderImage {IMG} at (183,92) size 12x35
+ RenderText {#text} at (194,98) size 5x19
+ text run at (194,98) width 5: " "
+ RenderInline {SPAN} at (0,0) size 237x36
+ RenderText {#text} at (198,84) size 237x36
+ text run at (198,84) width 237: "with the middle of"
+ RenderText {#text} at (434,98) size 5x19
+ text run at (434,98) width 5: " "
+ RenderImage {IMG} at (438,84) size 16x50
+ RenderText {#text} at (453,98) size 5x19
+ text run at (453,98) width 5: " "
+ RenderInline {SPAN} at (0,0) size 720x106
+ RenderText {#text} at (457,91) size 18x28
+ text run at (457,91) width 18: "a "
+ RenderInline {SPAN} at (0,0) size 204x67
+ RenderText {#text} at (474,59) size 204x67
+ text run at (474,59) width 204: "14-point"
+ RenderText {#text} at (677,91) size 720x106
+ text run at (677,91) width 43: " text"
+ text run at (0,169) width 76: "element"
+ RenderText {#text} at (75,176) size 5x19
+ text run at (75,176) width 5: " "
+ RenderImage {IMG} at (79,162) size 16x50
+ RenderText {#text} at (94,176) size 5x19
+ text run at (94,176) width 5: " "
+ RenderInline {SMALL} at (0,0) size 195x19
+ RenderText {#text} at (98,176) size 195x19
+ text run at (98,176) width 195: "regardless of the line in which"
+ RenderText {#text} at (292,176) size 5x19
+ text run at (292,176) width 5: " "
+ RenderImage {IMG} at (296,180) size 6x15
+ RenderText {#text} at (301,176) size 5x19
+ text run at (301,176) width 5: " "
+ RenderInline {BIG} at (0,0) size 156x24
+ RenderText {#text} at (305,172) size 156x24
+ text run at (305,172) width 156: "the images appear."
+ RenderText {#text} at (460,176) size 5x19
+ text run at (460,176) width 5: " "
+ RenderImage {IMG} at (464,142) size 28x90
+ RenderText {#text} at (0,0) size 0x0
+ RenderBlock {P} at (4,1786) size 762x41
+ RenderText {#text} at (0,0) size 751x39
+ text run at (0,0) width 751: "In the following paragraph, all elements should be aligned with the top of the tallest element on the line, whether that"
+ text run at (0,20) width 178: "element is an image or not. "
+ text run at (177,20) width 563: "Each fragment of text has been SPANned appropriately in order to cause this to happen."
+ RenderBlock {P} at (4,1842) size 762x203
+ RenderInline {SPAN} at (0,0) size 97x19
+ RenderText {#text} at (0,0) size 97x19
+ text run at (0,0) width 97: "This paragraph"
+ RenderText {#text} at (96,0) size 5x19
+ text run at (96,0) width 5: " "
+ RenderImage {IMG} at (100,0) size 4x10
+ RenderText {#text} at (103,0) size 5x19
+ text run at (103,0) width 5: " "
+ RenderInline {SPAN} at (0,0) size 356x45
+ RenderText {#text} at (107,1) size 356x45
+ text run at (107,1) width 356: "contains many images"
+ RenderText {#text} at (462,0) size 5x19
+ text run at (462,0) width 5: " "
+ RenderImage {IMG} at (466,0) size 4x10
+ RenderText {#text} at (469,0) size 5x19
+ text run at (469,0) width 5: " "
+ RenderInline {SPAN} at (0,0) size 90x19
+ RenderText {#text} at (473,0) size 90x19
+ text run at (473,0) width 90: "and some text"
+ RenderText {#text} at (562,0) size 5x19
+ text run at (562,0) width 5: " "
+ RenderImage {IMG} at (566,0) size 4x10
+ RenderText {#text} at (569,0) size 5x19
+ text run at (569,0) width 5: " "
+ RenderInline {SPAN} at (0,0) size 118x19
+ RenderText {#text} at (573,0) size 118x19
+ text run at (573,0) width 118: "of varying heights"
+ RenderText {#text} at (690,0) size 5x19
+ text run at (690,0) width 5: " "
+ RenderImage {IMG} at (694,0) size 4x10
+ RenderText {#text} at (697,0) size 5x19
+ text run at (697,0) width 5: " "
+ RenderInline {BIG} at (0,0) size 732x71
+ RenderText {#text} at (701,0) size 732x71
+ text run at (701,0) width 31: "and"
+ text run at (0,47) width 57: "widths"
+ RenderText {#text} at (56,47) size 5x19
+ text run at (56,47) width 5: " "
+ RenderImage {IMG} at (60,47) size 6x20
+ RenderText {#text} at (66,47) size 5x19
+ text run at (66,47) width 5: " "
+ RenderInline {SPAN} at (0,0) size 77x19
+ RenderText {#text} at (70,47) size 77x19
+ text run at (70,47) width 77: "all of which"
+ RenderText {#text} at (146,47) size 5x19
+ text run at (146,47) width 5: " "
+ RenderImage {IMG} at (150,47) size 21x65
+ RenderText {#text} at (170,47) size 5x19
+ text run at (170,47) width 5: " "
+ RenderInline {SPAN} at (0,0) size 114x19
+ RenderText {#text} at (174,47) size 114x19
+ text run at (174,47) width 114: "should be aligned"
+ RenderText {#text} at (287,47) size 5x19
+ text run at (287,47) width 5: " "
+ RenderImage {IMG} at (291,47) size 12x35
+ RenderText {#text} at (302,47) size 5x19
+ text run at (302,47) width 5: " "
+ RenderInline {SPAN} at (0,0) size 188x36
+ RenderText {#text} at (306,48) size 188x36
+ text run at (306,48) width 188: "with the top of"
+ RenderText {#text} at (493,47) size 5x19
+ text run at (493,47) width 5: " "
+ RenderImage {IMG} at (497,47) size 16x50
+ RenderText {#text} at (512,47) size 5x19
+ text run at (512,47) width 5: " "
+ RenderInline {SPAN} at (0,0) size 134x19
+ RenderText {#text} at (516,47) size 134x19
+ text run at (516,47) width 134: "the tallest element in"
+ RenderText {#text} at (649,47) size 5x19
+ text run at (649,47) width 5: " "
+ RenderImage {IMG} at (653,47) size 6x15
+ RenderText {#text} at (658,47) size 5x19
+ text run at (658,47) width 5: " "
+ RenderInline {BIG} at (0,0) size 751x89
+ RenderText {#text} at (662,47) size 751x89
+ text run at (662,47) width 89: "whichever"
+ text run at (0,112) width 208: "line the elements appear."
+ RenderText {#text} at (207,112) size 5x19
+ text run at (207,112) width 5: " "
+ RenderImage {IMG} at (211,112) size 28x90
+ RenderText {#text} at (0,0) size 0x0
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1text_propertiesword_spacingexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/text_properties/word_spacing-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/text_properties/word_spacing-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/text_properties/word_spacing-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,109 @@
</span><ins>+layer at (0,0) size 800x947
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x947
+ RenderBlock {HTML} at (0,0) size 800x947
+ RenderBody {BODY} at (8,8) size 784x931 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x154
+ RenderText {#text} at (0,0) size 227x154
+ text run at (0,0) width 211: ".one {word-spacing: 0.3in;}"
+ text run at (210,0) width 1: " "
+ text run at (0,14) width 211: ".two {word-spacing: 0.5cm;}"
+ text run at (210,14) width 1: " "
+ text run at (0,28) width 211: ".three {word-spacing: 5mm;}"
+ text run at (210,28) width 1: " "
+ text run at (0,42) width 203: ".four {word-spacing: 3pt;}"
+ text run at (202,42) width 1: " "
+ text run at (0,56) width 227: ".five {word-spacing: 0.25pc;}"
+ text run at (226,56) width 1: " "
+ text run at (0,70) width 196: ".six {word-spacing: 1em;}"
+ text run at (195,70) width 1: " "
+ text run at (0,84) width 211: ".seven {word-spacing: 1ex;}"
+ text run at (210,84) width 1: " "
+ text run at (0,98) width 211: ".eight {word-spacing: 5px;}"
+ text run at (210,98) width 1: " "
+ text run at (0,112) width 227: ".nine {word-spacing: normal;}"
+ text run at (226,112) width 1: " "
+ text run at (0,126) width 219: ".ten {word-spacing: -0.2em;}"
+ text run at (218,126) width 1: " "
+ text run at (0,140) width 0: " "
+ RenderBlock {HR} at (0,203) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,221) size 784x20
+ RenderText {#text} at (0,0) size 688x19
+ text run at (0,0) width 688: "This words in this sentence should have extra space between them."
+ RenderBlock {P} at (0,257) size 784x20
+ RenderText {#text} at (0,0) size 598x19
+ text run at (0,0) width 598: "This words in this sentence should have extra space between them."
+ RenderBlock {P} at (0,293) size 784x20
+ RenderText {#text} at (0,0) size 598x19
+ text run at (0,0) width 598: "This words in this sentence should have extra space between them."
+ RenderBlock {P} at (0,329) size 784x20
+ RenderText {#text} at (0,0) size 464x19
+ text run at (0,0) width 464: "This words in this sentence should have extra space between them."
+ RenderBlock {P} at (0,365) size 784x20
+ RenderText {#text} at (0,0) size 464x19
+ text run at (0,0) width 464: "This words in this sentence should have extra space between them."
+ RenderBlock {P} at (0,401) size 784x20
+ RenderText {#text} at (0,0) size 572x19
+ text run at (0,0) width 572: "This words in this sentence should have extra space between them."
+ RenderBlock {P} at (0,437) size 784x20
+ RenderText {#text} at (0,0) size 493x19
+ text run at (0,0) width 493: "This words in this sentence should have extra space between them."
+ RenderBlock {P} at (0,473) size 784x40
+ RenderText {#text} at (0,0) size 758x19
+ text run at (0,0) width 758: "This words in this sentence should have extra space between them, but the last few words in the sentence"
+ RenderInline {SPAN} at (0,0) size 180x19
+ RenderText {#text} at (0,20) size 180x19
+ text run at (0,20) width 180: "should have normal spacing"
+ RenderText {#text} at (179,20) size 5x19
+ text run at (179,20) width 5: "."
+ RenderBlock {P} at (0,529) size 784x20
+ RenderText {#text} at (0,0) size 719x19
+ text run at (0,0) width 719: "This words in this sentence should have reduced space between them, since negative values are allowed on this property."
+ RenderTable {TABLE} at (0,565) size 784x366 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x364
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x336
+ RenderTableCell {TD} at (0,182) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x336 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x20
+ RenderText {#text} at (0,0) size 688x19
+ text run at (0,0) width 688: "This words in this sentence should have extra space between them."
+ RenderBlock {P} at (4,40) size 762x20
+ RenderText {#text} at (0,0) size 598x19
+ text run at (0,0) width 598: "This words in this sentence should have extra space between them."
+ RenderBlock {P} at (4,76) size 762x20
+ RenderText {#text} at (0,0) size 598x19
+ text run at (0,0) width 598: "This words in this sentence should have extra space between them."
+ RenderBlock {P} at (4,112) size 762x20
+ RenderText {#text} at (0,0) size 464x19
+ text run at (0,0) width 464: "This words in this sentence should have extra space between them."
+ RenderBlock {P} at (4,148) size 762x20
+ RenderText {#text} at (0,0) size 464x19
+ text run at (0,0) width 464: "This words in this sentence should have extra space between them."
+ RenderBlock {P} at (4,184) size 762x20
+ RenderText {#text} at (0,0) size 572x19
+ text run at (0,0) width 572: "This words in this sentence should have extra space between them."
+ RenderBlock {P} at (4,220) size 762x20
+ RenderText {#text} at (0,0) size 493x19
+ text run at (0,0) width 493: "This words in this sentence should have extra space between them."
+ RenderBlock {P} at (4,256) size 762x40
+ RenderText {#text} at (0,0) size 694x39
+ text run at (0,0) width 694: "This words in this sentence should have extra space between them, but the last few words in the"
+ text run at (0,20) width 65: "sentence "
+ RenderInline {SPAN} at (0,0) size 180x19
+ RenderText {#text} at (64,20) size 180x19
+ text run at (64,20) width 180: "should have normal spacing"
+ RenderText {#text} at (243,20) size 5x19
+ text run at (243,20) width 5: "."
+ RenderBlock {P} at (4,312) size 762x20
+ RenderText {#text} at (0,0) size 719x19
+ text run at (0,0) width 719: "This words in this sentence should have reduced space between them, since negative values are allowed on this property."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1unitscolor_unitsexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/units/color_units-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/units/color_units-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/units/color_units-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,238 @@
</span><ins>+layer at (0,0) size 800x1781
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x1781
+ RenderBlock {HTML} at (0,0) size 800x1781
+ RenderBody {BODY} at (8,8) size 784x1765 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x168
+ RenderText {#text} at (0,0) size 281x168
+ text run at (0,0) width 157: "BODY {color: black;}"
+ text run at (156,0) width 1: " "
+ text run at (0,14) width 149: ".one {color: #080;}"
+ text run at (148,14) width 1: " "
+ text run at (0,28) width 172: ".two {color: #008000;}"
+ text run at (171,28) width 1: " "
+ text run at (0,42) width 227: ".three {color: rgb(0,128,0);}"
+ text run at (226,42) width 1: " "
+ text run at (0,56) width 235: ".four {color: rgb(0%,50%,0%);}"
+ text run at (234,56) width 1: " "
+ text run at (0,70) width 281: ".five {color: rgb(0.0%,50.0%,0.0%);}"
+ text run at (280,70) width 1: " "
+ text run at (0,84) width 157: ".six {color: green;}"
+ text run at (156,84) width 1: " "
+ text run at (0,98) width 227: ".seven {color: invalidValue;}"
+ text run at (226,98) width 1: " "
+ text run at (0,112) width 250: ".eight {color: rgb(0,128,1280);}"
+ text run at (249,112) width 1: " "
+ text run at (0,126) width 235: ".nine {color: rgb(0,128,255);}"
+ text run at (234,126) width 1: " "
+ text run at (0,140) width 258: ".ten {color: rgb(50%,-500%,60%);}"
+ text run at (257,140) width 1: " "
+ text run at (0,154) width 258: ".eleven {color: rgb(50%,0%,60%);}"
+ text run at (257,154) width 1: " "
+ RenderBlock {HR} at (0,217) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,235) size 784x20
+ RenderText {#text} at (0,0) size 196x19
+ text run at (0,0) width 196: "This sentence should be black."
+ RenderBlock {P} at (0,271) size 784x20 [color=#008800]
+ RenderText {#text} at (0,0) size 518x19
+ text run at (0,0) width 518: "This sentence should be green, although slightly different from those that follow."
+ RenderBlock {P} at (0,307) size 784x20 [color=#008000]
+ RenderText {#text} at (0,0) size 197x19
+ text run at (0,0) width 197: "This sentence should be green."
+ RenderBlock {P} at (0,343) size 784x20 [color=#008000]
+ RenderText {#text} at (0,0) size 197x19
+ text run at (0,0) width 197: "This sentence should be green."
+ RenderBlock {P} at (0,379) size 784x20 [color=#008000]
+ RenderText {#text} at (0,0) size 197x19
+ text run at (0,0) width 197: "This sentence should be green."
+ RenderBlock {P} at (0,415) size 784x20 [color=#008000]
+ RenderText {#text} at (0,0) size 197x19
+ text run at (0,0) width 197: "This sentence should be green."
+ RenderBlock {P} at (0,451) size 784x20 [color=#008000]
+ RenderText {#text} at (0,0) size 197x19
+ text run at (0,0) width 197: "This sentence should be green."
+ RenderBlock {P} at (0,487) size 784x20
+ RenderText {#text} at (0,0) size 415x19
+ text run at (0,0) width 415: "This sentence should be black, because the value given for class "
+ RenderInline {CODE} at (0,0) size 47x14
+ RenderText {#text} at (414,5) size 47x14
+ text run at (414,5) width 47: ".seven"
+ RenderText {#text} at (460,0) size 68x19
+ text run at (460,0) width 68: " is invalid."
+ RenderBlock {P} at (0,523) size 784x40 [color=#0080FF]
+ RenderText {#text} at (0,0) size 737x39
+ text run at (0,0) width 737: "This sentence should be a shade of blue-green which, on a typical RGB computer display, exactly matches the next"
+ text run at (0,20) width 68: "paragraph."
+ RenderBlock {P} at (0,579) size 784x40 [color=#0080FF]
+ RenderText {#text} at (0,0) size 765x39
+ text run at (0,0) width 765: "This sentence should be a shade of blue-green which, on a typical RGB computer display, exactly matches the previous"
+ text run at (0,20) width 68: "paragraph."
+ RenderBlock {P} at (0,635) size 784x20 [color=#800099]
+ RenderText {#text} at (0,0) size 781x19
+ text run at (0,0) width 781: "This sentence should be a shade of purple which, on a typical RGB computer display, exactly matches the next paragraph."
+ RenderBlock {P} at (0,671) size 784x40 [color=#800099]
+ RenderText {#text} at (0,0) size 737x39
+ text run at (0,0) width 737: "This sentence should be a shade of purple which, on a typical RGB computer display, exactly matches the previous"
+ text run at (0,20) width 68: "paragraph."
+ RenderBlock {P} at (0,727) size 784x20
+ RenderText {#text} at (0,0) size 196x19
+ text run at (0,0) width 196: "This sentence should be black."
+ RenderBlock {P} at (0,763) size 784x20 [color=#008800]
+ RenderText {#text} at (0,0) size 407x19
+ text run at (0,0) width 407: "This sentence should be a slightly different green, and used the "
+ RenderInline {TT} at (0,0) size 40x14
+ RenderText {#text} at (406,5) size 40x14
+ text run at (406,5) width 40: "style"
+ RenderText {#text} at (445,0) size 63x19
+ text run at (445,0) width 63: " attribute."
+ RenderBlock {P} at (0,799) size 784x20 [color=#008000]
+ RenderText {#text} at (0,0) size 285x19
+ text run at (0,0) width 285: "This sentence should be green, and used the "
+ RenderInline {TT} at (0,0) size 40x14
+ RenderText {#text} at (284,5) size 40x14
+ text run at (284,5) width 40: "style"
+ RenderText {#text} at (323,0) size 63x19
+ text run at (323,0) width 63: " attribute."
+ RenderBlock {P} at (0,835) size 784x20 [color=#008000]
+ RenderText {#text} at (0,0) size 285x19
+ text run at (0,0) width 285: "This sentence should be green, and used the "
+ RenderInline {TT} at (0,0) size 40x14
+ RenderText {#text} at (284,5) size 40x14
+ text run at (284,5) width 40: "style"
+ RenderText {#text} at (323,0) size 63x19
+ text run at (323,0) width 63: " attribute."
+ RenderBlock {P} at (0,871) size 784x20 [color=#008000]
+ RenderText {#text} at (0,0) size 285x19
+ text run at (0,0) width 285: "This sentence should be green, and used the "
+ RenderInline {TT} at (0,0) size 40x14
+ RenderText {#text} at (284,5) size 40x14
+ text run at (284,5) width 40: "style"
+ RenderText {#text} at (323,0) size 63x19
+ text run at (323,0) width 63: " attribute."
+ RenderBlock {P} at (0,907) size 784x20 [color=#008000]
+ RenderText {#text} at (0,0) size 285x19
+ text run at (0,0) width 285: "This sentence should be green, and used the "
+ RenderInline {TT} at (0,0) size 40x14
+ RenderText {#text} at (284,5) size 40x14
+ text run at (284,5) width 40: "style"
+ RenderText {#text} at (323,0) size 63x19
+ text run at (323,0) width 63: " attribute."
+ RenderBlock {P} at (0,943) size 784x20 [color=#008000]
+ RenderText {#text} at (0,0) size 285x19
+ text run at (0,0) width 285: "This sentence should be green, and used the "
+ RenderInline {TT} at (0,0) size 40x14
+ RenderText {#text} at (284,5) size 40x14
+ text run at (284,5) width 40: "style"
+ RenderText {#text} at (323,0) size 63x19
+ text run at (323,0) width 63: " attribute."
+ RenderTable {TABLE} at (0,979) size 784x786 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x784
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x756
+ RenderTableCell {TD} at (0,392) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x756 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x20
+ RenderText {#text} at (0,0) size 196x19
+ text run at (0,0) width 196: "This sentence should be black."
+ RenderBlock {P} at (4,40) size 762x20 [color=#008800]
+ RenderText {#text} at (0,0) size 518x19
+ text run at (0,0) width 518: "This sentence should be green, although slightly different from those that follow."
+ RenderBlock {P} at (4,76) size 762x20 [color=#008000]
+ RenderText {#text} at (0,0) size 197x19
+ text run at (0,0) width 197: "This sentence should be green."
+ RenderBlock {P} at (4,112) size 762x20 [color=#008000]
+ RenderText {#text} at (0,0) size 197x19
+ text run at (0,0) width 197: "This sentence should be green."
+ RenderBlock {P} at (4,148) size 762x20 [color=#008000]
+ RenderText {#text} at (0,0) size 197x19
+ text run at (0,0) width 197: "This sentence should be green."
+ RenderBlock {P} at (4,184) size 762x20 [color=#008000]
+ RenderText {#text} at (0,0) size 197x19
+ text run at (0,0) width 197: "This sentence should be green."
+ RenderBlock {P} at (4,220) size 762x20 [color=#008000]
+ RenderText {#text} at (0,0) size 197x19
+ text run at (0,0) width 197: "This sentence should be green."
+ RenderBlock {P} at (4,256) size 762x20
+ RenderText {#text} at (0,0) size 415x19
+ text run at (0,0) width 415: "This sentence should be black, because the value given for class "
+ RenderInline {CODE} at (0,0) size 47x14
+ RenderText {#text} at (414,5) size 47x14
+ text run at (414,5) width 47: ".seven"
+ RenderText {#text} at (460,0) size 68x19
+ text run at (460,0) width 68: " is invalid."
+ RenderBlock {P} at (4,292) size 762x40 [color=#0080FF]
+ RenderText {#text} at (0,0) size 737x39
+ text run at (0,0) width 737: "This sentence should be a shade of blue-green which, on a typical RGB computer display, exactly matches the next"
+ text run at (0,20) width 68: "paragraph."
+ RenderBlock {P} at (4,348) size 762x40 [color=#0080FF]
+ RenderText {#text} at (0,0) size 705x39
+ text run at (0,0) width 705: "This sentence should be a shade of blue-green which, on a typical RGB computer display, exactly matches the"
+ text run at (0,20) width 128: "previous paragraph."
+ RenderBlock {P} at (4,404) size 762x40 [color=#800099]
+ RenderText {#text} at (0,0) size 709x39
+ text run at (0,0) width 709: "This sentence should be a shade of purple which, on a typical RGB computer display, exactly matches the next"
+ text run at (0,20) width 68: "paragraph."
+ RenderBlock {P} at (4,460) size 762x40 [color=#800099]
+ RenderText {#text} at (0,0) size 737x39
+ text run at (0,0) width 737: "This sentence should be a shade of purple which, on a typical RGB computer display, exactly matches the previous"
+ text run at (0,20) width 68: "paragraph."
+ RenderBlock {P} at (4,516) size 762x20
+ RenderText {#text} at (0,0) size 196x19
+ text run at (0,0) width 196: "This sentence should be black."
+ RenderBlock {P} at (4,552) size 762x20 [color=#008800]
+ RenderText {#text} at (0,0) size 407x19
+ text run at (0,0) width 407: "This sentence should be a slightly different green, and used the "
+ RenderInline {TT} at (0,0) size 40x14
+ RenderText {#text} at (406,5) size 40x14
+ text run at (406,5) width 40: "style"
+ RenderText {#text} at (445,0) size 63x19
+ text run at (445,0) width 63: " attribute."
+ RenderBlock {P} at (4,588) size 762x20 [color=#008000]
+ RenderText {#text} at (0,0) size 285x19
+ text run at (0,0) width 285: "This sentence should be green, and used the "
+ RenderInline {TT} at (0,0) size 40x14
+ RenderText {#text} at (284,5) size 40x14
+ text run at (284,5) width 40: "style"
+ RenderText {#text} at (323,0) size 63x19
+ text run at (323,0) width 63: " attribute."
+ RenderBlock {P} at (4,624) size 762x20 [color=#008000]
+ RenderText {#text} at (0,0) size 285x19
+ text run at (0,0) width 285: "This sentence should be green, and used the "
+ RenderInline {TT} at (0,0) size 40x14
+ RenderText {#text} at (284,5) size 40x14
+ text run at (284,5) width 40: "style"
+ RenderText {#text} at (323,0) size 63x19
+ text run at (323,0) width 63: " attribute."
+ RenderBlock {P} at (4,660) size 762x20 [color=#008000]
+ RenderText {#text} at (0,0) size 285x19
+ text run at (0,0) width 285: "This sentence should be green, and used the "
+ RenderInline {TT} at (0,0) size 40x14
+ RenderText {#text} at (284,5) size 40x14
+ text run at (284,5) width 40: "style"
+ RenderText {#text} at (323,0) size 63x19
+ text run at (323,0) width 63: " attribute."
+ RenderBlock {P} at (4,696) size 762x20 [color=#008000]
+ RenderText {#text} at (0,0) size 285x19
+ text run at (0,0) width 285: "This sentence should be green, and used the "
+ RenderInline {TT} at (0,0) size 40x14
+ RenderText {#text} at (284,5) size 40x14
+ text run at (284,5) width 40: "style"
+ RenderText {#text} at (323,0) size 63x19
+ text run at (323,0) width 63: " attribute."
+ RenderBlock {P} at (4,732) size 762x20 [color=#008000]
+ RenderText {#text} at (0,0) size 285x19
+ text run at (0,0) width 285: "This sentence should be green, and used the "
+ RenderInline {TT} at (0,0) size 40x14
+ RenderText {#text} at (284,5) size 40x14
+ text run at (284,5) width 40: "style"
+ RenderText {#text} at (323,0) size 63x19
+ text run at (323,0) width 63: " attribute."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1unitslength_unitsexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/units/length_units-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/units/length_units-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/units/length_units-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,171 @@
</span><ins>+layer at (0,0) size 800x1593
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x1593
+ RenderBlock {HTML} at (0,0) size 800x1593
+ RenderBody {BODY} at (8,8) size 784x1577 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x154
+ RenderText {#text} at (0,0) size 609x154
+ text run at (0,0) width 180: ".zero {margin-left: 0;}"
+ text run at (179,0) width 1: " "
+ text run at (0,14) width 188: ".one {margin-left: 3em;}"
+ text run at (187,14) width 1: " "
+ text run at (0,28) width 188: ".two {margin-left: 3ex;}"
+ text run at (187,28) width 1: " "
+ text run at (0,42) width 211: ".three {margin-left: 36px;}"
+ text run at (210,42) width 1: " "
+ text run at (0,56) width 211: ".four {margin-left: 0.5in;}"
+ text run at (210,56) width 1: " "
+ text run at (0,70) width 219: ".five {margin-left: 1.27cm;}"
+ text run at (218,70) width 1: " "
+ text run at (0,84) width 211: ".six {margin-left: 12.7mm;}"
+ text run at (210,84) width 1: " "
+ text run at (0,98) width 211: ".seven {margin-left: 36pt;}"
+ text run at (210,98) width 1: " "
+ text run at (0,112) width 203: ".eight {margin-left: 3pc;}"
+ text run at (202,112) width 1: " "
+ text run at (0,126) width 203: ".nine {margin-left: +3pc;}"
+ text run at (202,126) width 1: " "
+ text run at (0,140) width 609: ".ten {font-size: 40px; border-left: 1ex solid purple; background-color: aqua;}"
+ text run at (608,140) width 1: " "
+ RenderBlock {HR} at (0,203) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,221) size 784x40
+ RenderText {#text} at (0,0) size 777x39
+ text run at (0,0) width 777: "This paragraph has no left margin. The following paragraphs have all been given a left margin and their left (outer) edges"
+ text run at (0,20) width 356: "should therefore be appropriately shifted to the right of "
+ RenderInline {EM} at (0,0) size 25x19
+ RenderText {#text} at (355,20) size 25x19
+ text run at (355,20) width 25: "this"
+ RenderText {#text} at (379,20) size 141x19
+ text run at (379,20) width 141: " paragraph's left edge."
+ RenderBlock {P} at (48,277) size 736x20
+ RenderText {#text} at (0,0) size 316x19
+ text run at (0,0) width 316: "This paragraph should have a left margin of 3em."
+ RenderBlock {P} at (21,313) size 763x20
+ RenderText {#text} at (0,0) size 312x19
+ text run at (0,0) width 312: "This paragraph should have a left margin of 3ex."
+ RenderBlock {P} at (36,349) size 748x20
+ RenderText {#text} at (0,0) size 347x19
+ text run at (0,0) width 347: "This paragraph should have a left margin of 36 pixels."
+ RenderBlock {P} at (48,385) size 736x20
+ RenderText {#text} at (0,0) size 364x19
+ text run at (0,0) width 364: "This paragraph should have a left margin of half an inch."
+ RenderBlock {P} at (48,421) size 736x20
+ RenderText {#text} at (0,0) size 336x19
+ text run at (0,0) width 336: "This paragraph should have a left margin of 1.27cm."
+ RenderBlock {P} at (48,457) size 736x20
+ RenderText {#text} at (0,0) size 341x19
+ text run at (0,0) width 341: "This paragraph should have a left margin of 12.7mm."
+ RenderBlock {P} at (48,493) size 736x20
+ RenderText {#text} at (0,0) size 348x19
+ text run at (0,0) width 348: "This paragraph should have a left margin of 36 points."
+ RenderBlock {P} at (48,529) size 736x20
+ RenderText {#text} at (0,0) size 333x19
+ text run at (0,0) width 333: "This paragraph should have a left margin of 3 picas."
+ RenderBlock {P} at (48,565) size 736x20
+ RenderText {#text} at (0,0) size 603x19
+ text run at (0,0) width 603: "This paragraph should have a left margin of 3 picas (the plus sign should make no difference)."
+ RenderBlock {P} at (0,625) size 784x235 [bgcolor=#00FFFF] [border: none (17.88px solid #800080)]
+ RenderText {#text} at (17,1) size 310x45
+ text run at (17,1) width 310: "This element has a "
+ RenderInline {CODE} at (0,0) size 217x41
+ RenderText {#text} at (326,6) size 217x41
+ text run at (326,6) width 217: "font-size"
+ RenderText {#text} at (542,1) size 55x45
+ text run at (542,1) width 55: " of "
+ RenderInline {CODE} at (0,0) size 97x41
+ RenderText {#text} at (596,6) size 97x41
+ text run at (596,6) width 97: "40px"
+ RenderText {#text} at (692,1) size 743x92
+ text run at (692,1) width 68: " and"
+ text run at (17,48) width 29: "a "
+ RenderInline {CODE} at (0,0) size 265x41
+ RenderText {#text} at (45,53) size 265x41
+ text run at (45,53) width 265: "border-left"
+ RenderText {#text} at (309,48) size 54x45
+ text run at (309,48) width 54: " of "
+ RenderInline {CODE} at (0,0) size 386x41
+ RenderText {#text} at (362,53) size 386x41
+ text run at (362,53) width 386: "1ex solid purple"
+ RenderText {#text} at (747,48) size 741x186
+ text run at (747,48) width 11: "."
+ text run at (17,95) width 673: "This should make the left border the same"
+ text run at (17,142) width 710: "number of pixels as the lower-case 'x' in this"
+ text run at (17,189) width 611: "element's font, as well as solid purple."
+ RenderTable {TABLE} at (0,900) size 784x677 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x675
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x647
+ RenderTableCell {TD} at (0,337) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x647 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x40
+ RenderText {#text} at (0,0) size 737x39
+ text run at (0,0) width 737: "This paragraph has no left margin. The following paragraphs have all been given a left margin and their left (outer)"
+ text run at (0,20) width 397: "edges should therefore be appropriately shifted to the right of "
+ RenderInline {EM} at (0,0) size 24x19
+ RenderText {#text} at (396,20) size 24x19
+ text run at (396,20) width 24: "this"
+ RenderText {#text} at (419,20) size 142x19
+ text run at (419,20) width 142: " paragraph's left edge."
+ RenderBlock {P} at (52,60) size 714x20
+ RenderText {#text} at (0,0) size 316x19
+ text run at (0,0) width 316: "This paragraph should have a left margin of 3em."
+ RenderBlock {P} at (25,96) size 741x20
+ RenderText {#text} at (0,0) size 312x19
+ text run at (0,0) width 312: "This paragraph should have a left margin of 3ex."
+ RenderBlock {P} at (40,132) size 726x20
+ RenderText {#text} at (0,0) size 347x19
+ text run at (0,0) width 347: "This paragraph should have a left margin of 36 pixels."
+ RenderBlock {P} at (52,168) size 714x20
+ RenderText {#text} at (0,0) size 364x19
+ text run at (0,0) width 364: "This paragraph should have a left margin of half an inch."
+ RenderBlock {P} at (52,204) size 714x20
+ RenderText {#text} at (0,0) size 336x19
+ text run at (0,0) width 336: "This paragraph should have a left margin of 1.27cm."
+ RenderBlock {P} at (52,240) size 714x20
+ RenderText {#text} at (0,0) size 341x19
+ text run at (0,0) width 341: "This paragraph should have a left margin of 12.7mm."
+ RenderBlock {P} at (52,276) size 714x20
+ RenderText {#text} at (0,0) size 348x19
+ text run at (0,0) width 348: "This paragraph should have a left margin of 36 points."
+ RenderBlock {P} at (52,312) size 714x20
+ RenderText {#text} at (0,0) size 333x19
+ text run at (0,0) width 333: "This paragraph should have a left margin of 3 picas."
+ RenderBlock {P} at (52,348) size 714x20
+ RenderText {#text} at (0,0) size 603x19
+ text run at (0,0) width 603: "This paragraph should have a left margin of 3 picas (the plus sign should make no difference)."
+ RenderBlock {P} at (4,408) size 762x235 [bgcolor=#00FFFF] [border: none (17.88px solid #800080)]
+ RenderText {#text} at (17,1) size 310x45
+ text run at (17,1) width 310: "This element has a "
+ RenderInline {CODE} at (0,0) size 217x41
+ RenderText {#text} at (326,6) size 217x41
+ text run at (326,6) width 217: "font-size"
+ RenderText {#text} at (542,1) size 55x45
+ text run at (542,1) width 55: " of "
+ RenderInline {CODE} at (0,0) size 97x41
+ RenderText {#text} at (596,6) size 97x41
+ text run at (596,6) width 97: "40px"
+ RenderText {#text} at (692,1) size 743x92
+ text run at (692,1) width 68: " and"
+ text run at (17,48) width 29: "a "
+ RenderInline {CODE} at (0,0) size 265x41
+ RenderText {#text} at (45,53) size 265x41
+ text run at (45,53) width 265: "border-left"
+ RenderText {#text} at (309,48) size 54x45
+ text run at (309,48) width 54: " of "
+ RenderInline {CODE} at (0,0) size 386x41
+ RenderText {#text} at (362,53) size 386x41
+ text run at (362,53) width 386: "1ex solid purple"
+ RenderText {#text} at (747,48) size 741x186
+ text run at (747,48) width 11: "."
+ text run at (17,95) width 673: "This should make the left border the same"
+ text run at (17,142) width 710: "number of pixels as the lower-case 'x' in this"
+ text run at (17,189) width 611: "element's font, as well as solid purple."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1unitspercentage_unitsexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/units/percentage_units-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/units/percentage_units-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/units/percentage_units-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,66 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x70
+ RenderText {#text} at (0,0) size 492x70
+ text run at (0,0) width 219: ".zero { background: yellow }"
+ text run at (218,0) width 1: " "
+ text run at (0,14) width 492: ".one { margin-left: 25%; margin-right: 25%; background: white }"
+ text run at (491,14) width 1: " "
+ text run at (0,28) width 484: ".two { margin-left: 50%; margin-right: 0%; background: white }"
+ text run at (483,28) width 1: " "
+ text run at (0,42) width 203: ".three {margin-left: 25%;}"
+ text run at (202,42) width 1: " "
+ text run at (0,56) width 0: " "
+ RenderBlock {HR} at (0,119) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (0,137) size 784x136 [bgcolor=#FFFF00]
+ RenderBlock {DIV} at (196,0) size 392x60 [bgcolor=#FFFFFF]
+ RenderBlock {P} at (0,0) size 392x60
+ RenderText {#text} at (0,0) size 332x59
+ text run at (0,0) width 332: "This paragraph should be centered within its yellow"
+ text run at (0,20) width 330: "containing block and its width should be half of the"
+ text run at (0,40) width 112: "containing block."
+ RenderBlock {DIV} at (392,76) size 392x60 [bgcolor=#FFFFFF]
+ RenderBlock {P} at (0,0) size 392x60
+ RenderText {#text} at (0,0) size 361x59
+ text run at (0,0) width 361: "This paragraph should be right-aligned within its yellow"
+ text run at (0,20) width 330: "containing block and its width should be half of the"
+ text run at (0,40) width 112: "containing block."
+ RenderBlock {P} at (196,289) size 588x40
+ RenderText {#text} at (0,0) size 560x39
+ text run at (0,0) width 560: "This paragraph should have a left margin of 25% the width of its parent element, which"
+ text run at (0,20) width 366: "should require some extra text in order to test effectively."
+ RenderTable {TABLE} at (0,345) size 784x230 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x228
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x200
+ RenderTableCell {TD} at (0,114) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x200 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {DIV} at (4,4) size 762x136 [bgcolor=#FFFF00]
+ RenderBlock {DIV} at (190,0) size 382x60 [bgcolor=#FFFFFF]
+ RenderBlock {P} at (0,0) size 381x60
+ RenderText {#text} at (0,0) size 332x59
+ text run at (0,0) width 332: "This paragraph should be centered within its yellow"
+ text run at (0,20) width 330: "containing block and its width should be half of the"
+ text run at (0,40) width 112: "containing block."
+ RenderBlock {DIV} at (381,76) size 381x60 [bgcolor=#FFFFFF]
+ RenderBlock {P} at (0,0) size 381x60
+ RenderText {#text} at (0,0) size 361x59
+ text run at (0,0) width 361: "This paragraph should be right-aligned within its yellow"
+ text run at (0,20) width 330: "containing block and its width should be half of the"
+ text run at (0,40) width 112: "containing block."
+ RenderBlock {P} at (194,156) size 572x40
+ RenderText {#text} at (0,0) size 560x39
+ text run at (0,0) width 560: "This paragraph should have a left margin of 25% the width of its parent element, which"
+ text run at (0,20) width 366: "should require some extra text in order to test effectively."
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorcss1unitsurlsexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/platform/ios-simulator/css1/units/urls-expected.txt (0 => 174490)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/css1/units/urls-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/ios-simulator/css1/units/urls-expected.txt 2014-10-09 01:48:54 UTC (rev 174490)
</span><span class="lines">@@ -0,0 +1,60 @@
</span><ins>+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+ RenderBlock {HTML} at (0,0) size 800x600
+ RenderBody {BODY} at (8,8) size 784x584
+ RenderBlock {P} at (0,0) size 784x20
+ RenderText {#text} at (0,0) size 363x19
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,36) size 784x56
+ RenderText {#text} at (0,0) size 632x56
+ text run at (0,0) width 632: "<LINK rel=\"stylesheet\" type=\"text/css\" media=\"screen\" href=\"../resources/bg.gif\">"
+ text run at (631,0) width 1: " "
+ text run at (0,14) width 289: "@import url(../resources/sec642.css);"
+ text run at (288,14) width 1: " "
+ text run at (0,28) width 344: "BODY {background: url(../resources/bg.gif);}"
+ text run at (343,28) width 1: " "
+ text run at (0,42) width 0: " "
+ RenderBlock {HR} at (0,105) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,123) size 784x20
+ RenderText {#text} at (0,0) size 393x19
+ text run at (0,0) width 393: "This page should have a green grid pattern as its background."
+ RenderBlock {P} at (0,159) size 784x60 [bgcolor=#FFFFFF]
+ RenderText {#text} at (0,0) size 783x59
+ text run at (0,0) width 627: "This paragraph should have a white background, but NO image should appear in the background. "
+ text run at (626,0) width 153: "If an image, in this case"
+ text run at (0,20) width 783: "a red square-- or, indeed, any red at all-- is seen there, then the browser has incorrectly interpreted a URL in relation to the"
+ text run at (0,40) width 277: "document's URL, not the stylesheet's URL."
+ RenderBlock {P} at (0,235) size 784x60 [bgcolor=#FFFFFF]
+ RenderText {#text} at (0,0) size 783x59
+ text run at (0,0) width 627: "This paragraph should have a white background, but NO image should appear in the background. "
+ text run at (626,0) width 153: "If an image, in this case"
+ text run at (0,20) width 783: "a red square-- or, indeed, any red at all-- is seen there, then the browser has incorrectly interpreted a URL in relation to the"
+ text run at (0,40) width 277: "document's URL, not the stylesheet's URL."
+ RenderTable {TABLE} at (0,311) size 784x210 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x208
+ RenderTableRow {TR} at (0,0) size 782x28
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 161x19
+ RenderText {#text} at (4,4) size 161x19
+ text run at (4,4) width 161: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,28) size 782x180
+ RenderTableCell {TD} at (0,104) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x19
+ text run at (4,4) width 4: " "
+ RenderTableCell {TD} at (12,28) size 770x180 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x20
+ RenderText {#text} at (0,0) size 393x19
+ text run at (0,0) width 393: "This page should have a green grid pattern as its background."
+ RenderBlock {P} at (4,40) size 762x60 [bgcolor=#FFFFFF]
+ RenderText {#text} at (0,0) size 748x59
+ text run at (0,0) width 627: "This paragraph should have a white background, but NO image should appear in the background. "
+ text run at (626,0) width 122: "If an image, in this"
+ text run at (0,20) width 722: "case a red square-- or, indeed, any red at all-- is seen there, then the browser has incorrectly interpreted a URL in"
+ text run at (0,40) width 370: "relation to the document's URL, not the stylesheet's URL."
+ RenderBlock {P} at (4,116) size 762x60 [bgcolor=#FFFFFF]
+ RenderText {#text} at (0,0) size 748x59
+ text run at (0,0) width 627: "This paragraph should have a white background, but NO image should appear in the background. "
+ text run at (626,0) width 122: "If an image, in this"
+ text run at (0,20) width 722: "case a red square-- or, indeed, any red at all-- is seen there, then the browser has incorrectly interpreted a URL in"
+ text run at (0,40) width 370: "relation to the document's URL, not the stylesheet's URL."
</ins></span></pre>
</div>
</div>
</body>
</html>