Skip clipboard-write-text.html on Windows, since custom pasteboard data is not implemented there yet.
+2019-11-18 Simon Fraser <simon.fraser@apple.com>
+
+ Fix color component rounding to match the CSS Color spec
+ https://bugs.webkit.org/show_bug.cgi?id=203597
+ <rdar://problem/56728546>
+
+ Reviewed by Tim Horton.
+
+ New results.
+
+ * TestExpectations:
+ * css3/calc/color-hsl-expected.txt:
+ * css3/calc/color-rgb-expected.txt:
+ * css3/filters/backdrop/backdrop-filter-with-clip-path-expected.txt:
+ * displaylists/canvas-display-list-expected.txt:
+ * editing/execCommand/query-command-value-background-color-expected.txt:
+ * editing/execCommand/query-command-value-background-color.html:
+ * fast/block/basic/fieldset-stretch-to-legend-expected.txt:
+ * fast/block/float/relative-painted-twice-expected.txt:
+ * fast/borders/border-image-trumps-radius-expected.txt:
+ * fast/borders/border-left-right-same-bottom-different-color-expected.txt:
+ * fast/borders/border-radius-groove-03-expected.txt:
+ * fast/borders/border-radius-wide-border-03-expected.txt:
+ * fast/borders/border-radius-wide-border-04-expected.txt:
+ * fast/borders/borderRadiusDashed05-expected.txt:
+ * fast/borders/borderRadiusDotted05-expected.txt:
+ * fast/borders/borderRadiusDotted06-expected.txt:
+ * fast/borders/borderRadiusDouble05-expected.txt:
+ * fast/borders/borderRadiusDouble09-expected.txt:
+ * fast/borders/fieldsetBorderRadius-expected.txt:
+ * fast/canvas/rgba-parsing-expected.txt:
+ * fast/canvas/rgba-parsing.html:
+ * fast/css/apple-system-control-colors-expected.txt:
+ * fast/css/paint-order-shadow-expected.html:
+ * fast/css3-text/css3-text-decoration/getComputedStyle/getComputedStyle-text-decoration-color-expected.txt:
+ * fast/css3-text/css3-text-decoration/getComputedStyle/getComputedStyle-text-decoration-color.html:
+ * fast/frames/content-opacity-1-expected.txt:
+ * fast/table/border-collapsing/collapsed-borders-adjoining-sections-vertical-rl-expected.txt:
+ * fast/table/border-collapsing/collapsed-borders-painted-once-on-inner-cells-expected.txt:
+ * media/modern-media-controls/background-tint/background-tint-expected.txt:
+ * media/modern-media-controls/background-tint/background-tint.html:
+ * media/modern-media-controls/button/button-focus-state-expected.txt:
+ * media/modern-media-controls/button/button-focus-state.html:
+ * platform/ios-simulator/imported/w3c/web-platform-tests/svg/import/color-prop-02-f-manual-expected.txt:
+ * platform/ios-simulator/imported/w3c/web-platform-tests/svg/import/color-prop-03-t-manual-expected.txt:
+ * platform/ios-wk2/editing/pasteboard/4641033-expected.txt:
+ * platform/ios-wk2/editing/pasteboard/4944770-1-expected.txt:
+ * platform/ios-wk2/editing/selection/caret-before-select-expected.txt:
+ * platform/ios-wk2/fast/block/basic/011-expected.txt:
+ * platform/ios-wk2/fast/block/margin-collapse/103-expected.txt:
+ * platform/ios-wk2/fast/dom/HTMLTextAreaElement/reset-textarea-expected.txt:
+ * platform/ios-wk2/fast/overflow/float-in-relpositioned-expected.txt:
+ * platform/ios-wk2/fast/overflow/scroll-nested-positioned-layer-in-overflow-expected.txt:
+ * platform/ios-wk2/fast/overflow/scrollRevealButton-expected.txt:
+ * platform/ios-wk2/fast/spatial-navigation/snav-multiple-select-focusring-expected.txt:
+ * platform/ios-wk2/fast/text/shadow-no-blur-expected.txt:
+ * platform/ios-wk2/fast/text/shadow-translucent-fill-expected.txt:
+ * platform/ios/TestExpectations:
+ * platform/ios/compositing/images/direct-image-background-color-expected.txt:
+ * platform/ios/compositing/overflow/theme-affects-visual-overflow-expected.txt:
+ * platform/ios/compositing/webgl/webgl-background-color-expected.txt:
+ * platform/ios/css1/box_properties/acid_test-expected.txt:
+ * platform/ios/css2.1/t09-c5526c-display-00-e-expected.txt:
+ * platform/ios/css3/flexbox/button-expected.txt:
+ * platform/ios/css3/selectors3/html/css3-modsel-19b-expected.txt:
+ * platform/ios/css3/selectors3/html/css3-modsel-64-expected.txt:
+ * platform/ios/css3/selectors3/xhtml/css3-modsel-19b-expected.txt:
+ * platform/ios/css3/selectors3/xhtml/css3-modsel-64-expected.txt:
+ * platform/ios/css3/selectors3/xml/css3-modsel-19b-expected.txt:
+ * platform/ios/css3/selectors3/xml/css3-modsel-64-expected.txt:
+ * platform/ios/editing/selection/3690703-2-expected.txt:
+ * platform/ios/editing/selection/3690703-expected.txt:
+ * platform/ios/editing/selection/3690719-expected.txt:
+ * platform/ios/editing/selection/4397952-expected.txt:
+ * platform/ios/editing/selection/5240265-expected.txt:
+ * platform/ios/editing/selection/replaced-boundaries-3-expected.txt:
+ * platform/ios/editing/selection/select-box-expected.txt:
+ * platform/ios/editing/selection/select-element-paragraph-boundary-expected.txt:
+ * platform/ios/editing/selection/selection-button-text-expected.txt:
+ * platform/ios/fast/backgrounds/background-leakage-expected.txt:
+ * platform/ios/fast/backgrounds/background-leakage-transforms-expected.txt:
+ * platform/ios/fast/block/float/float-avoidance-expected.txt:
+ * platform/ios/fast/block/float/intruding-painted-twice-expected.txt:
+ * platform/ios/fast/block/positioning/inline-block-relposition-expected.txt:
+ * platform/ios/fast/borders/mixed-border-styles-expected.txt:
+ * platform/ios/fast/borders/mixed-border-styles-radius-expected.txt:
+ * platform/ios/fast/borders/mixed-border-styles-radius2-expected.txt:
+ * platform/ios/fast/box-shadow/inset-box-shadow-radius-expected.txt:
+ * platform/ios/fast/css/continuationCrash-expected.txt:
+ * platform/ios/fast/css/margin-top-bottom-dynamic-expected.txt:
+ * platform/ios/fast/css/non-standard-checkbox-size-expected.txt:
+ * platform/ios/fast/css/percentage-non-integer-expected.txt:
+ * platform/ios/fast/css/rtl-ordering-expected.txt:
+ * platform/ios/fast/css/shadow-multiple-expected.txt:
+ * platform/ios/fast/css/text-transform-select-expected.txt:
+ * platform/ios/fast/css/viewport-units-dynamic-expected.txt:
+ * platform/ios/fast/dom/HTMLTableColElement/resize-table-using-col-width-expected.txt:
+ * platform/ios/fast/dynamic/positioned-movement-with-positioned-children-expected.txt:
+ * platform/ios/fast/forms/001-expected.txt:
+ * platform/ios/fast/forms/003-expected.txt:
+ * platform/ios/fast/forms/004-expected.txt:
+ * platform/ios/fast/forms/basic-inputs-expected.txt:
+ * platform/ios/fast/forms/basic-selects-expected.txt:
+ * platform/ios/fast/forms/blankbuttons-expected.txt:
+ * platform/ios/fast/forms/box-shadow-override-expected.txt:
+ * platform/ios/fast/forms/button-align-expected.txt:
+ * platform/ios/fast/forms/button-cannot-be-nested-expected.txt:
+ * platform/ios/fast/forms/button-generated-content-expected.txt:
+ * platform/ios/fast/forms/button-positioned-expected.txt:
+ * platform/ios/fast/forms/button-sizes-expected.txt:
+ * platform/ios/fast/forms/button-style-color-expected.txt:
+ * platform/ios/fast/forms/button-table-styles-expected.txt:
+ * platform/ios/fast/forms/button-text-transform-expected.txt:
+ * platform/ios/fast/forms/button-white-space-expected.txt:
+ * platform/ios/fast/forms/control-clip-expected.txt:
+ * platform/ios/fast/forms/control-clip-overflow-expected.txt:
+ * platform/ios/fast/forms/control-restrict-line-height-expected.txt:
+ * platform/ios/fast/forms/disabled-select-change-index-expected.txt:
+ * platform/ios/fast/forms/file/file-input-direction-expected.txt:
+ * platform/ios/fast/forms/file/file-input-disabled-expected.txt:
+ * platform/ios/fast/forms/form-element-geometry-expected.txt:
+ * platform/ios/fast/forms/formmove-expected.txt:
+ * platform/ios/fast/forms/formmove2-expected.txt:
+ * platform/ios/fast/forms/formmove3-expected.txt:
+ * platform/ios/fast/forms/hidden-listbox-expected.txt:
+ * platform/ios/fast/forms/input-appearance-height-expected.txt:
+ * platform/ios/fast/forms/input-button-sizes-expected.txt:
+ * platform/ios/fast/forms/input-value-expected.txt:
+ * platform/ios/fast/forms/listbox-bidi-align-expected.txt:
+ * platform/ios/fast/forms/listbox-hit-test-zoomed-expected.txt:
+ * platform/ios/fast/forms/listbox-scrollbar-incremental-load-expected.txt:
+ * platform/ios/fast/forms/listbox-width-change-expected.txt:
+ * platform/ios/fast/forms/menulist-clip-expected.txt:
+ * platform/ios/fast/forms/menulist-deselect-update-expected.txt:
+ * platform/ios/fast/forms/menulist-narrow-width-expected.txt:
+ * platform/ios/fast/forms/menulist-no-overflow-expected.txt:
+ * platform/ios/fast/forms/menulist-option-wrap-expected.txt:
+ * platform/ios/fast/forms/menulist-separator-painting-expected.txt:
+ * platform/ios/fast/forms/menulist-style-color-expected.txt:
+ * platform/ios/fast/forms/menulist-width-change-expected.txt:
+ * platform/ios/fast/forms/option-script-expected.txt:
+ * platform/ios/fast/forms/option-strip-whitespace-expected.txt:
+ * platform/ios/fast/forms/option-text-clip-expected.txt:
+ * platform/ios/fast/forms/select-align-expected.txt:
+ * platform/ios/fast/forms/select-baseline-expected.txt:
+ * platform/ios/fast/forms/select-block-background-expected.txt:
+ * platform/ios/fast/forms/select-change-listbox-size-expected.txt:
+ * platform/ios/fast/forms/select-change-listbox-to-popup-expected.txt:
+ * platform/ios/fast/forms/select-change-popup-to-listbox-expected.txt:
+ * platform/ios/fast/forms/select-dirty-parent-pref-widths-expected.txt:
+ * platform/ios/fast/forms/select-disabled-appearance-expected.txt:
+ * platform/ios/fast/forms/select-empty-option-height-expected.txt:
+ * platform/ios/fast/forms/select-initial-position-expected.txt:
+ * platform/ios/fast/forms/select-item-background-clip-expected.txt:
+ * platform/ios/fast/forms/select-list-box-with-height-expected.txt:
+ * platform/ios/fast/forms/select-non-native-rendering-direction-expected.txt:
+ * platform/ios/fast/forms/select-selected-expected.txt:
+ * platform/ios/fast/forms/select-style-expected.txt:
+ * platform/ios/fast/forms/select-visual-hebrew-expected.txt:
+ * platform/ios/fast/forms/select-writing-direction-natural-expected.txt:
+ * platform/ios/fast/forms/select/optgroup-rendering-expected.txt:
+ * platform/ios/fast/forms/selectlist-minsize-expected.txt:
+ * platform/ios/fast/forms/stuff-on-my-optgroup-expected.txt:
+ * platform/ios/fast/html/details-replace-summary-child-expected.txt:
+ * platform/ios/fast/html/details-replace-text-expected.txt:
+ * platform/ios/fast/html/keygen-expected.txt:
+ * platform/ios/fast/inline/positionedLifetime-expected.txt:
+ * platform/ios/fast/invalid/014-expected.txt:
+ * platform/ios/fast/multicol/client-rects-expected.txt:
+ * platform/ios/fast/multicol/client-rects-spanners-complex-expected.txt:
+ * platform/ios/fast/multicol/client-rects-spanners-expected.txt:
+ * platform/ios/fast/multicol/newmulticol/client-rects-expected.txt:
+ * platform/ios/fast/parser/bad-xml-slash-expected.txt:
+ * platform/ios/fast/replaced/replaced-breaking-expected.txt:
+ * platform/ios/fast/replaced/replaced-breaking-mixture-expected.txt:
+ * platform/ios/fast/replaced/three-selects-break-expected.txt:
+ * platform/ios/fast/replaced/width100percent-button-expected.txt:
+ * platform/ios/fast/replaced/width100percent-checkbox-expected.txt:
+ * platform/ios/fast/replaced/width100percent-menulist-expected.txt:
+ * platform/ios/fast/replaced/width100percent-radio-expected.txt:
+ * platform/ios/fast/ruby/select-ruby-expected.txt:
+ * platform/ios/fast/selectors/064-expected.txt:
+ * platform/ios/fast/table/append-cells2-expected.txt:
+ * platform/ios/fast/table/border-collapsing/equal-precedence-resolution-expected.txt:
+ * platform/ios/fast/table/border-collapsing/equal-precedence-resolution-vertical-expected.txt:
+ * platform/ios/fast/table/remove-td-display-none-expected.txt:
+ * platform/ios/fast/text/international/bidi-listbox-atsui-expected.txt:
+ * platform/ios/fast/text/international/bidi-listbox-expected.txt:
+ * platform/ios/fast/text/international/bidi-menulist-expected.txt:
+ * platform/ios/fast/text/international/hindi-spacing-expected.txt:
+ * platform/ios/fast/text/international/pop-up-button-text-alignment-and-direction-expected.txt:
+ * platform/ios/fast/text/whitespace/normal-after-nowrap-breaking-expected.txt:
+ * platform/ios/imported/w3c/web-platform-tests/web-animations/animation-model/animation-types/interpolation-per-property-expected.txt:
+ * platform/ios/ios/fast/borders/thin-lozenge-expected.txt:
+ * platform/ios/svg/W3C-SVG-1.1/color-prop-02-f-expected.txt:
+ * platform/ios/svg/W3C-SVG-1.1/color-prop-03-t-expected.txt:
+ * platform/ios/svg/custom/foreign-object-skew-expected.txt:
+ * platform/ios/svg/custom/inline-svg-in-xhtml-expected.txt:
+ * platform/ios/tables/mozilla/bugs/bug1188-expected.txt:
+ * platform/ios/tables/mozilla/bugs/bug1318-expected.txt:
+ * platform/ios/tables/mozilla/bugs/bug138725-expected.txt:
+ * platform/ios/tables/mozilla/bugs/bug18359-expected.txt:
+ * platform/ios/tables/mozilla/bugs/bug2479-2-expected.txt:
+ * platform/ios/tables/mozilla/bugs/bug2479-3-expected.txt:
+ * platform/ios/tables/mozilla/bugs/bug2479-4-expected.txt:
+ * platform/ios/tables/mozilla/bugs/bug26178-expected.txt:
+ * platform/ios/tables/mozilla/bugs/bug28928-expected.txt:
+ * platform/ios/tables/mozilla/bugs/bug29326-expected.txt:
+ * platform/ios/tables/mozilla/bugs/bug33855-expected.txt:
+ * platform/ios/tables/mozilla/bugs/bug39209-expected.txt:
+ * platform/ios/tables/mozilla/bugs/bug4382-expected.txt:
+ * platform/ios/tables/mozilla/bugs/bug4429-expected.txt:
+ * platform/ios/tables/mozilla/bugs/bug44505-expected.txt:
+ * platform/ios/tables/mozilla/bugs/bug4527-expected.txt:
+ * platform/ios/tables/mozilla/bugs/bug46368-1-expected.txt:
+ * platform/ios/tables/mozilla/bugs/bug46368-2-expected.txt:
+ * platform/ios/tables/mozilla/bugs/bug51037-expected.txt:
+ * platform/ios/tables/mozilla/bugs/bug51727-expected.txt:
+ * platform/ios/tables/mozilla/bugs/bug52505-expected.txt:
+ * platform/ios/tables/mozilla/bugs/bug52506-expected.txt:
+ * platform/ios/tables/mozilla/bugs/bug60749-expected.txt:
+ * platform/ios/tables/mozilla/bugs/bug68912-expected.txt:
+ * platform/ios/tables/mozilla/bugs/bug7342-expected.txt:
+ * platform/ios/tables/mozilla/bugs/bug92647-2-expected.txt:
+ * platform/ios/tables/mozilla/bugs/bug96334-expected.txt:
+ * platform/ios/tables/mozilla/collapsing_borders/bug41262-4-expected.txt:
+ * platform/ios/tables/mozilla/core/margins-expected.txt:
+ * platform/ios/tables/mozilla/dom/tableDom-expected.txt:
+ * platform/ios/tables/mozilla/other/move_row-expected.txt:
+ * platform/ios/tables/mozilla_expected_failures/bugs/bug1725-expected.txt:
+ * platform/ios/tables/mozilla_expected_failures/bugs/bug2479-5-expected.txt:
+ * platform/ios/tables/mozilla_expected_failures/bugs/bug58402-2-expected.txt:
+ * platform/ios/tables/mozilla_expected_failures/collapsing_borders/bug41262-5-expected.txt:
+ * platform/ios/tables/mozilla_expected_failures/collapsing_borders/bug41262-6-expected.txt:
+ * platform/ios/tables/mozilla_expected_failures/core/captions1-expected.txt:
+ * platform/ios/tables/mozilla_expected_failures/core/captions2-expected.txt:
+ * platform/ios/transforms/3d/point-mapping/3d-point-mapping-overlapping-expected.txt:
+ * platform/mac-highsierra/fast/css/apple-system-control-colors-expected.txt:
+ * platform/mac-mojave/fast/css/apple-system-control-colors-expected.txt:
+ * platform/mac/compositing/images/direct-image-background-color-expected.txt:
+ * platform/mac/compositing/webgl/webgl-background-color-expected.txt:
+ * platform/mac/fast/backgrounds/background-leakage-expected.txt:
+ * platform/mac/fast/backgrounds/background-leakage-transforms-expected.txt:
+ * platform/mac/fast/block/basic/fieldset-stretch-to-legend-expected.txt:
+ * platform/mac/fast/block/float/intruding-painted-twice-expected.txt:
+ * platform/mac/fast/borders/fieldsetBorderRadius-expected.txt:
+ * platform/mac/fast/borders/mixed-border-styles-expected.txt:
+ * platform/mac/fast/borders/mixed-border-styles-radius-expected.txt:
+ * platform/mac/fast/borders/mixed-border-styles-radius2-expected.txt:
+ * platform/mac/fast/box-shadow/inset-box-shadow-radius-expected.txt:
+ * platform/mac/fast/css/apple-system-control-colors-expected.txt:
+ * platform/mac/fast/css/percentage-non-integer-expected.txt:
+ * platform/mac/fast/css/shadow-multiple-expected.txt:
+ * platform/mac/fast/css/viewport-units-dynamic-expected.txt:
+ * platform/mac/fast/multicol/client-rects-expected.txt:
+ * platform/mac/fast/multicol/client-rects-spanners-complex-expected.txt:
+ * platform/mac/fast/multicol/client-rects-spanners-expected.txt:
+ * platform/mac/fast/multicol/newmulticol/client-rects-expected.txt:
+ * platform/mac/fast/overflow/float-in-relpositioned-expected.txt:
+ * platform/mac/fast/ruby/select-ruby-expected.txt:
+ * platform/mac/fast/table/border-collapsing/collapsed-borders-adjoining-sections-vertical-rl-expected.txt:
+ * platform/mac/fast/table/border-collapsing/collapsed-borders-painted-once-on-inner-cells-expected.txt:
+ * platform/mac/fast/table/border-collapsing/equal-precedence-resolution-expected.txt:
+ * platform/mac/fast/table/border-collapsing/equal-precedence-resolution-vertical-expected.txt:
+ * platform/mac/fast/text/shadow-no-blur-expected.txt:
+ * platform/mac/fast/text/shadow-translucent-fill-expected.txt:
+ * platform/mac/imported/w3c/web-platform-tests/svg/import/color-prop-02-f-manual-expected.txt:
+ * platform/mac/imported/w3c/web-platform-tests/svg/import/color-prop-03-t-manual-expected.txt:
+ * platform/mac/svg/W3C-SVG-1.1/color-prop-02-f-expected.txt:
+ * platform/mac/svg/W3C-SVG-1.1/color-prop-03-t-expected.txt:
+ * platform/mac/transforms/3d/point-mapping/3d-point-mapping-overlapping-expected.txt:
+ * platform/win/TestExpectations:
+ * svg/custom/fill-opacity-rgba-expected.txt:
+ * svg/custom/mask-colorspace-expected.txt:
+
2019-11-18 Antoine Quint <graouts@apple.com>
[Web Animations] Retargeted transitions targeting accelerated properties do not stop the original transition
webkit.org/b/187389 [ Debug ] editing/selection/navigation-clears-editor-state.html [ Slow ]
webkit.org/b/139638 [ Debug ] svg/filters/svg-deeply-nested-crash.html [ Slow ]
+webkit.org/b/112265 svg/filters/feDisplacementMap-filterUnits.svg [ Pass ImageOnlyFailure ]
webkit.org/b/126420 svg/custom/resource-invalidation-crash.svg [ Failure Pass ]
webkit.org/b/139639 [ Debug ] cssom/non-subpixel-scroll-top-left-values.html [ Slow ]
PASS getComputedStyle(document.getElementById("simple"), null).color is "rgb(32, 223, 32)"
-PASS getComputedStyle(document.getElementById("alpha"), null).color is "rgba(32, 223, 32, 0.701961)"
+PASS getComputedStyle(document.getElementById("alpha"), null).color is "rgba(32, 223, 32, 0.7)"
PASS successfullyParsed is true
TEST COMPLETE
PASS getComputedStyle(document.getElementById("simple"), null).color is "rgb(10, 180, 30)"
PASS getComputedStyle(document.getElementById("percentsimple"), null).color is "rgb(26, 242, 77)"
FAIL getComputedStyle(document.getElementById("percentnumber"), null).color should be rgb(26, 240, 80). Was rgb(0, 0, 0).
-PASS getComputedStyle(document.getElementById("alpha"), null).color is "rgba(10, 180, 30, 0.701961)"
-PASS getComputedStyle(document.getElementById("percentalpha"), null).color is "rgba(26, 242, 77, 0.701961)"
-FAIL getComputedStyle(document.getElementById("percentnumberalpha"), null).color should be rgba(26, 240, 80, 0.498039). Was rgb(0, 0, 0).
+PASS getComputedStyle(document.getElementById("alpha"), null).color is "rgba(10, 180, 30, 0.7)"
+PASS getComputedStyle(document.getElementById("percentalpha"), null).color is "rgba(26, 242, 77, 0.7)"
+FAIL getComputedStyle(document.getElementById("percentnumberalpha"), null).color should be rgba(26, 240, 80, 0.5). Was rgb(0, 0, 0).
PASS successfullyParsed is true
TEST COMPLETE
text run at (0,306) width 192: "augue, vel eleifend augue erat"
text run at (0,324) width 62: "eget ante."
layer at (50,50) size 100x100
- RenderBlock (positioned) {DIV} at (50,50) size 100x100 [bgcolor=#FF00007F]
+ RenderBlock (positioned) {DIV} at (50,50) size 100x100 [bgcolor=#FF000080]
(rect at (10,10) size 55x50))
(set-state
(change-flags 256)
- (fill-color #0000C87F))
+ (fill-color #0000C880))
(fill-rect
(extent at (30,30) size 55x50)
(rect at (30,30) size 55x50))
PASS rgb(0, 128, 0) for <div style='background: green;' id=selected><span style='background-color: yellow'>hello</span><span style='background-color: blue'> world</span></div>
PASS rgb(255, 255, 0) for <div style='background: green;'><span style='background-color: yellow' id=selected>hello world</span></div>
PASS rgb(0, 128, 0) for <div style='background: green;'><span style='background-color: rgba(255, 255, 0, 0);' id=selected>hello world</span></div>
-PASS rgba(255, 255, 0, 0.
498039) for <div style='background: green;'><span style='background-color: rgba(255, 255, 0, 0.5);' id=selected>hello world</span></div>
+PASS rgba(255, 255, 0, 0.
5) for <div style='background: green;'><span style='background-color: rgba(255, 255, 0, 0.5);' id=selected>hello world</span></div>
test("<div style='background: green;' id=selected><span style='background-color: yellow'>hello</span><span style='background-color: blue'> world</span></div>", 'rgb(0, 128, 0)');
test("<div style='background: green;'><span style='background-color: yellow' id=selected>hello world</span></div>", 'rgb(255, 255, 0)');
test("<div style='background: green;'><span style='background-color: rgba(255, 255, 0, 0);' id=selected>hello world</span></div>", 'rgb(0, 128, 0)');
-test("<div style='background: green;'><span style='background-color: rgba(255, 255, 0, 0.5);' id=selected>hello world</span></div>", 'rgba(255, 255, 0, 0.498039)');
+test("<div style='background: green;'><span style='background-color: rgba(255, 255, 0, 0.5);' id=selected>hello world</span></div>", 'rgba(255, 255, 0, 0.5)');
</script>
-layer at (0,0) size 785x897
- RenderView at (0,0) size 785x600
-layer at (0,0) size 785x897
- RenderBlock {HTML} at (0,0) size 785x898
- RenderBody {BODY} at (8,8) size 769x880
+layer at (0,0) size 800x897
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x897
+ RenderBlock {HTML} at (0,0) size 800x898
+ RenderBody {BODY} at (8,8) size 784x880
RenderFieldSet {FIELDSET} at (2,0) size 140x36 [border: (8px double #000000)]
- RenderBlock {LEGEND} at (20,0) size 54x12 [bgcolor=#0080004C]
+ RenderBlock {LEGEND} at (20,0) size 54x12 [bgcolor=#0080004D]
RenderFieldSet {FIELDSET} at (2,45) size 140x37 [border: (8px double #000000)]
- RenderBlock {LEGEND} at (20,0) size 112x12 [bgcolor=#0080004C]
+ RenderBlock {LEGEND} at (20,0) size 112x12 [bgcolor=#0080004D]
RenderFieldSet {FIELDSET} at (2,91) size 140x36 [border: (8px double #000000)]
- RenderBlock {LEGEND} at (20,0) size 116x12 [bgcolor=#0080004C]
+ RenderBlock {LEGEND} at (20,0) size 116x12 [bgcolor=#0080004D]
RenderFieldSet {FIELDSET} at (2,136) size 140x37 [border: (8px double #000000)]
- RenderBlock {LEGEND} at (20,0) size 121x12 [bgcolor=#0080004C]
+ RenderBlock {LEGEND} at (20,0) size 121x12 [bgcolor=#0080004D]
RenderFieldSet {FIELDSET} at (2,182) size 140x36 [border: (8px double #000000)]
- RenderBlock {LEGEND} at (8,0) size 54x12 [bgcolor=#0080004C]
+ RenderBlock {LEGEND} at (8,0) size 54x12 [bgcolor=#0080004D]
RenderFieldSet {FIELDSET} at (2,227) size 140x37 [border: (8px double #000000)]
- RenderBlock {LEGEND} at (4,0) size 54x12 [bgcolor=#0080004C]
+ RenderBlock {LEGEND} at (4,0) size 54x12 [bgcolor=#0080004D]
RenderFieldSet {FIELDSET} at (2,273) size 140x37 [border: (8px double #000000)]
- RenderBlock {LEGEND} at (-1,0) size 54x12 [bgcolor=#0080004C]
+ RenderBlock {LEGEND} at (-1,0) size 54x12 [bgcolor=#0080004D]
RenderFieldSet {FIELDSET} at (2,319) size 140x36 [border: (8px double #000000)]
- RenderBlock {LEGEND} at (-49,0) size 54x12 [bgcolor=#0080004C]
+ RenderBlock {LEGEND} at (-49,0) size 54x12 [bgcolor=#0080004D]
RenderFieldSet {FIELDSET} at (2,364) size 140x37 [border: (8px double #000000)]
- RenderBlock {LEGEND} at (-54,0) size 54x12 [bgcolor=#0080004C]
+ RenderBlock {LEGEND} at (-54,0) size 54x12 [bgcolor=#0080004D]
RenderFieldSet {FIELDSET} at (2,410) size 140x36 [border: (8px double #000000)]
- RenderBlock {LEGEND} at (135,0) size 54x12 [bgcolor=#0080004C]
+ RenderBlock {LEGEND} at (135,0) size 54x12 [bgcolor=#0080004D]
RenderFieldSet {FIELDSET} at (2,455) size 140x37 [border: (8px double #000000)]
- RenderBlock {LEGEND} at (140,0) size 54x12 [bgcolor=#0080004C]
+ RenderBlock {LEGEND} at (140,0) size 54x12 [bgcolor=#0080004D]
RenderFieldSet {FIELDSET} at (2,501) size 184x31 [border: (2px groove #C0C0C0)]
RenderBlock {LEGEND} at (14,0) size 156x12 [border: (1px solid #0000FF)]
RenderFieldSet {FIELDSET} at (2,541) size 184x60 [border: (2px groove #C0C0C0)]
RenderBlock {LEGEND} at (44,0) size 96x12 [border: (1px solid #0000FF)]
- RenderBlock (anonymous) at (0,810) size 769x40
+ RenderBlock (anonymous) at (0,810) size 784x40
RenderFieldSet {FIELDSET} at (2,0) size 184x30 [border: (2px groove #C0C0C0)]
RenderBlock {LEGEND} at (14,0) size 156x12 [border: (1px solid #0000FF)]
RenderText {#text} at (0,0) size 0x0
layer at (10,699) size 184x30
RenderFieldSet {FIELDSET} at (2,0) size 184x30 [border: (2px groove #C0C0C0)]
RenderBlock {LEGEND} at (14,0) size 156x12 [border: (1px solid #0000FF)]
-layer at (8,739) size 769x40
- RenderBlock (relative positioned) {DIV} at (0,730) size 769x41
+layer at (8,739) size 784x40
+ RenderBlock (relative positioned) {DIV} at (0,730) size 784x41
layer at (10,739) size 184x30
RenderFieldSet {FIELDSET} at (2,0) size 184x30 [border: (2px groove #C0C0C0)]
RenderBlock {LEGEND} at (14,0) size 156x12 [border: (1px solid #0000FF)]
RenderBlock {DIV} at (0,150) size 769x0
layer at (8,58) size 769x0
RenderBlock (relative positioned) {DIV} at (0,0) size 769x0
- RenderBlock (floating) {DIV} at (0,0) size 100x100 [bgcolor=#0000007F]
+ RenderBlock (floating) {DIV} at (0,0) size 100x100 [bgcolor=#00000080]
caret: position 0 of child 1 {DIV} of child 1 {DIV} of child 1 {DIV} of body
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,8) size 784x584
RenderBlock {DIV} at (0,0) size 100x100 [bgcolor=#FF0000]
- RenderBlock {DIV} at (0,0) size 100x100 [bgcolor=#FF0000] [border: (10px none #0000FF7F)]
+ RenderBlock {DIV} at (0,0) size 100x100 [bgcolor=#FF0000] [border: (10px none #0000FF80)]
layer at (0,0) size 800x176
RenderBlock {HTML} at (0,0) size 800x176
RenderBody {BODY} at (8,8) size 784x160
- RenderBlock {DIV} at (0,0) size 260x160 [bgcolor=#AAAAAA] [border: (30px solid #00A1007F) (30px solid #CCCCCC) (30px solid #00A100) (30px solid #CCCCCC)]
+ RenderBlock {DIV} at (0,0) size 260x160 [bgcolor=#AAAAAA] [border: (30px solid #00A10080) (30px solid #CCCCCC) (30px solid #00A100) (30px solid #CCCCCC)]
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,20) size 784x560
- RenderBlock {DIV} at (20,0) size 400x400 [border: (26px groove #FF0000) (52px groove #0080007F) (26px groove #0080007F) (52px groove #0000FF)]
+ RenderBlock {DIV} at (20,0) size 400x400 [border: (26px groove #FF0000) (52px groove #00800080) (26px groove #00800080) (52px groove #0000FF)]
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,20) size 784x560
- RenderBlock {DIV} at (20,0) size 400x400 [border: (94px solid #FF0000) (80px solid #0080007F) (94px solid #0080007F) (80px solid #0000FF)]
+ RenderBlock {DIV} at (20,0) size 400x400 [border: (94px solid #FF0000) (80px solid #00800080) (94px solid #00800080) (80px solid #0000FF)]
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,20) size 784x560
- RenderBlock {DIV} at (20,0) size 400x400 [border: (90px solid #FF0000) (180px solid #0080007F) (90px solid #0080007F) (180px solid #0000FF)]
+ RenderBlock {DIV} at (20,0) size 400x400 [border: (90px solid #FF0000) (180px solid #00800080) (90px solid #00800080) (180px solid #0000FF)]
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,20) size 784x560
- RenderBlock {DIV} at (20,0) size 400x400 [border: (12px dashed #FF0000) (4px dashed #0080007F) (12px dashed #0080007F) (4px dashed #0000FF)]
+ RenderBlock {DIV} at (20,0) size 400x400 [border: (12px dashed #FF0000) (4px dashed #00800080) (12px dashed #00800080) (4px dashed #0000FF)]
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,20) size 784x560
- RenderBlock {DIV} at (20,0) size 400x400 [border: (84px dotted #FF0000) (84px dotted #0080007F) (84px dotted #0000FF)]
+ RenderBlock {DIV} at (20,0) size 400x400 [border: (84px dotted #FF0000) (84px dotted #00800080) (84px dotted #0000FF)]
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,20) size 784x560
- RenderBlock {DIV} at (20,0) size 400x400 [border: (20px dotted #FF0000) (20px dotted #0080007F) (20px dotted #0000FF)]
+ RenderBlock {DIV} at (20,0) size 400x400 [border: (20px dotted #FF0000) (20px dotted #00800080) (20px dotted #0000FF)]
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,20) size 784x560
- RenderBlock {DIV} at (20,0) size 400x400 [border: (94px double #FF0000) (80px double #0080007F) (94px double #0080007F) (80px double #0000FF)]
+ RenderBlock {DIV} at (20,0) size 400x400 [border: (94px double #FF0000) (80px double #00800080) (94px double #00800080) (80px double #0000FF)]
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,20) size 784x560
- RenderBlock {DIV} at (20,0) size 400x400 [border: (100px double #FF0000) (81px double #0080007F) (100px double #0080007F) (81px double #0000FF)]
+ RenderBlock {DIV} at (20,0) size 400x400 [border: (100px double #FF0000) (81px double #00800080) (100px double #00800080) (81px double #0000FF)]
RenderBody {BODY} at (8,8) size 784x582
RenderBlock (floating) {DIV} at (0,0) size 158x460
RenderFieldSet {FIELDSET} at (2,0) size 140x52 [border: (8px double #000000)]
- RenderBlock {LEGEND} at (20,0) size 54x12 [bgcolor=#0080004C]
+ RenderBlock {LEGEND} at (20,0) size 54x12 [bgcolor=#0080004D]
RenderFieldSet {FIELDSET} at (2,61) size 140x53 [border: (8px double #000000)]
- RenderBlock {LEGEND} at (20,0) size 112x12 [bgcolor=#0080004C]
+ RenderBlock {LEGEND} at (20,0) size 112x12 [bgcolor=#0080004D]
RenderFieldSet {FIELDSET} at (2,123) size 140x52 [border: (8px double #000000)]
- RenderBlock {LEGEND} at (20,0) size 116x12 [bgcolor=#0080004C]
+ RenderBlock {LEGEND} at (20,0) size 116x12 [bgcolor=#0080004D]
RenderFieldSet {FIELDSET} at (2,184) size 140x53 [border: (8px double #000000)]
- RenderBlock {LEGEND} at (20,0) size 121x12 [bgcolor=#0080004C]
+ RenderBlock {LEGEND} at (20,0) size 121x12 [bgcolor=#0080004D]
RenderFieldSet {FIELDSET} at (2,246) size 140x52 [border: (8px double #000000)]
- RenderBlock {LEGEND} at (8,0) size 54x12 [bgcolor=#0080004C]
+ RenderBlock {LEGEND} at (8,0) size 54x12 [bgcolor=#0080004D]
RenderFieldSet {FIELDSET} at (2,307) size 154x67 [border: (15px solid #000000)]
- RenderBlock {LEGEND} at (15,1) size 54x13 [bgcolor=#0080004C]
+ RenderBlock {LEGEND} at (15,1) size 54x13 [bgcolor=#0080004D]
RenderFieldSet {FIELDSET} at (2,383) size 154x67 [border: (15px solid #000000)]
- RenderBlock {LEGEND} at (15,1) size 54x13 [bgcolor=#0080004C]
+ RenderBlock {LEGEND} at (15,1) size 54x13 [bgcolor=#0080004D]
RenderBlock (floating) {DIV} at (228,0) size 144x370
RenderFieldSet {FIELDSET} at (2,0) size 140x52 [border: (8px double #000000)]
- RenderBlock {LEGEND} at (4,0) size 54x12 [bgcolor=#0080004C]
+ RenderBlock {LEGEND} at (4,0) size 54x12 [bgcolor=#0080004D]
RenderFieldSet {FIELDSET} at (2,61) size 140x53 [border: (8px double #000000)]
- RenderBlock {LEGEND} at (-1,0) size 54x12 [bgcolor=#0080004C]
+ RenderBlock {LEGEND} at (-1,0) size 54x12 [bgcolor=#0080004D]
RenderFieldSet {FIELDSET} at (2,123) size 140x52 [border: (8px double #000000)]
- RenderBlock {LEGEND} at (-49,0) size 54x12 [bgcolor=#0080004C]
+ RenderBlock {LEGEND} at (-49,0) size 54x12 [bgcolor=#0080004D]
RenderFieldSet {FIELDSET} at (2,184) size 140x53 [border: (8px double #000000)]
- RenderBlock {LEGEND} at (-54,0) size 54x12 [bgcolor=#0080004C]
+ RenderBlock {LEGEND} at (-54,0) size 54x12 [bgcolor=#0080004D]
RenderFieldSet {FIELDSET} at (2,246) size 140x52 [border: (8px double #000000)]
- RenderBlock {LEGEND} at (135,0) size 54x12 [bgcolor=#0080004C]
+ RenderBlock {LEGEND} at (135,0) size 54x12 [bgcolor=#0080004D]
RenderFieldSet {FIELDSET} at (2,307) size 140x53 [border: (8px double #000000)]
- RenderBlock {LEGEND} at (140,0) size 54x12 [bgcolor=#0080004C]
+ RenderBlock {LEGEND} at (140,0) size 54x12 [bgcolor=#0080004D]
RenderBlock {DIV} at (450,0) size 334x388
RenderFieldSet {FIELDSET} at (2,0) size 184x40 [border: (2px groove #C0C0C0)]
RenderBlock {LEGEND} at (14,0) size 156x12 [border: (1px solid #0000FF)]
PASS parse('rgba(50.0%, 50%, a%, 1)') is 'RGBA[102, 102, 102, 255]'
PASS parse('rgba(500%, 0%, 0%, 1)') is 'RGBA[255, 0, 0, 255]'
PASS parse('rgba(100%, 100%, 100%, 1)') is 'RGBA[255, 255, 255, 255]'
-PASS parse('rgba(10.5%, 80%, 70%, 1)') is 'RGBA[26, 204, 179, 255]'
+FAIL parse('rgba(10.5%, 80%, 70%, 1)') should be RGBA[27, 204, 179, 255]. Was RGBA[26, 204, 178, 255].
PASS parse('rgba(0%, 0%, 0%, 1)') is 'RGBA[0, 0, 0, 255]'
-PASS parse('rgba(50.0%, 50.0%, 50.0%, 1)') is 'RGBA[128, 128, 128, 255]'
+FAIL parse('rgba(50.0%, 50.0%, 50.0%, 1)') should be RGBA[128, 128, 128, 255]. Was RGBA[127, 127, 127, 255].
PASS parse('rgba(100%, 100%, 100%, 1)') is 'RGBA[255, 255, 255, 255]'
-PASS parse('rgba(10.5%, 80%, 70%, 1)') is 'RGBA[26, 204, 179, 255]'
-PASS parse('rgba(55.5%, 0.5%, 110%, 1)') is 'RGBA[142, 1, 255, 255]'
-PASS parse('rgba(60.59998%, 0.59999%, 110.12345%, 1)') is 'RGBA[155, 1, 255, 255]'
-PASS parse('rgba(10.999%, 0.999%, 0.000009%, 1)') is 'RGBA[28, 2, 0, 255]'
-PASS parse('rgba(79.99999%, 99.99999%, 500%, 1)') is 'RGBA[204, 255, 255, 255]'
+FAIL parse('rgba(10.5%, 80%, 70%, 1)') should be RGBA[27, 204, 179, 255]. Was RGBA[26, 204, 178, 255].
+FAIL parse('rgba(55.5%, 0.5%, 110%, 1)') should be RGBA[142, 1, 255, 255]. Was RGBA[141, 1, 255, 255].
+FAIL parse('rgba(60.59998%, 0.59999%, 110.12345%, 1)') should be RGBA[155, 2, 255, 255]. Was RGBA[154, 1, 255, 255].
+FAIL parse('rgba(10.999%, 0.999%, 0.000009%, 1)') should be RGBA[28, 3, 0, 255]. Was RGBA[28, 2, 0, 255].
+FAIL parse('rgba(79.99999%, 99.99999%, 500%, 1)') should be RGBA[204, 255, 255, 255]. Was RGBA[203, 254, 255, 255].
PASS parse('rgba(0, 0, 0, -0.10)') is 'RGBA[0, 0, 0, 0]'
PASS parse('rgba(0, 0, 0, -5.0)') is 'RGBA[0, 0, 0, 0]'
PASS parse('rgba(0, 0, 0, 5.0)') is 'RGBA[0, 0, 0, 255]'
PASS parse('rgba(0, 0, 0, 0.0)') is 'RGBA[0, 0, 0, 0]'
PASS parse('rgba(0, 0, 0, 00.0)') is 'RGBA[0, 0, 0, 0]'
PASS parse('rgba(0, 0, 0, 0.00)') is 'RGBA[0, 0, 0, 0]'
-PASS parse('rgba(0, 0, 0, .1)') is 'RGBA[0, 0, 0, 25]'
+PASS parse('rgba(0, 0, 0, .1)') is 'RGBA[0, 0, 0, 26]'
PASS parse('rgba(0, 0, 0, .2)') is 'RGBA[0, 0, 0, 51]'
-PASS parse('rgba(0, 0, 0, .3)') is 'RGBA[0, 0, 0, 76]'
+PASS parse('rgba(0, 0, 0, .3)') is 'RGBA[0, 0, 0, 77]'
PASS parse('rgba(0, 0, 0, .4)') is 'RGBA[0, 0, 0, 102]'
-PASS parse('rgba(0, 0, 0, .5)') is 'RGBA[0, 0, 0, 127]'
+PASS parse('rgba(0, 0, 0, .5)') is 'RGBA[0, 0, 0, 128]'
PASS parse('rgba(0, 0, 0, .6)') is 'RGBA[0, 0, 0, 153]'
PASS parse('rgba(0, 0, 0, .7)') is 'RGBA[0, 0, 0, 179]'
PASS parse('rgba(0, 0, 0, .8)') is 'RGBA[0, 0, 0, 204]'
PASS parse('rgba(0, 0, 0, .9)') is 'RGBA[0, 0, 0, 230]'
-PASS parse('rgba(0, 0, 0, 0.1)') is 'RGBA[0, 0, 0, 25]'
+PASS parse('rgba(0, 0, 0, 0.1)') is 'RGBA[0, 0, 0, 26]'
PASS parse('rgba(0, 0, 0, 0.2)') is 'RGBA[0, 0, 0, 51]'
-PASS parse('rgba(0, 0, 0, 0.3)') is 'RGBA[0, 0, 0, 76]'
+PASS parse('rgba(0, 0, 0, 0.3)') is 'RGBA[0, 0, 0, 77]'
PASS parse('rgba(0, 0, 0, 0.4)') is 'RGBA[0, 0, 0, 102]'
-PASS parse('rgba(0, 0, 0, 0.5)') is 'RGBA[0, 0, 0, 127]'
+PASS parse('rgba(0, 0, 0, 0.5)') is 'RGBA[0, 0, 0, 128]'
PASS parse('rgba(0, 0, 0, 0.6)') is 'RGBA[0, 0, 0, 153]'
PASS parse('rgba(0, 0, 0, 0.7)') is 'RGBA[0, 0, 0, 179]'
PASS parse('rgba(0, 0, 0, 0.8)') is 'RGBA[0, 0, 0, 204]'
PASS parse('rgba(0, 0, 0, 0.9)') is 'RGBA[0, 0, 0, 230]'
PASS parse('rgba(0, 0, 0, 1.0)') is 'RGBA[0, 0, 0, 255]'
-PASS parse('rgba(0, 0, 0, 0.10)') is 'RGBA[0, 0, 0, 25]'
+PASS parse('rgba(0, 0, 0, 0.10)') is 'RGBA[0, 0, 0, 26]'
PASS parse('rgba(0, 0, 0, 0.20)') is 'RGBA[0, 0, 0, 51]'
-PASS parse('rgba(0, 0, 0, 0.30)') is 'RGBA[0, 0, 0, 76]'
+PASS parse('rgba(0, 0, 0, 0.30)') is 'RGBA[0, 0, 0, 77]'
PASS parse('rgba(0, 0, 0, 0.40)') is 'RGBA[0, 0, 0, 102]'
-PASS parse('rgba(0, 0, 0, 0.50)') is 'RGBA[0, 0, 0, 127]'
+PASS parse('rgba(0, 0, 0, 0.50)') is 'RGBA[0, 0, 0, 128]'
PASS parse('rgba(0, 0, 0, 0.60)') is 'RGBA[0, 0, 0, 153]'
PASS parse('rgba(0, 0, 0, 0.70)') is 'RGBA[0, 0, 0, 179]'
PASS parse('rgba(0, 0, 0, 0.80)') is 'RGBA[0, 0, 0, 204]'
PASS parse('rgba(0, 0, 0, 0.90)') is 'RGBA[0, 0, 0, 230]'
PASS parse('rgba(0, 0, 0, 1.00)') is 'RGBA[0, 0, 0, 255]'
-PASS parse('rgba(0, 0, 0, .10)') is 'RGBA[0, 0, 0, 25]'
+PASS parse('rgba(0, 0, 0, .10)') is 'RGBA[0, 0, 0, 26]'
PASS parse('rgba(0, 0, 0, .20)') is 'RGBA[0, 0, 0, 51]'
-PASS parse('rgba(0, 0, 0, .30)') is 'RGBA[0, 0, 0, 76]'
+PASS parse('rgba(0, 0, 0, .30)') is 'RGBA[0, 0, 0, 77]'
PASS parse('rgba(0, 0, 0, .40)') is 'RGBA[0, 0, 0, 102]'
-PASS parse('rgba(0, 0, 0, .50)') is 'RGBA[0, 0, 0, 127]'
+PASS parse('rgba(0, 0, 0, .50)') is 'RGBA[0, 0, 0, 128]'
PASS parse('rgba(0, 0, 0, .60)') is 'RGBA[0, 0, 0, 153]'
PASS parse('rgba(0, 0, 0, .70)') is 'RGBA[0, 0, 0, 179]'
PASS parse('rgba(0, 0, 0, .80)') is 'RGBA[0, 0, 0, 204]'
PASS parse('rgba(0, 0, 0, .90)') is 'RGBA[0, 0, 0, 230]'
-PASS parse('rgba(0, 0, 0, 0.10000000000000000000000)') is 'RGBA[0, 0, 0, 25]'
+PASS parse('rgba(0, 0, 0, 0.10000000000000000000000)') is 'RGBA[0, 0, 0, 26]'
PASS parse('rgba(0, 0, 0, 0.20000000000000000000000)') is 'RGBA[0, 0, 0, 51]'
-PASS parse('rgba(0, 0, 0, 0.30000000000000000000000)') is 'RGBA[0, 0, 0, 76]'
+PASS parse('rgba(0, 0, 0, 0.30000000000000000000000)') is 'RGBA[0, 0, 0, 77]'
PASS parse('rgba(0, 0, 0, 0.40000000000000000000000)') is 'RGBA[0, 0, 0, 102]'
-PASS parse('rgba(0, 0, 0, 0.50000000000000000000000)') is 'RGBA[0, 0, 0, 127]'
+PASS parse('rgba(0, 0, 0, 0.50000000000000000000000)') is 'RGBA[0, 0, 0, 128]'
PASS parse('rgba(0, 0, 0, 0.60000000000000000000000)') is 'RGBA[0, 0, 0, 153]'
PASS parse('rgba(0, 0, 0, 0.70000000000000000000000)') is 'RGBA[0, 0, 0, 179]'
PASS parse('rgba(0, 0, 0, 0.80000000000000000000000)') is 'RGBA[0, 0, 0, 204]'
PASS parse('rgba(0, 0, 0, 0.90000000000000000000000)') is 'RGBA[0, 0, 0, 230]'
PASS parse('rgba(0, 0, 0, 1.00000000000000000000000)') is 'RGBA[0, 0, 0, 255]'
-PASS parse('rgba(0, 0, 0, 0.990)') is 'RGBA[0, 0, 0, 253]'
+PASS parse('rgba(0, 0, 0, 0.990)') is 'RGBA[0, 0, 0, 252]'
PASS parse('rgba(0, 0, 0, 0.991)') is 'RGBA[0, 0, 0, 253]'
PASS parse('rgba(0, 0, 0, 0.992)') is 'RGBA[0, 0, 0, 253]'
-PASS parse('rgba(0, 0, 0, 0.993)') is 'RGBA[0, 0, 0, 254]'
-PASS parse('rgba(0, 0, 0, 0.994)') is 'RGBA[0, 0, 0, 254]'
+PASS parse('rgba(0, 0, 0, 0.993)') is 'RGBA[0, 0, 0, 253]'
+PASS parse('rgba(0, 0, 0, 0.994)') is 'RGBA[0, 0, 0, 253]'
PASS parse('rgba(0, 0, 0, 0.995)') is 'RGBA[0, 0, 0, 254]'
PASS parse('rgba(0, 0, 0, 0.996)') is 'RGBA[0, 0, 0, 254]'
-PASS parse('rgba(0, 0, 0, 0.997)') is 'RGBA[0, 0, 0, 255]'
-PASS parse('rgba(0, 0, 0, 0.998)') is 'RGBA[0, 0, 0, 255]'
+PASS parse('rgba(0, 0, 0, 0.997)') is 'RGBA[0, 0, 0, 254]'
+PASS parse('rgba(0, 0, 0, 0.998)') is 'RGBA[0, 0, 0, 254]'
PASS parse('rgba(0, 0, 0, 0.999)') is 'RGBA[0, 0, 0, 255]'
PASS successfullyParsed is true
shouldBe("parse('rgba(50.0%, 50%, a%, 1)')", "'RGBA[102, 102, 102, 255]'");
shouldBe("parse('rgba(500%, 0%, 0%, 1)')", "'RGBA[255, 0, 0, 255]'");
shouldBe("parse('rgba(100%, 100%, 100%, 1)')", "'RGBA[255, 255, 255, 255]'");
-shouldBe("parse('rgba(10.5%, 80%, 70%, 1)')", "'RGBA[26, 204, 179, 255]'");
+shouldBe("parse('rgba(10.5%, 80%, 70%, 1)')", "'RGBA[27, 204, 179, 255]'"); // FIXME: Different rounding from other browsers.
shouldBe("parse('rgba(0%, 0%, 0%, 1)')", "'RGBA[0, 0, 0, 255]'");
-shouldBe("parse('rgba(50.0%, 50.0%, 50.0%, 1)')", "'RGBA[128, 128, 128, 255]'");
+shouldBe("parse('rgba(50.0%, 50.0%, 50.0%, 1)')", "'RGBA[128, 128, 128, 255]'"); // FIXME: Different rounding from other browsers.
shouldBe("parse('rgba(100%, 100%, 100%, 1)')", "'RGBA[255, 255, 255, 255]'");
-shouldBe("parse('rgba(10.5%, 80%, 70%, 1)')", "'RGBA[26, 204, 179, 255]'");
-shouldBe("parse('rgba(55.5%, 0.5%, 110%, 1)')", "'RGBA[142, 1, 255, 255]'");
-shouldBe("parse('rgba(60.59998%, 0.59999%, 110.12345%, 1)')", "'RGBA[155, 1, 255, 255]'");
-shouldBe("parse('rgba(10.999%, 0.999%, 0.000009%, 1)')", "'RGBA[28, 2, 0, 255]'");
-shouldBe("parse('rgba(79.99999%, 99.99999%, 500%, 1)')", "'RGBA[204, 255, 255, 255]'");
+shouldBe("parse('rgba(10.5%, 80%, 70%, 1)')", "'RGBA[27, 204, 179, 255]'"); // FIXME: Different rounding from other browsers.
+shouldBe("parse('rgba(55.5%, 0.5%, 110%, 1)')", "'RGBA[142, 1, 255, 255]'"); // FIXME: Different rounding from other browsers.
+shouldBe("parse('rgba(60.59998%, 0.59999%, 110.12345%, 1)')", "'RGBA[155, 2, 255, 255]'"); // FIXME: Different rounding from other browsers.
+shouldBe("parse('rgba(10.999%, 0.999%, 0.000009%, 1)')", "'RGBA[28, 3, 0, 255]'"); // FIXME: Different rounding from other browsers.
+shouldBe("parse('rgba(79.99999%, 99.99999%, 500%, 1)')", "'RGBA[204, 255, 255, 255]'"); // FIXME: Different rounding from other browsers.
shouldBe("parse('rgba(0, 0, 0, -0.10)')", "'RGBA[0, 0, 0, 0]'");
shouldBe("parse('rgba(0, 0, 0, -5.0)')", "'RGBA[0, 0, 0, 0]'");
shouldBe("parse('rgba(0, 0, 0, 5.0)')", "'RGBA[0, 0, 0, 255]'");
shouldBe("parse('rgba(0, 0, 0, 0.0)')", "'RGBA[0, 0, 0, 0]'");
shouldBe("parse('rgba(0, 0, 0, 00.0)')", "'RGBA[0, 0, 0, 0]'");
shouldBe("parse('rgba(0, 0, 0, 0.00)')", "'RGBA[0, 0, 0, 0]'");
-shouldBe("parse('rgba(0, 0, 0, .1)')", "'RGBA[0, 0, 0, 25]'");
+shouldBe("parse('rgba(0, 0, 0, .1)')", "'RGBA[0, 0, 0, 26]'");
shouldBe("parse('rgba(0, 0, 0, .2)')", "'RGBA[0, 0, 0, 51]'");
-shouldBe("parse('rgba(0, 0, 0, .3)')", "'RGBA[0, 0, 0, 76]'");
+shouldBe("parse('rgba(0, 0, 0, .3)')", "'RGBA[0, 0, 0, 77]'");
shouldBe("parse('rgba(0, 0, 0, .4)')", "'RGBA[0, 0, 0, 102]'");
-shouldBe("parse('rgba(0, 0, 0, .5)')", "'RGBA[0, 0, 0, 127]'");
+shouldBe("parse('rgba(0, 0, 0, .5)')", "'RGBA[0, 0, 0, 128]'");
shouldBe("parse('rgba(0, 0, 0, .6)')", "'RGBA[0, 0, 0, 153]'");
shouldBe("parse('rgba(0, 0, 0, .7)')", "'RGBA[0, 0, 0, 179]'");
shouldBe("parse('rgba(0, 0, 0, .8)')", "'RGBA[0, 0, 0, 204]'");
shouldBe("parse('rgba(0, 0, 0, .9)')", "'RGBA[0, 0, 0, 230]'");
-shouldBe("parse('rgba(0, 0, 0, 0.1)')", "'RGBA[0, 0, 0, 25]'");
+shouldBe("parse('rgba(0, 0, 0, 0.1)')", "'RGBA[0, 0, 0, 26]'");
shouldBe("parse('rgba(0, 0, 0, 0.2)')", "'RGBA[0, 0, 0, 51]'");
-shouldBe("parse('rgba(0, 0, 0, 0.3)')", "'RGBA[0, 0, 0, 76]'");
+shouldBe("parse('rgba(0, 0, 0, 0.3)')", "'RGBA[0, 0, 0, 77]'");
shouldBe("parse('rgba(0, 0, 0, 0.4)')", "'RGBA[0, 0, 0, 102]'");
-shouldBe("parse('rgba(0, 0, 0, 0.5)')", "'RGBA[0, 0, 0, 127]'");
+shouldBe("parse('rgba(0, 0, 0, 0.5)')", "'RGBA[0, 0, 0, 128]'");
shouldBe("parse('rgba(0, 0, 0, 0.6)')", "'RGBA[0, 0, 0, 153]'");
shouldBe("parse('rgba(0, 0, 0, 0.7)')", "'RGBA[0, 0, 0, 179]'");
shouldBe("parse('rgba(0, 0, 0, 0.8)')", "'RGBA[0, 0, 0, 204]'");
shouldBe("parse('rgba(0, 0, 0, 0.9)')", "'RGBA[0, 0, 0, 230]'");
shouldBe("parse('rgba(0, 0, 0, 1.0)')", "'RGBA[0, 0, 0, 255]'");
-shouldBe("parse('rgba(0, 0, 0, 0.10)')", "'RGBA[0, 0, 0, 25]'");
+shouldBe("parse('rgba(0, 0, 0, 0.10)')", "'RGBA[0, 0, 0, 26]'");
shouldBe("parse('rgba(0, 0, 0, 0.20)')", "'RGBA[0, 0, 0, 51]'");
-shouldBe("parse('rgba(0, 0, 0, 0.30)')", "'RGBA[0, 0, 0, 76]'");
+shouldBe("parse('rgba(0, 0, 0, 0.30)')", "'RGBA[0, 0, 0, 77]'");
shouldBe("parse('rgba(0, 0, 0, 0.40)')", "'RGBA[0, 0, 0, 102]'");
-shouldBe("parse('rgba(0, 0, 0, 0.50)')", "'RGBA[0, 0, 0, 127]'");
+shouldBe("parse('rgba(0, 0, 0, 0.50)')", "'RGBA[0, 0, 0, 128]'");
shouldBe("parse('rgba(0, 0, 0, 0.60)')", "'RGBA[0, 0, 0, 153]'");
shouldBe("parse('rgba(0, 0, 0, 0.70)')", "'RGBA[0, 0, 0, 179]'");
shouldBe("parse('rgba(0, 0, 0, 0.80)')", "'RGBA[0, 0, 0, 204]'");
shouldBe("parse('rgba(0, 0, 0, 0.90)')", "'RGBA[0, 0, 0, 230]'");
shouldBe("parse('rgba(0, 0, 0, 1.00)')", "'RGBA[0, 0, 0, 255]'");
-shouldBe("parse('rgba(0, 0, 0, .10)')", "'RGBA[0, 0, 0, 25]'");
+shouldBe("parse('rgba(0, 0, 0, .10)')", "'RGBA[0, 0, 0, 26]'");
shouldBe("parse('rgba(0, 0, 0, .20)')", "'RGBA[0, 0, 0, 51]'");
-shouldBe("parse('rgba(0, 0, 0, .30)')", "'RGBA[0, 0, 0, 76]'");
+shouldBe("parse('rgba(0, 0, 0, .30)')", "'RGBA[0, 0, 0, 77]'");
shouldBe("parse('rgba(0, 0, 0, .40)')", "'RGBA[0, 0, 0, 102]'");
-shouldBe("parse('rgba(0, 0, 0, .50)')", "'RGBA[0, 0, 0, 127]'");
+shouldBe("parse('rgba(0, 0, 0, .50)')", "'RGBA[0, 0, 0, 128]'");
shouldBe("parse('rgba(0, 0, 0, .60)')", "'RGBA[0, 0, 0, 153]'");
shouldBe("parse('rgba(0, 0, 0, .70)')", "'RGBA[0, 0, 0, 179]'");
shouldBe("parse('rgba(0, 0, 0, .80)')", "'RGBA[0, 0, 0, 204]'");
shouldBe("parse('rgba(0, 0, 0, .90)')", "'RGBA[0, 0, 0, 230]'");
-shouldBe("parse('rgba(0, 0, 0, 0.10000000000000000000000)')", "'RGBA[0, 0, 0, 25]'");
+shouldBe("parse('rgba(0, 0, 0, 0.10000000000000000000000)')", "'RGBA[0, 0, 0, 26]'");
shouldBe("parse('rgba(0, 0, 0, 0.20000000000000000000000)')", "'RGBA[0, 0, 0, 51]'");
-shouldBe("parse('rgba(0, 0, 0, 0.30000000000000000000000)')", "'RGBA[0, 0, 0, 76]'");
+shouldBe("parse('rgba(0, 0, 0, 0.30000000000000000000000)')", "'RGBA[0, 0, 0, 77]'");
shouldBe("parse('rgba(0, 0, 0, 0.40000000000000000000000)')", "'RGBA[0, 0, 0, 102]'");
-shouldBe("parse('rgba(0, 0, 0, 0.50000000000000000000000)')", "'RGBA[0, 0, 0, 127]'");
+shouldBe("parse('rgba(0, 0, 0, 0.50000000000000000000000)')", "'RGBA[0, 0, 0, 128]'");
shouldBe("parse('rgba(0, 0, 0, 0.60000000000000000000000)')", "'RGBA[0, 0, 0, 153]'");
shouldBe("parse('rgba(0, 0, 0, 0.70000000000000000000000)')", "'RGBA[0, 0, 0, 179]'");
shouldBe("parse('rgba(0, 0, 0, 0.80000000000000000000000)')", "'RGBA[0, 0, 0, 204]'");
shouldBe("parse('rgba(0, 0, 0, 0.90000000000000000000000)')", "'RGBA[0, 0, 0, 230]'");
shouldBe("parse('rgba(0, 0, 0, 1.00000000000000000000000)')", "'RGBA[0, 0, 0, 255]'");
-shouldBe("parse('rgba(0, 0, 0, 0.990)')", "'RGBA[0, 0, 0, 253]'");
+shouldBe("parse('rgba(0, 0, 0, 0.990)')", "'RGBA[0, 0, 0, 252]'");
shouldBe("parse('rgba(0, 0, 0, 0.991)')", "'RGBA[0, 0, 0, 253]'");
shouldBe("parse('rgba(0, 0, 0, 0.992)')", "'RGBA[0, 0, 0, 253]'");
-shouldBe("parse('rgba(0, 0, 0, 0.993)')", "'RGBA[0, 0, 0, 254]'");
-shouldBe("parse('rgba(0, 0, 0, 0.994)')", "'RGBA[0, 0, 0, 254]'");
+shouldBe("parse('rgba(0, 0, 0, 0.993)')", "'RGBA[0, 0, 0, 253]'");
+shouldBe("parse('rgba(0, 0, 0, 0.994)')", "'RGBA[0, 0, 0, 253]'");
shouldBe("parse('rgba(0, 0, 0, 0.995)')", "'RGBA[0, 0, 0, 254]'");
shouldBe("parse('rgba(0, 0, 0, 0.996)')", "'RGBA[0, 0, 0, 254]'");
-shouldBe("parse('rgba(0, 0, 0, 0.997)')", "'RGBA[0, 0, 0, 255]'");
-shouldBe("parse('rgba(0, 0, 0, 0.998)')", "'RGBA[0, 0, 0, 255]'");
+shouldBe("parse('rgba(0, 0, 0, 0.997)')", "'RGBA[0, 0, 0, 254]'");
+shouldBe("parse('rgba(0, 0, 0, 0.998)')", "'RGBA[0, 0, 0, 254]'");
shouldBe("parse('rgba(0, 0, 0, 0.999)')", "'RGBA[0, 0, 0, 255]'");
</script>
<script src="../../resources/js-test-post.js"></script>
--apple-system-header-text : rgba(0, 0, 0, 0.85098)
+-apple-system-header-text : rgb(0, 0, 0)
-apple-system-text-background : rgb(255, 255, 255)
-apple-system-control-background : rgb(255, 255, 255)
--apple-system-alternate-selected-text : rgb(255, 255, 255)
--apple-system-control-accent : rgb(0, 105, 217)
--apple-system-even-alternating-content-background : rgb(255, 255, 255)
--apple-system-odd-alternating-content-background : rgb(245, 245, 245)
--apple-system-selected-content-background : rgb(0, 105, 217)
--apple-system-unemphasized-selected-content-background : rgb(212, 212, 212)
--apple-system-selected-text : rgb(0, 0, 0)
--apple-system-unemphasized-selected-text : rgb(0, 0, 0)
--apple-system-selected-text-background : rgba(128, 188, 254, 0.6)
--apple-system-unemphasized-selected-text-background : rgb(212, 212, 212)
--apple-system-placeholder-text : rgba(0, 0, 0, 0.247059)
--apple-system-find-highlight-background : rgb(255, 255, 0)
--apple-system-label : rgba(0, 0, 0, 0.85098)
--apple-system-secondary-label : rgba(0, 0, 0, 0.498039)
--apple-system-tertiary-label : rgba(0, 0, 0, 0.247059)
--apple-system-quaternary-label : rgba(0, 0, 0, 0.0980392)
--apple-system-grid : rgb(204, 204, 204)
--apple-system-separator : rgb(204, 204, 204)
--apple-system-container-border : rgb(197, 197, 197)
-current-color with inherited -apple-system-label : rgba(0, 0, 0, 0.85098)
+-apple-system-alternate-selected-text : rgba(0, 0, 0, 0)
+-apple-system-control-accent : rgba(0, 0, 0, 0)
+-apple-system-even-alternating-content-background : rgba(0, 0, 0, 0)
+-apple-system-odd-alternating-content-background : rgba(0, 0, 0, 0)
+-apple-system-selected-content-background : rgb(209, 209, 214)
+-apple-system-unemphasized-selected-content-background : rgb(209, 209, 214)
+-apple-system-selected-text : rgba(0, 0, 0, 0)
+-apple-system-unemphasized-selected-text : rgba(0, 0, 0, 0)
+-apple-system-selected-text-background : rgba(0, 0, 0, 0)
+-apple-system-unemphasized-selected-text-background : rgba(0, 0, 0, 0)
+-apple-system-placeholder-text : rgba(60, 60, 67, 0.298)
+-apple-system-find-highlight-background : rgba(0, 0, 0, 0)
+-apple-system-label : rgb(0, 0, 0)
+-apple-system-secondary-label : rgba(60, 60, 67, 0.6)
+-apple-system-tertiary-label : rgba(60, 60, 67, 0.298)
+-apple-system-quaternary-label : rgba(60, 60, 67, 0.18)
+-apple-system-grid : rgba(60, 60, 67, 0.29)
+-apple-system-separator : rgba(60, 60, 67, 0.29)
+-apple-system-container-border : rgba(60, 60, 67, 0.29)
+current-color with inherited -apple-system-label : rgb(0, 0, 0)
-webkit-clip-path: inset(50px 40px 50px 140px);
}
.bg-color-gray {
- background-color: gray;
+ background-color: rgba(0, 0, 0, 0.5);
/* Clip used to isolate a part of the shadow */
-webkit-clip-path: inset(50px 40px 50px 140px);
PASS computedStyle.webkitTextDecorationColor is 'rgb(0, 255, 0)'
Valid value 'rgba(100, 100, 100, 0.5)':
-PASS e.style.webkitTextDecorationColor is 'rgba(100, 100, 100, 0.498039)'
+PASS e.style.webkitTextDecorationColor is 'rgba(100, 100, 100, 0.5)'
PASS e.style.getPropertyCSSValue('-webkit-text-decoration-color').toString() is '[object CSSPrimitiveValue]'
-PASS e.style.getPropertyCSSValue('-webkit-text-decoration-color').cssText is 'rgba(100, 100, 100, 0.498039)'
+PASS e.style.getPropertyCSSValue('-webkit-text-decoration-color').cssText is 'rgba(100, 100, 100, 0.5)'
PASS computedStyle.getPropertyCSSValue('-webkit-text-decoration-color').toString() is '[object CSSPrimitiveValue]'
-PASS computedStyle.getPropertyCSSValue('-webkit-text-decoration-color').cssText is 'rgba(100, 100, 100, 0.498039)'
-PASS computedStyle.webkitTextDecorationColor is 'rgba(100, 100, 100, 0.498039)'
+PASS computedStyle.getPropertyCSSValue('-webkit-text-decoration-color').cssText is 'rgba(100, 100, 100, 0.5)'
+PASS computedStyle.webkitTextDecorationColor is 'rgba(100, 100, 100, 0.5)'
Valid value 'hsl(240, 100%, 50%)':
PASS e.style.webkitTextDecorationColor is 'rgb(0, 0, 255)'
PASS computedStyle.webkitTextDecorationColor is 'rgb(0, 0, 255)'
Valid value 'hsla(240, 100%, 50%, 0.5)':
-FAIL e.style.webkitTextDecorationColor should be rgba(0, 0, 255, 0.498039). Was rgba(0, 0, 255, 0.501961).
+PASS e.style.webkitTextDecorationColor is 'rgba(0, 0, 255, 0.5)'
PASS e.style.getPropertyCSSValue('-webkit-text-decoration-color').toString() is '[object CSSPrimitiveValue]'
-FAIL e.style.getPropertyCSSValue('-webkit-text-decoration-color').cssText should be rgba(0, 0, 255, 0.498039). Was rgba(0, 0, 255, 0.501961).
+PASS e.style.getPropertyCSSValue('-webkit-text-decoration-color').cssText is 'rgba(0, 0, 255, 0.5)'
PASS computedStyle.getPropertyCSSValue('-webkit-text-decoration-color').toString() is '[object CSSPrimitiveValue]'
-FAIL computedStyle.getPropertyCSSValue('-webkit-text-decoration-color').cssText should be rgba(0, 0, 255, 0.498039). Was rgba(0, 0, 255, 0.501961).
-FAIL computedStyle.webkitTextDecorationColor should be rgba(0, 0, 255, 0.498039). Was rgba(0, 0, 255, 0.501961).
+PASS computedStyle.getPropertyCSSValue('-webkit-text-decoration-color').cssText is 'rgba(0, 0, 255, 0.5)'
+PASS computedStyle.webkitTextDecorationColor is 'rgba(0, 0, 255, 0.5)'
Initial value:
PASS e.style.webkitTextDecorationColor is 'initial'
testValue("rgb(0, 255, 0)", "rgb(0, 255, 0)", "[object CSSPrimitiveValue]", "rgb(0, 255, 0)", "[object CSSPrimitiveValue]");
debug("Valid value 'rgba(100, 100, 100, 0.5)':");
-testValue("rgba(100, 100, 100, 0.5)", "rgba(100, 100, 100, 0.498039)", "[object CSSPrimitiveValue]", "rgba(100, 100, 100, 0.498039)", "[object CSSPrimitiveValue]");
+testValue("rgba(100, 100, 100, 0.5)", "rgba(100, 100, 100, 0.5)", "[object CSSPrimitiveValue]", "rgba(100, 100, 100, 0.5)", "[object CSSPrimitiveValue]");
debug("Valid value 'hsl(240, 100%, 50%)':");
testValue("hsl(240, 100%, 50%)", "rgb(0, 0, 255)", "[object CSSPrimitiveValue]", "rgb(0, 0, 255)", "[object CSSPrimitiveValue]");
debug("Valid value 'hsla(240, 100%, 50%, 0.5)':");
-testValue("hsla(240, 100%, 50%, 0.5)", "rgba(0, 0, 255, 0.498039)", "[object CSSPrimitiveValue]", "rgba(0, 0, 255, 0.498039)", "[object CSSPrimitiveValue]");
+testValue("hsla(240, 100%, 50%, 0.5)", "rgba(0, 0, 255, 0.5)", "[object CSSPrimitiveValue]", "rgba(0, 0, 255, 0.5)", "[object CSSPrimitiveValue]");
debug("Initial value:");
testValue("initial", "initial", "[object CSSValue]", "rgb(0, 0, 0)", "[object CSSPrimitiveValue]");
RenderView at (0,0) size 300x150
layer at (0,0) size 300x150
RenderBlock {HTML} at (0,0) size 300x150
- RenderBody {BODY} at (8,8) size 284x134 [bgcolor=#0000007F]
+ RenderBody {BODY} at (8,8) size 284x134 [bgcolor=#00000080]
RenderText {#text} at (0,0) size 0x0
RenderBlock {HTML} at (0,0) size 800x122
RenderBody {BODY} at (8,8) size 784x106
RenderTable {TABLE} at (0,0) size 128x106 [border: (10px none #808080)]
- RenderTableSection {TBODY} at (10,10) size 86x86 [border: (20px solid #0000FF7F)]
+ RenderTableSection {TBODY} at (10,10) size 86x86 [border: (20px solid #0000FF80)]
RenderTableRow {TR} at (0,0) size 32x86
RenderTableCell {TD} at (0,10) size 32x12 [border: (10px none #000000)] [r=0 c=0 rs=1 cs=1]
RenderTableCell {TD} at (0,42) size 32x2 [border: none] [r=0 c=1 rs=1 cs=1]
RenderTable {TABLE} at (0,0) size 146x188 [border: (10px none #808080)]
RenderTableSection {TBODY} at (10,10) size 126x126
RenderTableRow {TR} at (0,0) size 126x42
- RenderTableCell {TD} at (0,10) size 42x22 [border: (10px solid #0000FF7F)] [r=0 c=0 rs=1 cs=1]
- RenderTableCell {TD} at (42,10) size 42x22 [border: (10px solid #0000FF7F)] [r=0 c=1 rs=1 cs=1]
- RenderTableCell {TD} at (84,10) size 42x22 [border: (10px solid #0000FF7F)] [r=0 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (0,10) size 42x22 [border: (10px solid #0000FF80)] [r=0 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (42,10) size 42x22 [border: (10px solid #0000FF80)] [r=0 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (84,10) size 42x22 [border: (10px solid #0000FF80)] [r=0 c=2 rs=1 cs=1]
RenderTableRow {TR} at (0,42) size 126x42
- RenderTableCell {TD} at (0,52) size 42x22 [border: (10px solid #0000FF7F)] [r=1 c=0 rs=1 cs=1]
- RenderTableCell {TD} at (42,52) size 42x22 [border: (10px solid #0000FF7F)] [r=1 c=1 rs=1 cs=1]
- RenderTableCell {TD} at (84,52) size 42x22 [border: (10px solid #0000FF7F)] [r=1 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (0,52) size 42x22 [border: (10px solid #0000FF80)] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (42,52) size 42x22 [border: (10px solid #0000FF80)] [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (84,52) size 42x22 [border: (10px solid #0000FF80)] [r=1 c=2 rs=1 cs=1]
RenderTableRow {TR} at (0,84) size 126x42
- RenderTableCell {TD} at (0,94) size 42x22 [border: (10px solid #0000FF7F)] [r=2 c=0 rs=1 cs=1]
- RenderTableCell {TD} at (42,94) size 42x22 [border: (10px solid #0000FF7F)] [r=2 c=1 rs=1 cs=1]
- RenderTableCell {TD} at (84,94) size 42x22 [border: (10px solid #0000FF7F)] [r=2 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (0,94) size 42x22 [border: (10px solid #0000FF80)] [r=2 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (42,94) size 42x22 [border: (10px solid #0000FF80)] [r=2 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (84,94) size 42x22 [border: (10px solid #0000FF80)] [r=2 c=2 rs=1 cs=1]
RenderTableSection {TBODY} at (10,136) size 126x42
RenderTableRow {TR} at (0,0) size 126x42
- RenderTableCell {TD} at (0,10) size 42x22 [border: (10px solid #0000FF7F)] [r=0 c=0 rs=1 cs=1]
- RenderTableCell {TD} at (42,10) size 42x22 [border: (10px solid #0000FF7F)] [r=0 c=1 rs=1 cs=1]
- RenderTableCell {TD} at (84,10) size 42x22 [border: (10px solid #0000FF7F)] [r=0 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (0,10) size 42x22 [border: (10px solid #0000FF80)] [r=0 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (42,10) size 42x22 [border: (10px solid #0000FF80)] [r=0 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (84,10) size 42x22 [border: (10px solid #0000FF80)] [r=0 c=2 rs=1 cs=1]
* web-platform-tests/clipboard-apis/async-navigator-clipboard-basics.https-expected.txt:
* web-platform-tests/clipboard-apis/async-write-text-read-dttext-manual.https-expected.txt:
+2019-11-18 Simon Fraser <simon.fraser@apple.com>
+
+ Fix alpha value rounding to match the CSS Color spec
+ https://bugs.webkit.org/show_bug.cgi?id=203597
+ <rdar://problem/56728546>
+
+ Reviewed by Tim Horton.
+
+ More passing results.
+
+ * web-platform-tests/css/css-color/color-resolving-expected.txt:
+ * web-platform-tests/css/css-color/parsing/color-computed-expected.txt:
+ * web-platform-tests/css/css-color/parsing/color-valid-expected.txt:
+ * web-platform-tests/css/css-multicol/inheritance-expected.txt:
+ * web-platform-tests/css/css-text-decor/inheritance-expected.txt:
+ * web-platform-tests/css/css-ui/caret-color-021-expected.txt:
+ * web-platform-tests/css/css-ui/outline-017-expected.txt:
+ * web-platform-tests/css/cssom/serialize-values-expected.txt:
+ * web-platform-tests/imagebitmap-renderingcontext/context-creation-with-alpha-expected.txt: failure mode now matches Firefox and Chrome (webkit.org/b/204311)
+ * web-platform-tests/web-animations/animation-model/animation-types/interpolation-per-property-expected.txt:
+
2019-11-17 Ryosuke Niwa <rniwa@webkit.org>
Focusing a shadow host which delegates focus should skip inner shadow hosts which delegate focus
PASS RGB and RGBA are synonyms: rgb(0%, 0%, 0%, 0%)
PASS RGB and RGBA are synonyms: rgb(0%, 0%, 0%, 0)
PASS Valid numbers should be parsed: rgba(0, 0, 0, 0)
-FAIL Valid numbers should be parsed: rgba(204, 0, 102, 0.3) assert_equals: expected "rgba(204, 0, 102, 0.3)" but got "rgba(204, 0, 102, 0.298039)"
+PASS Valid numbers should be parsed: rgba(204, 0, 102, 0.3)
PASS Capitalization should not affect parsing: RGBA(255, 255, 255, 0)
PASS Capitalization should not affect parsing: rgBA(0, 51, 255, 1)
PASS Invalid alpha values should be clamped to 0 and 1 respectively: rgba(0, 51, 255, 1.1)
PASS Invalid alpha values should be clamped to 0 and 1 respectively: rgba(0, 51, 255, 37)
-FAIL Valid numbers should be parsed: rgba(0, 51, 255, 0.42) assert_equals: expected "rgba(0, 51, 255, 0.42)" but got "rgba(0, 51, 255, 0.419608)"
+PASS Valid numbers should be parsed: rgba(0, 51, 255, 0.42)
PASS Valid numbers should be parsed: rgba(0, 51, 255, 0)
PASS Invalid alpha values should be clamped to 0 and 1 respectively: rgba(0, 51, 255, -0.1)
PASS Invalid alpha values should be clamped to 0 and 1 respectively: rgba(0, 51, 255, -139)
PASS Capitalization should not affect parsing: RGBA(100%, 100%, 100%, 0)
-FAIL Valid percentages should be parsed: rgba(42%, 3%, 50%, 0.3) assert_equals: expected "rgba(107, 8, 128, 0.3)" but got "rgba(107, 8, 128, 0.298039)"
+PASS Valid percentages should be parsed: rgba(42%, 3%, 50%, 0.3)
PASS Capitalization should not affect parsing: rgBA(0%, 20%, 100%, 1)
PASS Invalid alpha values should be clamped to 0 and 1 respectively: rgba(0%, 20%, 100%, 1.1)
PASS Invalid alpha values should be clamped to 0 and 1 respectively: rgba(0%, 20%, 100%, 37)
-FAIL Valid percentages should be parsed: rgba(0%, 20%, 100%, 0.42) assert_equals: expected "rgba(0, 51, 255, 0.42)" but got "rgba(0, 51, 255, 0.419608)"
+PASS Valid percentages should be parsed: rgba(0%, 20%, 100%, 0.42)
PASS Valid percentages should be parsed: rgba(0%, 20%, 100%, 0)
PASS Invalid alpha values should be clamped to 0 and 1 respectively: rgba(0%, 20%, 100%, -0.1)
PASS Invalid alpha values should be clamped to 0 and 1 respectively: rgba(0%, 20%, 100%, -139)
PASS Angles are represented as a part of a circle and wrap around: hsla(-300, 100%, 37.5%, 0.2)
PASS Angles are represented as a part of a circle and wrap around: hsla(-300, 100%, 37.5%, 0)
PASS Invalid alpha values should be clamped to 0 and 1 respectively: hsla(-300, 100%, 37.5%, -3)
-FAIL Percent alpha values are accepted in hsl/hsla: hsla(0, 0%, 0%, 50%) assert_equals: expected "rgba(0, 0, 0, 0.5)" but got "rgba(0, 0, 0, 0.501961)"
+PASS Percent alpha values are accepted in hsl/hsla: hsla(0, 0%, 0%, 50%)
PASS Angles are accepted in HSL/HSLA: hsla(30deg, 100%, 100%, 1)
PASS The second and third parameters of hsl/hsla must be a percent: hsla(10, 50%, 0, 1)
PASS The first parameter of hsl/hsla must be a number or angle: hsla(50%, 50%, 0%, 1)
PASS Property color value '#FEDCBA' computes to 'rgb(254, 220, 186)'
PASS Property color value 'rgb(2, 3, 4)' computes to 'rgb(2, 3, 4)'
PASS Property color value 'rgb(100%, 0%, 0%)' computes to 'rgb(255, 0, 0)'
-FAIL Property color value 'rgba(2, 3, 4, 0.5)' computes to 'rgba(2, 3, 4, 0.5)' assert_equals: expected "rgba(2, 3, 4, 0.5)" but got "rgba(2, 3, 4, 0.498039)"
-FAIL Property color value 'rgba(2, 3, 4, 50%)' computes to 'rgba(2, 3, 4, 0.5)' assert_equals: expected "rgba(2, 3, 4, 0.5)" but got "rgba(2, 3, 4, 0.498039)"
+PASS Property color value 'rgba(2, 3, 4, 0.5)' computes to 'rgba(2, 3, 4, 0.5)'
+PASS Property color value 'rgba(2, 3, 4, 50%)' computes to 'rgba(2, 3, 4, 0.5)'
PASS Property color value 'hsl(120, 100%, 50%)' computes to 'rgb(0, 255, 0)'
-FAIL Property color value 'hsla(120, 100%, 50%, 0.25)' computes to 'rgba(0, 255, 0, 0.25)' assert_equals: expected "rgba(0, 255, 0, 0.25)" but got "rgba(0, 255, 0, 0.25098)"
+PASS Property color value 'hsla(120, 100%, 50%, 0.25)' computes to 'rgba(0, 255, 0, 0.25)'
PASS Property color value 'rgb(-2, 3, 4)' computes to 'rgb(0, 3, 4)'
PASS Property color value 'rgb(100, 200, 300)' computes to 'rgb(100, 200, 255)'
PASS Property color value 'rgb(20, 10, 0, -10)' computes to 'rgba(20, 10, 0, 0)'
PASS e.style['color'] = "#FEDCBA" should set the property value
PASS e.style['color'] = "rgb(2, 3, 4)" should set the property value
PASS e.style['color'] = "rgb(100%, 0%, 0%)" should set the property value
-FAIL e.style['color'] = "rgba(2, 3, 4, 0.5)" should set the property value assert_equals: serialization should be canonical expected "rgba(2, 3, 4, 0.5)" but got "rgba(2, 3, 4, 0.498039)"
-FAIL e.style['color'] = "rgba(2, 3, 4, 50%)" should set the property value assert_equals: serialization should be canonical expected "rgba(2, 3, 4, 0.5)" but got "rgba(2, 3, 4, 0.498039)"
+PASS e.style['color'] = "rgba(2, 3, 4, 0.5)" should set the property value
+PASS e.style['color'] = "rgba(2, 3, 4, 50%)" should set the property value
PASS e.style['color'] = "hsl(120, 100%, 50%)" should set the property value
-FAIL e.style['color'] = "hsla(120, 100%, 50%, 0.25)" should set the property value assert_in_array: serialization should be sound value "rgba(0, 255, 0, 0.25098)" not in array ["rgba(0, 255, 0, 0.25)", "hsla(120, 100%, 50%, 0.25)"]
+PASS e.style['color'] = "hsla(120, 100%, 50%, 0.25)" should set the property value
PASS e.style['color'] = "rgb(-2, 3, 4)" should set the property value
PASS e.style['color'] = "rgb(100, 200, 300)" should set the property value
PASS e.style['color'] = "rgb(20, 10, 0, -10)" should set the property value
PASS Property column-count does not inherit
PASS Property column-fill has initial value balance
PASS Property column-fill does not inherit
-FAIL Property column-rule-color has initial value rgba(42, 53, 64, 0.75) assert_equals: expected "rgba(42, 53, 64, 0.75)" but got "rgba(42, 53, 64, 0.74902)"
-FAIL Property column-rule-color does not inherit assert_equals: expected "rgba(2, 3, 5, 0.5)" but got "rgba(2, 3, 5, 0.498039)"
+PASS Property column-rule-color has initial value rgba(42, 53, 64, 0.75)
+PASS Property column-rule-color does not inherit
PASS Property column-rule-style has initial value none
PASS Property column-rule-style does not inherit
PASS Property column-rule-width has initial value 3px
-FAIL Property text-decoration-color has initial value rgba(2, 3, 4, 0.5) assert_equals: expected "rgba(2, 3, 4, 0.5)" but got "rgba(2, 3, 4, 0.498039)"
-FAIL Property text-decoration-color does not inherit assert_equals: expected "rgba(42, 53, 64, 0.75)" but got "rgba(42, 53, 64, 0.74902)"
+PASS Property text-decoration-color has initial value rgba(2, 3, 4, 0.5)
+PASS Property text-decoration-color does not inherit
PASS Property text-decoration-line has initial value none
PASS Property text-decoration-line does not inherit
PASS Property text-decoration-style has initial value solid
PASS Property text-decoration-style does not inherit
-FAIL Property text-emphasis-color has initial value rgba(2, 3, 4, 0.5) assert_equals: expected "rgba(2, 3, 4, 0.5)" but got "rgba(2, 3, 4, 0.498039)"
-FAIL Property text-emphasis-color inherits assert_equals: expected "rgba(42, 53, 64, 0.75)" but got "rgba(42, 53, 64, 0.74902)"
+PASS Property text-emphasis-color has initial value rgba(2, 3, 4, 0.5)
+PASS Property text-emphasis-color inherits
PASS Property text-emphasis-position has initial value over right
PASS Property text-emphasis-position inherits
PASS Property text-emphasis-style has initial value none
FAIL Property text-emphasis-style inherits assert_equals: expected "triangle" but got "filled triangle"
PASS Property text-shadow has initial value none
-FAIL Property text-shadow inherits assert_equals: expected "rgba(42, 53, 64, 0.75) 10px 20px 0px" but got "rgba(42, 53, 64, 0.74902) 10px 20px 0px"
+PASS Property text-shadow inherits
PASS Property text-underline-position has initial value auto
PASS Property text-underline-position inherits
FAIL Property text-decoration-skip-ink has initial value auto assert_true: text-decoration-skip-ink doesn't seem to be supported in the computed style expected true got false
-FAIL Default caret-color is not interpolable assert_equals: expected "rgb(0, 255, 0)" but got "rgba(0, 255, 0, 0.803922)"
+FAIL Default caret-color is not interpolable assert_equals: expected "rgb(0, 255, 0)" but got "rgba(0, 255, 0, 0.804)"
-FAIL outline-color is animated as a color assert_equals: expected "rgba(2, 0, 0, 0.5)" but got "rgba(5, 0, 0, 0.498039)"
+FAIL outline-color is animated as a color assert_equals: expected "rgba(2, 0, 0, 0.5)" but got "rgba(4, 0, 0, 0.5)"
PASS outline-width is animated as a length
PASS outline-offset is animated as a length
PASS background-color: black
PASS background-color: red
PASS background-color: rgb(50, 75, 100)
-FAIL background-color: rgba(5, 7, 10, 0.5) assert_equals: background-color raw inline style declaration expected "rgba(5, 7, 10, 0.5)" but got "rgba(5, 7, 10, 0.498039)"
+PASS background-color: rgba(5, 7, 10, 0.5)
PASS background-color: transparent
PASS background-color: inherit
PASS background-image: url("http://localhost/")
PASS border-top-color: black
PASS border-top-color: red
PASS border-top-color: rgb(50, 75, 100)
-FAIL border-top-color: rgba(5, 7, 10, 0.5) assert_equals: border-top-color raw inline style declaration expected "rgba(5, 7, 10, 0.5)" but got "rgba(5, 7, 10, 0.498039)"
+PASS border-top-color: rgba(5, 7, 10, 0.5)
PASS border-top-color: transparent
PASS border-top-color: inherit
PASS border-right-color: black
PASS border-right-color: red
PASS border-right-color: rgb(50, 75, 100)
-FAIL border-right-color: rgba(5, 7, 10, 0.5) assert_equals: border-right-color raw inline style declaration expected "rgba(5, 7, 10, 0.5)" but got "rgba(5, 7, 10, 0.498039)"
+PASS border-right-color: rgba(5, 7, 10, 0.5)
PASS border-right-color: transparent
PASS border-right-color: inherit
PASS border-bottom-color: black
PASS border-bottom-color: red
PASS border-bottom-color: rgb(50, 75, 100)
-FAIL border-bottom-color: rgba(5, 7, 10, 0.5) assert_equals: border-bottom-color raw inline style declaration expected "rgba(5, 7, 10, 0.5)" but got "rgba(5, 7, 10, 0.498039)"
+PASS border-bottom-color: rgba(5, 7, 10, 0.5)
PASS border-bottom-color: transparent
PASS border-bottom-color: inherit
PASS border-left-color: black
PASS border-left-color: red
PASS border-left-color: rgb(50, 75, 100)
-FAIL border-left-color: rgba(5, 7, 10, 0.5) assert_equals: border-left-color raw inline style declaration expected "rgba(5, 7, 10, 0.5)" but got "rgba(5, 7, 10, 0.498039)"
+PASS border-left-color: rgba(5, 7, 10, 0.5)
PASS border-left-color: transparent
PASS border-left-color: inherit
PASS border-top-style: none
PASS color: black
PASS color: red
PASS color: rgb(50, 75, 100)
-FAIL color: rgba(5, 7, 10, 0.5) assert_equals: color raw inline style declaration expected "rgba(5, 7, 10, 0.5)" but got "rgba(5, 7, 10, 0.498039)"
+PASS color: rgba(5, 7, 10, 0.5)
PASS color: inherit
PASS content: normal
PASS content: none
PASS outline-color: black
PASS outline-color: red
PASS outline-color: rgb(50, 75, 100)
-FAIL outline-color: rgba(5, 7, 10, 0.5) assert_equals: outline-color raw inline style declaration expected "rgba(5, 7, 10, 0.5)" but got "rgba(5, 7, 10, 0.498039)"
+PASS outline-color: rgba(5, 7, 10, 0.5)
FAIL outline-color: invert assert_equals: outline-color raw inline style declaration expected "invert" but got ""
PASS outline-color: inherit
PASS outline-style: none
FAIL Test that an ImageBitmapRenderingContext with alpha disabled makes the canvas opaque assert_array_equals: property 1, expected 127 but got 255
-PASS Test that an ImageBitmapRenderingContext with alpha enabled preserves the alpha
-PASS Test that the 'alpha' context creation attribute is true by default
+FAIL Test that an ImageBitmapRenderingContext with alpha enabled preserves the alpha assert_array_equals: property 3, expected 127 but got 128
+FAIL Test that the 'alpha' context creation attribute is true by default assert_array_equals: property 3, expected 127 but got 128
PASS border-top-width supports animating as a length
PASS border-top-width supports animating as a length of rem
PASS box-shadow (type: boxShadowList) has testInterpolation function
-FAIL box-shadow: from none to other assert_equals: The value should be rgba(100, 100, 100, 0.5) 5px 5px 5px 0px at 500ms expected "rgba(100, 100, 100, 0.5) 5px 5px 5px 0px" but got "rgba(100, 100, 100, 0.501961) 5px 5px 5px 0px"
-FAIL box-shadow: from other to none assert_equals: The value should be rgba(100, 100, 100, 0.5) 5px 5px 5px 0px at 500ms expected "rgba(100, 100, 100, 0.5) 5px 5px 5px 0px" but got "rgba(100, 100, 100, 0.501961) 5px 5px 5px 0px"
+PASS box-shadow: from none to other
+PASS box-shadow: from other to none
PASS box-shadow: single shadow
PASS box-shadow: shadow list
-FAIL box-shadow: mismatched list length (from shorter to longer) assert_equals: The value should be rgb(150, 150, 150) 15px 15px 15px 10px, rgba(100, 100, 100, 0.5) 5px 5px 5px 0px at 500ms expected "rgb(150, 150, 150) 15px 15px 15px 10px, rgba(100, 100, 100, 0.5) 5px 5px 5px 0px" but got "rgb(150, 150, 150) 15px 15px 15px 10px, rgba(100, 100, 100, 0.501961) 5px 5px 5px 0px"
-FAIL box-shadow: mismatched list length (from longer to shorter) assert_equals: The value should be rgb(150, 150, 150) 15px 15px 15px 10px, rgba(100, 100, 100, 0.5) 5px 5px 5px 0px at 500ms expected "rgb(150, 150, 150) 15px 15px 15px 10px, rgba(100, 100, 100, 0.5) 5px 5px 5px 0px" but got "rgb(150, 150, 150) 15px 15px 15px 10px, rgba(100, 100, 100, 0.501961) 5px 5px 5px 0px"
+PASS box-shadow: mismatched list length (from shorter to longer)
+PASS box-shadow: mismatched list length (from longer to shorter)
PASS box-shadow: with currentcolor
PASS caret-color (type: color) has testInterpolation function
PASS caret-color supports animating as color of rgb()
PASS stroke-opacity (type: opacity) has testInterpolation function
FAIL stroke-opacity supports animating as a [0, 1] number assert_equals: The value should be 0.55 at 500ms expected "0.55" but got "0.550000011920929"
PASS text-shadow (type: textShadowList) has testInterpolation function
-FAIL text-shadow: from none to other assert_equals: The value should be rgba(100, 100, 100, 0.5) 5px 5px 5px at 500ms expected "rgba(100, 100, 100, 0.5) 5px 5px 5px" but got "rgba(100, 100, 100, 0.501961) 5px 5px 5px"
-FAIL text-shadow: from other to none assert_equals: The value should be rgba(100, 100, 100, 0.5) 5px 5px 5px at 500ms expected "rgba(100, 100, 100, 0.5) 5px 5px 5px" but got "rgba(100, 100, 100, 0.501961) 5px 5px 5px"
+PASS text-shadow: from none to other
+PASS text-shadow: from other to none
PASS text-shadow: single shadow
PASS text-shadow: shadow list
-FAIL text-shadow: mismatched list length (from longer to shorter) assert_equals: The value should be rgb(150, 150, 150) 15px 15px 15px, rgba(100, 100, 100, 0.5) 5px 5px 5px at 500ms expected "rgb(150, 150, 150) 15px 15px 15px, rgba(100, 100, 100, 0.5) 5px 5px 5px" but got "rgb(150, 150, 150) 15px 15px 15px, rgba(100, 100, 100, 0.501961) 5px 5px 5px"
-FAIL text-shadow: mismatched list length (from shorter to longer) assert_equals: The value should be rgb(150, 150, 150) 15px 15px 15px, rgba(100, 100, 100, 0.5) 5px 5px 5px at 500ms expected "rgb(150, 150, 150) 15px 15px 15px, rgba(100, 100, 100, 0.5) 5px 5px 5px" but got "rgb(150, 150, 150) 15px 15px 15px, rgba(100, 100, 100, 0.501961) 5px 5px 5px"
+PASS text-shadow: mismatched list length (from longer to shorter)
+PASS text-shadow: mismatched list length (from shorter to longer)
PASS text-shadow: with currentcolor
PASS transform (type: transformList) has testInterpolation function
PASS transform: translate
PASS getComputedStyle(blur).top is "0px"
PASS getComputedStyle(blur).width is "100px"
PASS getComputedStyle(blur).height is "100px"
-PASS getComputedStyle(blur).backgroundColor is "rgba(0, 0, 0, 0.54902)"
+PASS getComputedStyle(blur).backgroundColor is "rgba(0, 0, 0, 0.55)"
PASS getComputedStyle(blur).webkitBackdropFilter is "saturate(1.8) blur(17.5px)"
Tint
PASS getComputedStyle(tint).top is "0px"
PASS getComputedStyle(tint).width is "100px"
PASS getComputedStyle(tint).height is "100px"
-PASS getComputedStyle(tint).backgroundColor is "rgba(255, 255, 255, 0.137255)"
+PASS getComputedStyle(tint).backgroundColor is "rgba(255, 255, 255, 0.14)"
PASS getComputedStyle(tint).mixBlendMode is "lighten"
PASS successfullyParsed is true
shouldBeEqualToString("getComputedStyle(blur).top", "0px");
shouldBeEqualToString("getComputedStyle(blur).width", "100px");
shouldBeEqualToString("getComputedStyle(blur).height", "100px");
-shouldBeEqualToString("getComputedStyle(blur).backgroundColor", "rgba(0, 0, 0, 0.54902)");
+shouldBeEqualToString("getComputedStyle(blur).backgroundColor", "rgba(0, 0, 0, 0.55)");
shouldBeEqualToString("getComputedStyle(blur).webkitBackdropFilter", "saturate(1.8) blur(17.5px)");
debug("");
shouldBeEqualToString("getComputedStyle(tint).top", "0px");
shouldBeEqualToString("getComputedStyle(tint).width", "100px");
shouldBeEqualToString("getComputedStyle(tint).height", "100px");
-shouldBeEqualToString("getComputedStyle(tint).backgroundColor", "rgba(255, 255, 255, 0.137255)");
+shouldBeEqualToString("getComputedStyle(tint).backgroundColor", "rgba(255, 255, 255, 0.14)");
shouldBeEqualToString("getComputedStyle(tint).mixBlendMode", "lighten");
container.remove();
Confirm inital icon button color.
-PASS window.getComputedStyle(button.image.element).backgroundColor is "rgba(255, 255, 255, 0.54902)"
+PASS window.getComputedStyle(button.image.element).backgroundColor is "rgba(255, 255, 255, 0.55)"
Confirm icon button color changed after focus.
-PASS window.getComputedStyle(button.image.element).backgroundColor is not "rgba(255, 255, 255, 0.54902)"
+PASS window.getComputedStyle(button.image.element).backgroundColor is not "rgba(255, 255, 255, 0.55)"
PASS successfullyParsed is true
TEST COMPLETE
{
debug("Confirm inital icon button color.");
-shouldBeEqualToString("window.getComputedStyle(button.image.element).backgroundColor", "rgba(255, 255, 255, 0.54902)");
+shouldBeEqualToString("window.getComputedStyle(button.image.element).backgroundColor", "rgba(255, 255, 255, 0.55)");
button.element.focus();
debug("Confirm icon button color changed after focus.");
-shouldNotBeEqualToString("window.getComputedStyle(button.image.element).backgroundColor", "rgba(255, 255, 255, 0.54902)");
+shouldNotBeEqualToString("window.getComputedStyle(button.image.element).backgroundColor", "rgba(255, 255, 255, 0.55)");
finishJSTest();
RenderSVGEllipse {circle} at (91,33) size 68x67 [fill={[type=SOLID] [color=#DC143C]}] [cx=75.00] [cy=40.00] [r=20.00]
RenderSVGEllipse {circle} at (158,33) size 67x67 [fill={[type=SOLID] [color=#DC143C]}] [cx=115.00] [cy=40.00] [r=20.00]
RenderSVGEllipse {circle} at (91,100) size 68x67 [fill={[type=SOLID] [color=#DC143C]}] [cx=75.00] [cy=80.00] [r=20.00]
- RenderSVGEllipse {circle} at (158,100) size 67x67 [fill={[type=SOLID] [color=#DC143C]}] [cx=115.00] [cy=80.00] [r=20.00]
+ RenderSVGEllipse {circle} at (158,100) size 67x67 [fill={[type=SOLID] [color=#DB133B]}] [cx=115.00] [cy=80.00] [r=20.00]
RenderSVGContainer {g} at (300,33) size 134x134
RenderSVGEllipse {circle} at (300,33) size 67x67 [fill={[type=SOLID] [color=#98FB98]}] [cx=200.00] [cy=40.00] [r=20.00]
RenderSVGEllipse {circle} at (366,33) size 68x67 [fill={[type=SOLID] [color=#98FB98]}] [cx=240.00] [cy=40.00] [r=20.00]
RenderSVGEllipse {circle} at (300,100) size 67x67 [fill={[type=SOLID] [color=#98FB98]}] [cx=200.00] [cy=80.00] [r=20.00]
- RenderSVGEllipse {circle} at (366,100) size 68x67 [fill={[type=SOLID] [color=#98FB98]}] [cx=240.00] [cy=80.00] [r=20.00]
+ RenderSVGEllipse {circle} at (366,100) size 68x67 [fill={[type=SOLID] [color=#97FA97]}] [cx=240.00] [cy=80.00] [r=20.00]
RenderSVGContainer {g} at (508,33) size 134x134
RenderSVGEllipse {circle} at (508,33) size 67x67 [fill={[type=SOLID] [color=#4169E1]}] [cx=325.00] [cy=40.00] [r=20.00]
RenderSVGEllipse {circle} at (575,33) size 67x67 [fill={[type=SOLID] [color=#4169E1]}] [cx=365.00] [cy=40.00] [r=20.00]
RenderSVGEllipse {circle} at (508,100) size 67x67 [fill={[type=SOLID] [color=#4169E1]}] [cx=325.00] [cy=80.00] [r=20.00]
- RenderSVGEllipse {circle} at (575,100) size 67x67 [fill={[type=SOLID] [color=#4169E1]}] [cx=365.00] [cy=80.00] [r=20.00]
+ RenderSVGEllipse {circle} at (575,100) size 67x67 [fill={[type=SOLID] [color=#4068E0]}] [cx=365.00] [cy=80.00] [r=20.00]
RenderSVGContainer {g} at (91,191) size 134x134
RenderSVGEllipse {circle} at (91,191) size 68x68 [fill={[type=SOLID] [color=#B22222]}] [cx=75.00] [cy=135.00] [r=20.00]
RenderSVGEllipse {circle} at (158,191) size 67x68 [fill={[type=SOLID] [color=#B22222]}] [cx=115.00] [cy=135.00] [r=20.00]
RenderSVGEllipse {circle} at (91,258) size 68x67 [fill={[type=SOLID] [color=#B22222]}] [cx=75.00] [cy=175.00] [r=20.00]
- RenderSVGEllipse {circle} at (158,258) size 67x67 [fill={[type=SOLID] [color=#B22222]}] [cx=115.00] [cy=175.00] [r=20.00]
+ RenderSVGEllipse {circle} at (158,258) size 67x67 [fill={[type=SOLID] [color=#B12121]}] [cx=115.00] [cy=175.00] [r=20.00]
RenderSVGContainer {g} at (300,191) size 134x134
RenderSVGEllipse {circle} at (300,191) size 67x68 [fill={[type=SOLID] [color=#2E8B57]}] [cx=200.00] [cy=135.00] [r=20.00]
RenderSVGEllipse {circle} at (366,191) size 68x68 [fill={[type=SOLID] [color=#2E8B57]}] [cx=240.00] [cy=135.00] [r=20.00]
RenderSVGEllipse {circle} at (300,258) size 67x67 [fill={[type=SOLID] [color=#2E8B57]}] [cx=200.00] [cy=175.00] [r=20.00]
- RenderSVGEllipse {circle} at (366,258) size 68x67 [fill={[type=SOLID] [color=#2E8B57]}] [cx=240.00] [cy=175.00] [r=20.00]
+ RenderSVGEllipse {circle} at (366,258) size 68x67 [fill={[type=SOLID] [color=#2D8A56]}] [cx=240.00] [cy=175.00] [r=20.00]
RenderSVGContainer {g} at (508,191) size 134x134
RenderSVGEllipse {circle} at (508,191) size 67x68 [fill={[type=SOLID] [color=#0000CD]}] [cx=325.00] [cy=135.00] [r=20.00]
RenderSVGEllipse {circle} at (575,191) size 67x68 [fill={[type=SOLID] [color=#0000CD]}] [cx=365.00] [cy=135.00] [r=20.00]
RenderSVGEllipse {circle} at (508,258) size 67x67 [fill={[type=SOLID] [color=#0000CD]}] [cx=325.00] [cy=175.00] [r=20.00]
- RenderSVGEllipse {circle} at (575,258) size 67x67 [fill={[type=SOLID] [color=#0000CD]}] [cx=365.00] [cy=175.00] [r=20.00]
+ RenderSVGEllipse {circle} at (575,258) size 67x67 [fill={[type=SOLID] [color=#0000CC]}] [cx=365.00] [cy=175.00] [r=20.00]
RenderSVGContainer {g} at (91,350) size 134x134
RenderSVGEllipse {circle} at (91,350) size 68x67 [fill={[type=SOLID] [color=#CD5C5C]}] [cx=75.00] [cy=230.00] [r=20.00]
RenderSVGEllipse {circle} at (158,350) size 67x67 [fill={[type=SOLID] [color=#CD5C5C]}] [cx=115.00] [cy=230.00] [r=20.00]
RenderSVGEllipse {circle} at (91,416) size 68x68 [fill={[type=SOLID] [color=#CD5C5C]}] [cx=75.00] [cy=270.00] [r=20.00]
- RenderSVGEllipse {circle} at (158,416) size 67x68 [fill={[type=SOLID] [color=#CD5C5C]}] [cx=115.00] [cy=270.00] [r=20.00]
+ RenderSVGEllipse {circle} at (158,416) size 67x68 [fill={[type=SOLID] [color=#CC5B5B]}] [cx=115.00] [cy=270.00] [r=20.00]
RenderSVGContainer {g} at (300,350) size 134x134
RenderSVGEllipse {circle} at (300,350) size 67x67 [fill={[type=SOLID] [color=#7CFC00]}] [cx=200.00] [cy=230.00] [r=20.00]
RenderSVGEllipse {circle} at (366,350) size 68x67 [fill={[type=SOLID] [color=#7CFC00]}] [cx=240.00] [cy=230.00] [r=20.00]
RenderSVGEllipse {circle} at (300,416) size 67x68 [fill={[type=SOLID] [color=#7CFC00]}] [cx=200.00] [cy=270.00] [r=20.00]
- RenderSVGEllipse {circle} at (366,416) size 68x68 [fill={[type=SOLID] [color=#7CFC00]}] [cx=240.00] [cy=270.00] [r=20.00]
+ RenderSVGEllipse {circle} at (366,416) size 68x68 [fill={[type=SOLID] [color=#7BFB00]}] [cx=240.00] [cy=270.00] [r=20.00]
RenderSVGContainer {g} at (508,350) size 134x134
RenderSVGEllipse {circle} at (508,350) size 67x67 [fill={[type=SOLID] [color=#48D1CC]}] [cx=325.00] [cy=230.00] [r=20.00]
RenderSVGEllipse {circle} at (575,350) size 67x67 [fill={[type=SOLID] [color=#48D1CC]}] [cx=365.00] [cy=230.00] [r=20.00]
RenderSVGEllipse {circle} at (508,416) size 67x68 [fill={[type=SOLID] [color=#48D1CC]}] [cx=325.00] [cy=270.00] [r=20.00]
- RenderSVGEllipse {circle} at (575,416) size 67x68 [fill={[type=SOLID] [color=#48D1CC]}] [cx=365.00] [cy=270.00] [r=20.00]
+ RenderSVGEllipse {circle} at (575,416) size 67x68 [fill={[type=SOLID] [color=#47D0CC]}] [cx=365.00] [cy=270.00] [r=20.00]
RenderSVGContainer {g} at (16,516) size 385x64
RenderSVGText {text} at (10,310) size 231x38 contains 1 chunk(s)
RenderSVGInlineText {#text} at (0,0) size 231x38
RenderSVGEllipse {circle} at (300,191) size 67x68 [fill={[type=SOLID] [color=#33BB33]}] [cx=200.00] [cy=135.00] [r=20.00]
RenderSVGEllipse {circle} at (366,191) size 68x68 [fill={[type=SOLID] [color=#33BB33]}] [cx=240.00] [cy=135.00] [r=20.00]
RenderSVGEllipse {circle} at (300,258) size 67x67 [fill={[type=SOLID] [color=#33BB33]}] [cx=200.00] [cy=175.00] [r=20.00]
- RenderSVGEllipse {circle} at (366,258) size 68x67 [fill={[type=SOLID] [color=#33BB33]}] [cx=240.00] [cy=175.00] [r=20.00]
+ RenderSVGEllipse {circle} at (366,258) size 68x67 [fill={[type=SOLID] [color=#33BA33]}] [cx=240.00] [cy=175.00] [r=20.00]
RenderSVGContainer {g} at (508,191) size 134x134
RenderSVGEllipse {circle} at (508,191) size 67x68 [fill={[type=SOLID] [color=#5577EE]}] [cx=325.00] [cy=135.00] [r=20.00]
RenderSVGEllipse {circle} at (575,191) size 67x68 [fill={[type=SOLID] [color=#5577EE]}] [cx=365.00] [cy=135.00] [r=20.00]
RenderSVGEllipse {circle} at (508,258) size 67x67 [fill={[type=SOLID] [color=#5577EE]}] [cx=325.00] [cy=175.00] [r=20.00]
- RenderSVGEllipse {circle} at (575,258) size 67x67 [fill={[type=SOLID] [color=#5577EE]}] [cx=365.00] [cy=175.00] [r=20.00]
+ RenderSVGEllipse {circle} at (575,258) size 67x67 [fill={[type=SOLID] [color=#5476ED]}] [cx=365.00] [cy=175.00] [r=20.00]
RenderSVGContainer {g} at (16,516) size 385x64
RenderSVGText {text} at (10,310) size 231x38 contains 1 chunk(s)
RenderSVGInlineText {#text} at (0,0) size 231x38
RenderInline {SPAN} at (0,0) size 4x19
RenderText {#text} at (76,88) size 4x19
text run at (76,88) width 4: " "
- RenderMenuList {SELECT} at (82,89) size 51x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (82,89) size 51x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 39x14
RenderText at (0,0) size 7x14
text run at (0,0) width 7: "1"
RenderImage {IMG} at (0,0) size 76x103
RenderText {#text} at (76,88) size 4x19
text run at (76,88) width 4: " "
- RenderMenuList {SELECT} at (82,89) size 51x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (82,89) size 51x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 39x14
RenderText at (0,0) size 7x14
text run at (0,0) width 7: "1"
RenderBlock {DIV} at (0,56) size 784x24
RenderText {#text} at (0,1) size 22x19
text run at (0,1) width 22: "foo"
- RenderMenuList {SELECT} at (23,2) size 40x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (23,2) size 40x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 27x14
RenderText at (0,0) size 7x14
text run at (0,0) width 7: "1"
RenderBlock {DIV} at (0,80) size 784x24
RenderText {#text} at (0,1) size 22x19
text run at (0,1) width 22: "foo"
- RenderMenuList {SELECT} at (23,2) size 40x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (23,2) size 40x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 27x14
RenderText at (0,0) size 7x14
text run at (0,0) width 7: "1"
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,8) size 784x584
RenderBlock {DIV} at (0,0) size 784x98 [border: (5px solid #FF0000)]
- RenderMenuList {SELECT} at (39,39) size 53x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (39,39) size 53x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 41x14
RenderText at (0,0) size 21x14
text run at (0,0) width 21: "One"
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)]
+ RenderBlock {INPUT} at (30,3) size 17x16 [color=#000000] [bgcolor=#FFFFFF03] [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)]
+ RenderBlock {INPUT} at (48,3) size 17x16 [color=#000000] [bgcolor=#FFFFFF03] [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
RenderBlock (floating) {SPAN} at (0,73) size 325x21 [color=#333333]
RenderText {#text} at (0,2) size 127x16
text run at (0,2) width 127: "Your degree program*"
- RenderMenuList {SELECT} at (325,73) size 180x21 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (325,73) size 180x21 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 168x14
RenderText at (0,0) size 81x14
text run at (0,0) width 81: "Program options"
RenderBlock (floating) {SPAN} at (0,95) size 325x21 [color=#333333]
RenderText {#text} at (0,2) size 110x16
text run at (0,2) width 110: "Your year of study*"
- RenderMenuList {SELECT} at (325,95) size 180x21 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (325,95) size 180x21 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 168x14
RenderText at (0,0) size 115x14
text run at (0,0) width 115: "Years you've been here"
RenderBlock (floating) {SPAN} at (0,117) size 325x21 [color=#333333]
RenderText {#text} at (0,2) size 153x16
text run at (0,2) width 153: "Shakespeare classes taken"
- RenderMenuList {SELECT} at (325,117) size 180x21 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (325,117) size 180x21 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 168x14
RenderText at (0,0) size 70x14
text run at (0,0) width 70: "Number taken"
RenderBlock (floating) {SPAN} at (0,223) size 325x21 [color=#333333]
RenderText {#text} at (0,2) size 323x16
text run at (0,2) width 323: "What percentage of your research time is spent online?"
- RenderMenuList {SELECT} at (325,223) size 180x21 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (325,223) size 180x21 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 168x14
RenderText at (0,0) size 98x14
text run at (0,0) width 98: "Percentages of time"
RenderText {#text} at (0,2) size 300x36
text run at (0,2) width 300: "What is holding you back from doing more research"
text run at (0,22) width 41: "online?"
- RenderMenuList {SELECT} at (325,245) size 180x21 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (325,245) size 180x21 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 168x14
RenderText at (0,0) size 44x14
text run at (0,0) width 44: "Reasons"
RenderText {#text} at (0,2) size 220x16
text run at (0,2) width 220: "Your research is primarily focused on:"
RenderBlock {SPAN} at (325,267) size 180x23 [color=#333333]
- RenderBlock {INPUT} at (2,3) size 16x16 [color=#000000] [bgcolor=#FFFFFF02] [border: (1px solid #FFFFFF00)]
+ RenderBlock {INPUT} at (2,3) size 16x16 [color=#000000] [bgcolor=#FFFFFF03] [border: (1px solid #FFFFFF00)]
RenderText {#text} at (20,4) size 30x16
text run at (20,4) width 30: "Texts"
RenderBlock {SPAN} at (325,289) size 180x23 [color=#333333]
- RenderBlock {INPUT} at (2,3) size 16x16 [color=#000000] [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderBlock {INPUT} at (2,3) size 16x16 [color=#000000] [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderText {#text} at (20,4) size 133x16
text run at (20,4) width 133: "Performance materials"
RenderBlock {SPAN} at (325,311) size 180x23 [color=#333333]
- RenderBlock {INPUT} at (2,3) size 16x16 [color=#000000] [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderBlock {INPUT} at (2,3) size 16x16 [color=#000000] [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderText {#text} at (20,4) size 21x16
text run at (20,4) width 21: "n/a"
RenderBlock {H2} at (0,358) size 560x18 [color=#333333]
RenderBlock {SPAN} at (325,385) size 180x23 [color=#333333]
RenderText {#text} at (0,4) size 19x16
text run at (0,4) width 19: "Yes"
- RenderBlock {INPUT} at (20,3) size 17x16 [color=#000000] [bgcolor=#FFFFFF02] [border: (1px solid #FFFFFF00)]
+ RenderBlock {INPUT} at (20,3) size 17x16 [color=#000000] [bgcolor=#FFFFFF03] [border: (1px solid #FFFFFF00)]
RenderText {#text} at (38,4) size 20x16
text run at (38,4) width 5: " "
text run at (42,4) width 16: "No"
- RenderBlock {INPUT} at (59,3) size 17x16 [color=#000000] [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderBlock {INPUT} at (59,3) size 17x16 [color=#000000] [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderText {#text} at (0,0) size 0x0
RenderBlock {P} at (0,420) size 560x21 [color=#333333]
RenderText {#text} at (0,2) size 378x16
RenderBlock (floating) {SPAN} at (0,453) size 325x21 [color=#333333]
RenderText {#text} at (0,2) size 275x16
text run at (0,2) width 275: "Which area of the ISE did you find most useful?"
- RenderMenuList {SELECT} at (325,453) size 180x21 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (325,453) size 180x21 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 168x14
RenderText at (0,0) size 94x14
text run at (0,0) width 94: "Sections of the ISE"
RenderBlock (floating) {SPAN} at (0,475) size 325x21 [color=#333333]
RenderText {#text} at (0,2) size 251x16
text run at (0,2) width 251: "How did you find the navigation of the ISE?"
- RenderMenuList {SELECT} at (325,475) size 180x21 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (325,475) size 180x21 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 168x14
RenderText at (0,0) size 82x14
text run at (0,0) width 82: "Level of difficulty"
text run at (155,23) width 4: " "
RenderText {#text} at (314,23) size 4x19
text run at (314,23) width 4: " "
- RenderButton {INPUT} at (320,24) size 53x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {INPUT} at (320,24) size 53x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (12,3) size 29x14
RenderText at (0,0) size 29x14
text run at (0,0) width 29: "Reset"
RenderBlock {DIV} at (10,408) size 102x102 [border: (1px solid #000000)]
layer at (69,81) size 25x25
RenderBlock (relative positioned) {DIV} at (1,1) size 25x25 [bgcolor=#000000]
- RenderBlock (floating) {DIV} at (0,0) size 75x75 [bgcolor=#0000FF7F]
+ RenderBlock (floating) {DIV} at (0,0) size 75x75 [bgcolor=#0000FF80]
layer at (19,243) size 25x25
RenderBlock (relative positioned) {DIV} at (1,1) size 25x25 [bgcolor=#000000]
- RenderBlock (floating) {DIV} at (0,0) size 75x75 [bgcolor=#0000FF7F]
+ RenderBlock (floating) {DIV} at (0,0) size 75x75 [bgcolor=#0000FF80]
layer at (69,305) size 25x25
RenderBlock (relative positioned) {DIV} at (1,1) size 25x25 [bgcolor=#000000]
layer at (69,305) size 75x75 backgroundClip at (19,305) size 100x85 clip at (19,305) size 100x85
- RenderBlock (positioned) {DIV} at (0,0) size 75x75 [bgcolor=#0000FF7F]
+ RenderBlock (positioned) {DIV} at (0,0) size 75x75 [bgcolor=#0000FF80]
layer at (19,467) size 25x25
RenderBlock (relative positioned) {DIV} at (1,1) size 25x25 [bgcolor=#000000]
layer at (19,467) size 75x75 backgroundClip at (19,417) size 85x100 clip at (19,417) size 85x100
- RenderBlock (positioned) {DIV} at (0,0) size 75x75 [bgcolor=#0000FF7F]
+ RenderBlock (positioned) {DIV} at (0,0) size 75x75 [bgcolor=#0000FF80]
text run at (0,0) width 572: "This tests that we can scroll to reveal something in a nested positioned block in overflow."
RenderBlock {DIV} at (0,20) size 572x800
RenderBlock (anonymous) at (0,820) size 572x24
- RenderButton {INPUT} at (2,2) size 196x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {INPUT} at (2,2) size 196x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (12,3) size 172x14
RenderText at (0,0) size 172x14
text run at (0,0) width 172: "If you can see this, test has passed"
RenderBlock {DIV} at (0,20) size 135x500
RenderBlock (anonymous) at (0,520) size 135x44
RenderBR {BR} at (0,0) size 0x19
- RenderButton {INPUT} at (2,22) size 56x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {INPUT} at (2,22) size 56x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (12,3) size 32x14
RenderText at (0,0) size 32x14
text run at (0,0) width 32: "Button"
layer at (0,0) size 800x40
RenderBlock {HTML} at (0,0) size 800x40
RenderBody {BODY} at (8,8) size 784x24
- RenderMenuList {SELECT} at (2,2) size 331x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (2,2) size 331x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (5,3) size 321x14
RenderText at (0,0) size 37x14
text run at (0,0) width 37: "0 Items"
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,8) size 784x584
- RenderBlock {DIV} at (0,0) size 784x300 [color=#0000007F]
+ RenderBlock {DIV} at (0,0) size 784x300 [color=#00000080]
RenderBlock {DIV} at (0,0) size 784x60
RenderText {#text} at (0,0) size 300x60
text run at (0,0) width 300: "Text shadow"
text run at (0,0) width 478: "Test that the intensity of text-shadow does not depend on the transparency "
text run at (477,0) width 129: "of the text fill color."
RenderBlock {DIV} at (0,36) size 784x72
- RenderText {#text} at (0,1) size 23x28
- text run at (0,1) width 23: "A "
- RenderInline {SPAN} at (0,0) size 18x28 [color=#00000000]
- RenderText {#text} at (22,1) size 18x28
- text run at (22,1) width 18: "A"
- RenderText {#text} at (39,1) size 7x28
- text run at (39,1) width 7: " "
- RenderInline {SPAN} at (0,0) size 18x28 [color=#00000019]
- RenderText {#text} at (45,1) size 18x28
- text run at (45,1) width 18: "A"
+ RenderText {#text} at (0,0) size 48x25
+ text run at (0,0) width 48: "A "
+ RenderInline {SPAN} at (0,0) size 24x25 [color=#00000000]
+ RenderText {#text} at (48,0) size 24x25
+ text run at (48,0) width 24: "A"
+ RenderText {#text} at (72,0) size 24x25
+ text run at (72,0) width 24: " "
+ RenderInline {SPAN} at (0,0) size 24x25 [color=#0000001A]
+ RenderText {#text} at (96,0) size 24x25
+ text run at (96,0) width 24: "A"
RenderText {#text} at (0,0) size 0x0
RenderBlock {P} at (0,124) size 784x20
RenderText {#text} at (0,0) size 408x19
text run at (0,0) width 408: "There should be three identical green squares on the line above."
RenderBlock {DIV} at (0,160) size 784x72
- RenderText {#text} at (0,1) size 23x28
- text run at (0,1) width 23: "A "
- RenderInline {SPAN} at (0,0) size 18x28 [color=#00000000]
- RenderText {#text} at (22,1) size 18x28
- text run at (22,1) width 18: "A"
- RenderText {#text} at (39,1) size 7x28
- text run at (39,1) width 7: " "
- RenderInline {SPAN} at (0,0) size 18x28 [color=#00000019]
- RenderText {#text} at (45,1) size 18x28
- text run at (45,1) width 18: "A"
+ RenderText {#text} at (0,0) size 48x25
+ text run at (0,0) width 48: "A "
+ RenderInline {SPAN} at (0,0) size 24x25 [color=#00000000]
+ RenderText {#text} at (48,0) size 24x25
+ text run at (48,0) width 24: "A"
+ RenderText {#text} at (72,0) size 24x25
+ text run at (72,0) width 24: " "
+ RenderInline {SPAN} at (0,0) size 24x25 [color=#0000001A]
+ RenderText {#text} at (96,0) size 24x25
+ text run at (96,0) width 24: "A"
RenderText {#text} at (0,0) size 0x0
RenderBlock {P} at (0,248) size 784x20
RenderText {#text} at (0,0) size 479x19
text run at (0,0) width 479: "There should be three identical soft-edged green squares on the line above."
RenderBlock {DIV} at (0,284) size 784x72 [textStrokeColor=#0000FF] [textStrokeWidth=5.00]
- RenderText {#text} at (0,1) size 23x28
- text run at (0,1) width 23: "A "
- RenderInline {SPAN} at (0,0) size 18x28 [color=#00000000]
- RenderText {#text} at (22,1) size 18x28
- text run at (22,1) width 18: "A"
- RenderText {#text} at (39,1) size 7x28
- text run at (39,1) width 7: " "
- RenderInline {SPAN} at (0,0) size 18x28 [color=#00000019]
- RenderText {#text} at (45,1) size 18x28
- text run at (45,1) width 18: "A"
+ RenderText {#text} at (0,0) size 48x25
+ text run at (0,0) width 48: "A "
+ RenderInline {SPAN} at (0,0) size 24x25 [color=#00000000]
+ RenderText {#text} at (48,0) size 24x25
+ text run at (48,0) width 24: "A"
+ RenderText {#text} at (72,0) size 24x25
+ text run at (72,0) width 24: " "
+ RenderInline {SPAN} at (0,0) size 24x25 [color=#0000001A]
+ RenderText {#text} at (96,0) size 24x25
+ text run at (96,0) width 24: "A"
RenderText {#text} at (0,0) size 0x0
RenderBlock {P} at (0,372) size 784x20
RenderText {#text} at (0,0) size 408x19
svg/custom/getscreenctm-in-mixed-content2.xhtml [ Failure ]
svg/custom/svg-fonts-in-text-controls.html [ Failure ]
svg/custom/zero-path-square-cap-rendering.svg [ Failure ]
-svg/filters/feDisplacementMap-filterUnits.svg [ ImageOnlyFailure ]
svg/hixie/perf/007.xml [ Failure ]
svg/repaint/text-mask-update.svg [ Failure ]
svg/stroke/zero-length-path-linecap-rendering.svg [ Failure ]
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,20) size 784x564
- RenderImage {IMG} at (20,0) size 280x200 [bgcolor=#0000807F]
+ RenderImage {IMG} at (20,0) size 280x200 [bgcolor=#00008080]
RenderBlock {P} at (0,440) size 784x20
RenderText {#text} at (0,0) size 245x19
text run at (0,0) width 245: "Top and bottom should look the same."
layer at (28,240) size 280x200
- RenderImage {IMG} at (20,220) size 280x200 [bgcolor=#0000807F]
+ RenderImage {IMG} at (20,220) size 280x200 [bgcolor=#00008080]
text run at (43,1) width 4: " "
RenderText {#text} at (0,0) size 0x0
layer at (10,11) size 15x15
- RenderBlock (relative positioned) {INPUT} at (2,3) size 15x15 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderBlock (relative positioned) {INPUT} at (2,3) size 15x15 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
layer at (57,11) size 15x15
- RenderBlock (relative positioned) {INPUT} at (49,3) size 15x15 [bgcolor=#FFFFFF02] [border: (1px solid #FFFFFF00)]
+ RenderBlock (relative positioned) {INPUT} at (49,3) size 15x15 [bgcolor=#FFFFFF03] [border: (1px solid #FFFFFF00)]
layer at (0,0) size 800x537
RenderBlock {HTML} at (0,0) size 800x537
RenderBody {BODY} at (8,20) size 784x501
- RenderBlock {DIV} at (20,0) size 240x200 [bgcolor=#0000807F]
+ RenderBlock {DIV} at (20,0) size 240x200 [bgcolor=#00008080]
RenderBlock (anonymous) at (0,220) size 784x245
RenderText {#text} at (0,0) size 0x0
RenderBlock {P} at (0,481) size 784x20
RenderText {#text} at (0,0) size 245x19
text run at (0,0) width 245: "Top and bottom should look the same."
layer at (28,260) size 240x200
- RenderHTMLCanvas {CANVAS} at (20,20) size 240x200 [bgcolor=#0000807F]
+ RenderHTMLCanvas {CANVAS} at (20,20) size 240x200 [bgcolor=#00008080]
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)]
+ RenderBlock {INPUT} at (30,3) size 17x16 [color=#000000] [bgcolor=#FFFFFF03] [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)]
+ RenderBlock {INPUT} at (48,3) size 17x16 [color=#000000] [bgcolor=#FFFFFF03] [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
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)]
+ RenderBlock {INPUT} at (30,3) size 17x16 [color=#000000] [bgcolor=#FFFFFF03] [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)]
+ RenderBlock {INPUT} at (48,3) size 17x16 [color=#000000] [bgcolor=#FFFFFF03] [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 81x19
text run at (0,0) width 81: "Simple case."
RenderBR {BR} at (80,0) size 1x19
- RenderButton {BUTTON} at (2,22) size 24x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {BUTTON} at (2,22) size 24x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBR {BR} at (28,26) size 0x19
- RenderButton {INPUT} at (2,48) size 24x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {INPUT} at (2,48) size 24x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBR {BR} at (28,52) size 0x19
RenderBlock {HR} at (0,138) size 784x2 [border: (1px inset #000000)]
RenderBlock (anonymous) at (0,148) size 784x106
RenderBR {BR} at (43,40) size 0x19
RenderBR {BR} at (43,73) size 0x19
layer at (10,207) size 39x20 clip at (11,208) size 22x3
- RenderButton {BUTTON} at (2,51) size 39x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {BUTTON} at (2,51) size 39x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
layer at (10,240) size 39x20 clip at (11,241) size 22x3
- RenderButton {INPUT} at (2,84) size 39x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {INPUT} at (2,84) size 39x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock {HTML} at (0,0) size 800x56
RenderBody {BODY} at (8,16) size 784x24
RenderBlock {P} at (0,0) size 784x24
- RenderButton {BUTTON} at (2,2) size 449x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {BUTTON} at (2,2) size 449x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (12,3) size 425x14
RenderText {#text} at (0,0) size 425x14
text run at (0,0) width 425: "Activating (e.g. holding the mouse button down on) this button should make it go green."
text run at (0,0) width 286: "This text should turn green while it is active."
RenderText {#text} at (0,0) size 0x0
RenderBlock {P} at (0,36) size 784x24 [color=#00FF00]
- RenderButton {BUTTON} at (2,2) size 237x20 [color=#000000] [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {BUTTON} at (2,2) size 237x20 [color=#000000] [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (12,3) size 213x14
RenderText {#text} at (0,0) size 213x14
text run at (0,0) width 213: "This text should turn green while it is active."
RenderBlock {html} at (0,0) size 800x56
RenderBody {body} at (8,16) size 784x24
RenderBlock {p} at (0,0) size 784x24
- RenderButton {button} at (2,2) size 449x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {button} at (2,2) size 449x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (12,3) size 425x14
RenderText {#text} at (0,0) size 425x14
text run at (0,0) width 425: "Activating (e.g. holding the mouse button down on) this button should make it go green."
text run at (0,0) width 286: "This text should turn green while it is active."
RenderText {#text} at (0,0) size 0x0
RenderBlock {p} at (0,36) size 784x24 [color=#00FF00]
- RenderButton {button} at (2,2) size 237x20 [color=#000000] [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {button} at (2,2) size 237x20 [color=#000000] [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (12,3) size 213x14
RenderText {#text} at (0,0) size 213x14
text run at (0,0) width 213: "This text should turn green while it is active."
layer at (0,0) size 800x56
RenderBlock {test} at (0,0) size 800x56
RenderBlock {p} at (0,16) size 800x24
- RenderButton {button} at (2,2) size 449x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {button} at (2,2) size 449x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (12,3) size 425x14
RenderText {#text} at (0,0) size 425x14
text run at (0,0) width 425: "Activating (e.g. holding the mouse button down on) this button should make it go green."
text run at (0,0) width 286: "This text should turn green while it is active."
RenderText {#text} at (0,0) size 0x0
RenderBlock {p} at (0,36) size 800x24 [color=#00FF00]
- RenderButton {button} at (2,2) size 237x20 [color=#000000] [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {button} at (2,2) size 237x20 [color=#000000] [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (12,3) size 213x14
RenderText {#text} at (0,0) size 213x14
text run at (0,0) width 213: "This text should turn green while it is active."
RenderTableCell {TD} at (176,0) size 355x49 [r=0 c=1 rs=1 cs=1]
RenderTextControl {INPUT} at (2,2) size 350x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
RenderBR {BR} at (353,16) size 1x0
- RenderButton {INPUT} at (71,27) size 98x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {INPUT} at (71,27) size 98x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (12,3) size 74x14
RenderText at (0,0) size 74x14
text run at (0,0) width 74: "Google Search"
- RenderButton {INPUT} at (172,27) size 111x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {INPUT} at (172,27) size 111x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (12,3) size 86x14
RenderText at (0,0) size 86x14
text run at (0,0) width 86: "I'm Feeling Lucky"
RenderTableCell {TD} at (176,0) size 355x49 [r=0 c=1 rs=1 cs=1]
RenderTextControl {INPUT} at (2,2) size 350x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
RenderBR {BR} at (353,16) size 1x0
- RenderButton {INPUT} at (71,27) size 98x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {INPUT} at (71,27) size 98x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (12,3) size 74x14
RenderText at (0,0) size 74x14
text run at (0,0) width 74: "Google Search"
- RenderButton {INPUT} at (172,27) size 111x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {INPUT} at (172,27) size 111x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (12,3) size 86x14
RenderText at (0,0) size 86x14
text run at (0,0) width 86: "I'm Feeling Lucky"
RenderTableCell {TD} at (176,0) size 355x49 [r=0 c=1 rs=1 cs=1]
RenderTextControl {INPUT} at (2,2) size 350x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
RenderBR {BR} at (353,16) size 1x0
- RenderButton {INPUT} at (71,27) size 98x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {INPUT} at (71,27) size 98x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (12,3) size 74x14
RenderText at (0,0) size 74x14
text run at (0,0) width 74: "Google Search"
- RenderButton {INPUT} at (172,27) size 111x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {INPUT} at (172,27) size 111x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (12,3) size 86x14
RenderText at (0,0) size 86x14
text run at (0,0) width 86: "I'm Feeling Lucky"
text run at (0,0) width 271: "This tests caret movement across buttons. "
text run at (270,0) width 308: "The caret should be just after the second button."
RenderBlock {DIV} at (0,36) size 784x24
- RenderButton {INPUT} at (2,2) size 43x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {INPUT} at (2,2) size 43x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (12,3) size 19x14
RenderText at (0,0) size 19x14
text run at (0,0) width 19: "Foo"
- RenderButton {INPUT} at (48,2) size 43x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {INPUT} at (48,2) size 43x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (12,3) size 18x14
RenderText at (0,0) size 18x14
text run at (0,0) width 18: "Bar"
text run at (475,20) width 298: "The editable region should not be focused, but"
text run at (0,40) width 246: "the text inside of it should be selected."
RenderBlock (anonymous) at (0,76) size 784x24
- RenderButton {INPUT} at (2,2) size 82x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {INPUT} at (2,2) size 82x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (12,3) size 58x14
RenderText at (0,0) size 58x14
text run at (0,0) width 58: "Click on me"
RenderText {#text} at (0,0) size 23x19
text run at (0,0) width 23: "abc"
RenderBR {BR} at (22,15) size 1x0
- RenderMenuList {SELECT} at (2,22) size 208x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (2,22) size 208x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 196x14
RenderText at (0,0) size 176x14
text run at (0,0) width 176: "this select box shouldn't be selected"
RenderBlock {DIV} at (0,0) size 784x24
RenderText {#text} at (0,1) size 73x19
text run at (0,1) width 73: "select box: "
- RenderMenuList {SELECT} at (74,2) size 40x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (74,2) size 40x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 27x14
RenderText at (0,0) size 7x14
text run at (0,0) width 7: "1"
text run at (332,0) width 432: "The caret should be at the end of the paragraph below, just after the"
text run at (0,20) width 69: "select box."
RenderBlock {DIV} at (0,56) size 784x24
- RenderMenuList {SELECT} at (2,2) size 39x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (2,2) size 39x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 27x14
RenderText at (0,0) size 7x14
text run at (0,0) width 7: "1"
RenderBR {BR} at (49,0) size 1x19
RenderText {#text} at (0,21) size 61x19
text run at (0,21) width 61: "with text "
- RenderButton {INPUT} at (62,22) size 63x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {INPUT} at (62,22) size 63x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (12,3) size 38x14
RenderText at (0,0) size 38x14
text run at (0,0) width 38: "too little"
RenderBlock {DIV} at (0,44) size 784x24
RenderText {#text} at (0,1) size 56x19
text run at (0,1) width 56: "and text "
- RenderButton {INPUT} at (57,2) size 70x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {INPUT} at (57,2) size 70x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (12,3) size 46x14
RenderText at (0,0) size 46x14
text run at (0,0) width 46: "too much"
RenderBlock {DIV} at (414,12) size 110x100 [bgcolor=#000000] [border: (20px solid #FFFFFF) (20px double #FFFFFF) (20px solid #FFFFFF)]
RenderText {#text} at (0,0) size 0x0
RenderBlock {DIV} at (0,129) size 784x129 [bgcolor=#808080]
- RenderBlock {DIV} at (12,12) size 110x100 [bgcolor=#FFFFFF] [border: (20px solid #0000FF7F)]
+ RenderBlock {DIV} at (12,12) size 110x100 [bgcolor=#FFFFFF] [border: (20px solid #0000FF80)]
RenderText {#text} at (132,107) size 4x19
text run at (132,107) width 4: " "
- RenderBlock {DIV} at (146,12) size 110x100 [bgcolor=#FFFFFF] [border: (20px double #0000FF7F)]
+ RenderBlock {DIV} at (146,12) size 110x100 [bgcolor=#FFFFFF] [border: (20px double #0000FF80)]
RenderText {#text} at (266,107) size 4x19
text run at (266,107) width 4: " "
RenderBlock {DIV} at (280,12) size 110x100 [bgcolor=#FFFFFF] [border: (20px groove #808080)]
RenderText {#text} at (400,107) size 4x19
text run at (400,107) width 4: " "
- RenderBlock {DIV} at (414,12) size 110x100 [bgcolor=#FFFFFF] [border: (20px solid #0000FF7F) (20px double #0000FF7F) (20px solid #0000FF7F)]
+ RenderBlock {DIV} at (414,12) size 110x100 [bgcolor=#FFFFFF] [border: (20px solid #0000FF80) (20px double #0000FF80) (20px solid #0000FF80)]
RenderText {#text} at (0,0) size 0x0
RenderBlock {DIV} at (0,258) size 784x129
RenderBlock {DIV} at (12,12) size 110x100 [bgcolor=#000000] [border: (20px solid #FFFFFF)]
RenderText {#text} at (288,117) size 4x19
text run at (288,117) width 4: " "
RenderBlock {DIV} at (302,10) size 268x129 [bgcolor=#808080]
- RenderBlock {DIV} at (12,12) size 110x100 [bgcolor=#FFFFFF] [border: (20px solid #0000FF7F)]
+ RenderBlock {DIV} at (12,12) size 110x100 [bgcolor=#FFFFFF] [border: (20px solid #0000FF80)]
RenderText {#text} at (132,107) size 4x19
text run at (132,107) width 4: " "
- RenderBlock {DIV} at (146,12) size 110x100 [bgcolor=#FFFFFF] [border: (20px double #0000FF7F)]
+ RenderBlock {DIV} at (146,12) size 110x100 [bgcolor=#FFFFFF] [border: (20px double #0000FF80)]
RenderText {#text} at (0,0) size 0x0
RenderText {#text} at (0,0) size 0x0
layer at (8,157) size 784x149
RenderText {#text} at (288,117) size 4x19
text run at (288,117) width 4: " "
RenderBlock {DIV} at (302,10) size 268x129 [bgcolor=#808080]
- RenderBlock {DIV} at (12,12) size 110x100 [bgcolor=#FFFFFF] [border: (20px solid #0000FF7F)]
+ RenderBlock {DIV} at (12,12) size 110x100 [bgcolor=#FFFFFF] [border: (20px solid #0000FF80)]
RenderText {#text} at (132,107) size 4x19
text run at (132,107) width 4: " "
- RenderBlock {DIV} at (146,12) size 110x100 [bgcolor=#FFFFFF] [border: (20px double #0000FF7F)]
+ RenderBlock {DIV} at (146,12) size 110x100 [bgcolor=#FFFFFF] [border: (20px double #0000FF80)]
RenderText {#text} at (0,0) size 0x0
RenderText {#text} at (0,0) size 0x0
layer at (8,306) size 159x540
RenderText {#text} at (12,268) size 19x4
text run at (12,268) width 4: " "
RenderBlock {DIV} at (10,282) size 139x248 [bgcolor=#808080]
- RenderBlock {DIV} at (16,12) size 110x100 [bgcolor=#FFFFFF] [border: (20px solid #0000FF7F)]
+ RenderBlock {DIV} at (16,12) size 110x100 [bgcolor=#FFFFFF] [border: (20px solid #0000FF80)]
RenderText {#text} at (2,122) size 19x4
text run at (2,122) width 4: " "
- RenderBlock {DIV} at (16,136) size 110x100 [bgcolor=#FFFFFF] [border: (20px double #0000FF7F)]
+ RenderBlock {DIV} at (16,136) size 110x100 [bgcolor=#FFFFFF] [border: (20px double #0000FF80)]
RenderText {#text} at (0,0) size 0x0
RenderText {#text} at (0,0) size 0x0
RenderText {#text} at (10,10) size 60x19
text run at (10,10) width 60: "Line One"
RenderBR {BR} at (69,25) size 1x0
- RenderMenuList {SELECT} at (10,32) size 100x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (10,32) size 100x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 88x14
RenderText at (0,0) size 21x14
text run at (0,0) width 21: "One"
RenderText {#text} at (0,0) size 0x0
- RenderButton {INPUT} at (10,56) size 200x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {INPUT} at (10,56) size 200x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (12,3) size 176x14
RenderText at (82,0) size 12x14
text run at (82,0) width 12: "Hi"
RenderText {#text} at (10,10) size 60x19
text run at (10,10) width 60: "Line One"
RenderBR {BR} at (69,25) size 1x0
- RenderMenuList {SELECT} at (10,32) size 100x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (10,32) size 100x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 88x14
RenderText at (0,0) size 21x14
text run at (0,0) width 21: "One"
RenderText {#text} at (0,0) size 0x0
- RenderButton {INPUT} at (110,32) size 100x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {INPUT} at (110,32) size 100x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (12,3) size 76x14
RenderText at (32,0) size 12x14
text run at (32,0) width 12: "Hi"
RenderText {#text} at (0,0) size 60x19
text run at (0,0) width 60: "Line One"
RenderBR {BR} at (59,15) size 1x0
- RenderMenuList {SELECT} at (0,22) size 100x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (0,22) size 100x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 88x14
RenderText at (0,0) size 21x14
text run at (0,0) width 21: "One"
RenderText {#text} at (0,0) size 0x0
- RenderButton {INPUT} at (110,32) size 35x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {INPUT} at (110,32) size 35x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (12,3) size 11x14
RenderText at (0,0) size 11x14
text run at (0,0) width 11: "Hi"
RenderText {#text} at (0,0) size 60x19
text run at (0,0) width 60: "Line One"
RenderBR {BR} at (59,15) size 1x0
- RenderMenuList {SELECT} at (0,22) size 100x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (0,22) size 100x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 88x14
RenderText at (0,0) size 21x14
text run at (0,0) width 21: "One"
RenderText {#text} at (0,0) size 0x0
- RenderButton {INPUT} at (110,32) size 100x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {INPUT} at (110,32) size 100x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (12,3) size 76x14
RenderText at (32,0) size 12x14
text run at (32,0) width 12: "Hi"
RenderText {#text} at (10,10) size 60x19
text run at (10,10) width 60: "Line One"
RenderBR {BR} at (69,25) size 1x0
- RenderMenuList {SELECT} at (10,32) size 100x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (10,32) size 100x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 88x14
RenderText at (0,0) size 21x14
text run at (0,0) width 21: "One"
RenderText {#text} at (10,10) size 60x19
text run at (10,10) width 60: "Line One"
RenderBR {BR} at (69,25) size 1x0
- RenderMenuList {SELECT} at (10,32) size 100x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (10,32) size 100x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 88x14
RenderText at (0,0) size 21x14
text run at (0,0) width 21: "One"
RenderText {#text} at (0,0) size 60x19
text run at (0,0) width 60: "Line One"
RenderBR {BR} at (59,15) size 1x0
- RenderMenuList {SELECT} at (0,22) size 100x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (0,22) size 100x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 88x14
RenderText at (0,0) size 21x14
text run at (0,0) width 21: "One"
RenderText {#text} at (0,0) size 60x19
text run at (0,0) width 60: "Line One"
RenderBR {BR} at (59,15) size 1x0
- RenderMenuList {SELECT} at (0,22) size 100x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (0,22) size 100x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 88x14
RenderText at (0,0) size 21x14
text run at (0,0) width 21: "One"
RenderText {#text} at (10,10) size 60x19
text run at (10,10) width 60: "Line One"
RenderBR {BR} at (69,25) size 1x0
- RenderMenuList {SELECT} at (10,32) size 100x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (10,32) size 100x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 88x14
RenderText at (0,0) size 21x14
text run at (0,0) width 21: "One"
RenderText {#text} at (10,10) size 60x19
text run at (10,10) width 60: "Line One"
RenderBR {BR} at (69,25) size 1x0
- RenderMenuList {SELECT} at (10,32) size 100x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (10,32) size 100x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 88x14
RenderText at (0,0) size 21x14
text run at (0,0) width 21: "One"
RenderText {#text} at (0,0) size 60x19
text run at (0,0) width 60: "Line One"
RenderBR {BR} at (59,15) size 1x0
- RenderMenuList {SELECT} at (0,22) size 100x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (0,22) size 100x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 88x14
RenderText at (0,0) size 21x14
text run at (0,0) width 21: "One"
RenderText {#text} at (0,0) size 60x19
text run at (0,0) width 60: "Line One"
RenderBR {BR} at (59,15) size 1x0
- RenderMenuList {SELECT} at (0,22) size 100x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (0,22) size 100x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 88x14
RenderText at (0,0) size 21x14
text run at (0,0) width 21: "One"
RenderText {#text} at (10,10) size 60x19
text run at (10,10) width 60: "Line One"
RenderBR {BR} at (69,25) size 1x0
- RenderMenuList {SELECT} at (10,32) size 100x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (10,32) size 100x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 88x14
RenderText at (0,0) size 21x14
text run at (0,0) width 21: "One"
RenderText {#text} at (10,10) size 60x19
text run at (10,10) width 60: "Line One"
RenderBR {BR} at (69,25) size 1x0
- RenderMenuList {SELECT} at (10,32) size 100x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (10,32) size 100x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 88x14
RenderText at (0,0) size 21x14
text run at (0,0) width 21: "One"
RenderText {#text} at (0,0) size 60x19
text run at (0,0) width 60: "Line One"
RenderBR {BR} at (59,15) size 1x0
- RenderMenuList {SELECT} at (0,22) size 100x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (0,22) size 100x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 88x14
RenderText at (0,0) size 21x14
text run at (0,0) width 21: "One"
RenderText {#text} at (0,0) size 60x19
text run at (0,0) width 60: "Line One"
RenderBR {BR} at (59,15) size 1x0
- RenderMenuList {SELECT} at (0,22) size 100x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (0,22) size 100x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 88x14
RenderText at (0,0) size 21x14
text run at (0,0) width 21: "One"
RenderBlock {P} at (0,56) size 784x20
RenderText {#text} at (0,0) size 367x19
text run at (0,0) width 367: "These two lines of text should be the same shade of gray:"
- RenderBlock {DIV} at (0,92) size 784x30 [color=#0000007F]
+ RenderBlock {DIV} at (0,92) size 784x30 [color=#00000080]
RenderText {#text} at (0,1) size 267x28
text run at (0,1) width 267: "Lorem ipsum dolor sit amet"
- RenderBlock {DIV} at (0,122) size 784x0 [color=#0000007F]
+ RenderBlock {DIV} at (0,122) size 784x0 [color=#00000080]
RenderBlock (floating) {DIV} at (0,0) size 267x30
RenderText {#text} at (0,1) size 267x28
text run at (0,1) width 267: "Lorem ipsum dolor sit amet"
RenderBody {BODY} at (8,8) size 784x24
RenderText {#text} at (0,0) size 0x0
layer at (8,10) size 100x20
- RenderButton {BUTTON} at (0,2) size 100x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {BUTTON} at (0,2) size 100x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (12,3) size 76x14
RenderText {#text} at (16,0) size 44x14
text run at (16,0) width 44: "Click Me"
layer at (0,0) size 800x541
RenderBlock {HTML} at (0,0) size 800x541
RenderBody {BODY} at (8,8) size 784x525
- RenderBlock {DIV} at (10,10) size 150x150 [border: (50px solid #0000007F)]
+ RenderBlock {DIV} at (10,10) size 150x150 [border: (50px solid #00000080)]
RenderText {#text} at (170,155) size 4x19
text run at (170,155) width 4: " "
- RenderBlock {DIV} at (184,10) size 150x150 [border: (50px solid #0000007F) (50px double #0000007F) (50px solid #0000007F)]
+ RenderBlock {DIV} at (184,10) size 150x150 [border: (50px solid #00000080) (50px double #00000080) (50px solid #00000080)]
RenderText {#text} at (344,155) size 4x19
text run at (344,155) width 4: " "
- RenderBlock {DIV} at (358,10) size 150x150 [border: (50px solid #0000007F) none (50px solid #0000007F)]
+ RenderBlock {DIV} at (358,10) size 150x150 [border: (50px solid #00000080) none (50px solid #00000080)]
RenderText {#text} at (518,155) size 4x19
text run at (518,155) width 4: " "
- RenderBlock {DIV} at (532,10) size 150x150 [border: (50px solid #0000007F) (50px solid #00000000) (50px solid #0000007F)]
+ RenderBlock {DIV} at (532,10) size 150x150 [border: (50px solid #00000080) (50px solid #00000000) (50px solid #00000080)]
RenderText {#text} at (692,155) size 4x19
text run at (692,155) width 4: " "
RenderBR {BR} at (0,0) size 0x0
- RenderBlock {DIV} at (10,185) size 150x150 [border: (50px solid #0000007F) none (50px solid #0000007F)]
+ RenderBlock {DIV} at (10,185) size 150x150 [border: (50px solid #00000080) none (50px solid #00000080)]
RenderText {#text} at (170,330) size 4x19
text run at (170,330) width 4: " "
- RenderBlock {DIV} at (184,185) size 150x150 [border: (50px solid #0000007F) none (50px solid #00000000) (50px solid #0000007F)]
+ RenderBlock {DIV} at (184,185) size 150x150 [border: (50px solid #00000080) none (50px solid #00000000) (50px solid #00000080)]
RenderText {#text} at (344,330) size 4x19
text run at (344,330) width 4: " "
- RenderBlock {DIV} at (358,185) size 150x150 [border: (50px solid #0000007F) none (50px solid #0000007F)]
+ RenderBlock {DIV} at (358,185) size 150x150 [border: (50px solid #00000080) none (50px solid #00000080)]
RenderText {#text} at (518,330) size 4x19
text run at (518,330) width 4: " "
- RenderBlock {DIV} at (532,185) size 150x150 [border: (50px solid #0000007F) none (50px groove #0000007F) (50px solid #0000007F)]
+ RenderBlock {DIV} at (532,185) size 150x150 [border: (50px solid #00000080) none (50px groove #00000080) (50px solid #00000080)]
RenderText {#text} at (692,330) size 4x19
text run at (692,330) width 4: " "
RenderBR {BR} at (0,0) size 0x0
- RenderBlock {DIV} at (10,360) size 150x150 [border: (50px solid #0000007F) (50px double #0000007F) (50px solid #0000007F)]
+ RenderBlock {DIV} at (10,360) size 150x150 [border: (50px solid #00000080) (50px double #00000080) (50px solid #00000080)]
RenderText {#text} at (170,505) size 4x19
text run at (170,505) width 4: " "
- RenderBlock {DIV} at (184,360) size 150x150 [border: (50px solid #0000007F) none (50px double #0000007F) (50px solid #0000007F)]
+ RenderBlock {DIV} at (184,360) size 150x150 [border: (50px solid #00000080) none (50px double #00000080) (50px solid #00000080)]
RenderText {#text} at (344,505) size 4x19
text run at (344,505) width 4: " "
- RenderBlock {DIV} at (358,360) size 150x150 [border: (50px solid #0000007F) (50px solid #0080007F) (50px solid #0000007F)]
+ RenderBlock {DIV} at (358,360) size 150x150 [border: (50px solid #00000080) (50px solid #00800080) (50px solid #00000080)]
RenderText {#text} at (518,505) size 4x19
text run at (518,505) width 4: " "
- RenderBlock {DIV} at (532,360) size 150x150 [border: (50px solid #0000007F) (50px solid #0080007F) (50px solid #0000007F) (50px solid #0080007F)]
+ RenderBlock {DIV} at (532,360) size 150x150 [border: (50px solid #00000080) (50px solid #00800080) (50px solid #00000080) (50px solid #00800080)]
RenderText {#text} at (0,0) size 0x0
layer at (0,0) size 800x493
RenderBlock {HTML} at (0,0) size 800x493
RenderBody {BODY} at (8,8) size 784x477
- RenderBlock {DIV} at (10,10) size 150x150 [border: (50px solid #0000007F)]
+ RenderBlock {DIV} at (10,10) size 150x150 [border: (50px solid #00000080)]
RenderText {#text} at (170,155) size 4x19
text run at (170,155) width 4: " "
- RenderBlock {DIV} at (184,10) size 150x150 [border: (50px solid #0000007F)]
+ RenderBlock {DIV} at (184,10) size 150x150 [border: (50px solid #00000080)]
RenderText {#text} at (344,155) size 4x19
text run at (344,155) width 4: " "
- RenderBlock {DIV} at (358,10) size 150x150 [border: (50px solid #0000007F) (50px double #0000007F) (50px solid #0000007F)]
+ RenderBlock {DIV} at (358,10) size 150x150 [border: (50px solid #00000080) (50px double #00000080) (50px solid #00000080)]
RenderText {#text} at (518,155) size 4x19
text run at (518,155) width 4: " "
- RenderBlock {DIV} at (532,10) size 150x150 [border: (50px solid #0000007F) none (50px solid #0000007F)]
+ RenderBlock {DIV} at (532,10) size 150x150 [border: (50px solid #00000080) none (50px solid #00000080)]
RenderText {#text} at (692,155) size 4x19
text run at (692,155) width 4: " "
RenderBR {BR} at (0,0) size 0x0
- RenderBlock {DIV} at (10,185) size 150x150 [border: (50px solid #0000007F) (50px solid #00000000) (50px solid #0000007F)]
+ RenderBlock {DIV} at (10,185) size 150x150 [border: (50px solid #00000080) (50px solid #00000000) (50px solid #00000080)]
RenderText {#text} at (170,330) size 4x19
text run at (170,330) width 4: " "
- RenderBlock {DIV} at (184,185) size 150x150 [border: (50px solid #0000007F) (50px solid #00000000) (50px solid #0000007F)]
+ RenderBlock {DIV} at (184,185) size 150x150 [border: (50px solid #00000080) (50px solid #00000000) (50px solid #00000080)]
RenderText {#text} at (344,330) size 4x19
text run at (344,330) width 4: " "
- RenderBlock {DIV} at (358,185) size 150x150 [border: (50px solid #0000007F) none (50px solid #00000000) (50px solid #0000007F)]
+ RenderBlock {DIV} at (358,185) size 150x150 [border: (50px solid #00000080) none (50px solid #00000000) (50px solid #00000080)]
RenderText {#text} at (518,330) size 4x19
text run at (518,330) width 4: " "
- RenderBlock {DIV} at (532,185) size 150x150 [border: (50px solid #0000007F) none (50px solid #0000007F)]
+ RenderBlock {DIV} at (532,185) size 150x150 [border: (50px solid #00000080) none (50px solid #00000080)]
RenderText {#text} at (692,330) size 4x19
text run at (692,330) width 4: " "
RenderBR {BR} at (0,0) size 0x0
- RenderBlock {DIV} at (10,360) size 150x102 [border: (50px solid #0000007F)]
+ RenderBlock {DIV} at (10,360) size 150x102 [border: (50px solid #00000080)]
RenderText {#text} at (170,457) size 4x19
text run at (170,457) width 4: " "
- RenderBlock {DIV} at (184,360) size 150x102 [border: (50px solid #0000007F) (50px double #0000007F) (50px solid #0000007F)]
+ RenderBlock {DIV} at (184,360) size 150x102 [border: (50px solid #00000080) (50px double #00000080) (50px solid #00000080)]
RenderText {#text} at (344,457) size 4x19
text run at (344,457) width 4: " "
- RenderBlock {DIV} at (358,360) size 150x102 [border: (50px solid #0000007F) none (50px solid #00000000) (50px solid #0000007F)]
+ RenderBlock {DIV} at (358,360) size 150x102 [border: (50px solid #00000080) none (50px solid #00000000) (50px solid #00000080)]
RenderText {#text} at (518,457) size 4x19
text run at (518,457) width 4: " "
- RenderBlock {DIV} at (532,360) size 150x102 [border: (50px solid #0000007F)]
+ RenderBlock {DIV} at (532,360) size 150x102 [border: (50px solid #00000080)]
RenderText {#text} at (0,0) size 0x0
layer at (0,0) size 800x406
RenderBlock {HTML} at (0,0) size 800x406
RenderBody {BODY} at (8,8) size 784x390
- RenderBlock {DIV} at (20,20) size 150x150 [border: (50px solid #0000007F)]
+ RenderBlock {DIV} at (20,20) size 150x150 [border: (50px solid #00000080)]
RenderText {#text} at (190,175) size 4x19
text run at (190,175) width 4: " "
- RenderBlock {DIV} at (214,20) size 150x150 [border: (50px solid #0000007F) (50px double #0000007F) (50px solid #0000007F)]
+ RenderBlock {DIV} at (214,20) size 150x150 [border: (50px solid #00000080) (50px double #00000080) (50px solid #00000080)]
RenderText {#text} at (384,175) size 4x19
text run at (384,175) width 4: " "
- RenderBlock {DIV} at (408,20) size 150x150 [border: (50px solid #0000007F) none (50px solid #0000007F)]
+ RenderBlock {DIV} at (408,20) size 150x150 [border: (50px solid #00000080) none (50px solid #00000080)]
RenderText {#text} at (578,175) size 4x19
text run at (578,175) width 4: " "
- RenderBlock {DIV} at (602,20) size 150x150 [border: (50px solid #0000007F) (50px solid #00000000) (50px solid #0000007F)]
+ RenderBlock {DIV} at (602,20) size 150x150 [border: (50px solid #00000080) (50px solid #00000000) (50px solid #00000080)]
RenderText {#text} at (0,0) size 0x0
- RenderBlock {DIV} at (20,215) size 150x150 [border: (50px solid #0000007F) (50px solid #00000000) (50px solid #0000007F)]
+ RenderBlock {DIV} at (20,215) size 150x150 [border: (50px solid #00000080) (50px solid #00000000) (50px solid #00000080)]
RenderText {#text} at (190,370) size 4x19
text run at (190,370) width 4: " "
- RenderBlock {DIV} at (214,215) size 150x150 [border: (50px solid #0000007F) none (50px solid #00000000) (50px solid #0000007F)]
+ RenderBlock {DIV} at (214,215) size 150x150 [border: (50px solid #00000080) none (50px solid #00000000) (50px solid #00000080)]
RenderText {#text} at (384,370) size 4x19
text run at (384,370) width 4: " "
- RenderBlock {DIV} at (408,215) size 150x150 [border: (50px solid #0000007F) none (50px solid #0000007F)]
+ RenderBlock {DIV} at (408,215) size 150x150 [border: (50px solid #00000080) none (50px solid #00000080)]
RenderText {#text} at (578,370) size 4x19
text run at (578,370) width 4: " "
- RenderBlock {DIV} at (602,215) size 150x150 [border: (50px solid #0000007F) none (50px groove #0000007F) (50px solid #0000007F)]
+ RenderBlock {DIV} at (602,215) size 150x150 [border: (50px solid #00000080) none (50px groove #00000080) (50px solid #00000080)]
RenderText {#text} at (0,0) size 0x0
RenderText {#text} at (0,0) size 0x0
RenderText {#text} at (0,0) size 0x0
layer at (12,12) size 280x280
- RenderBlock (positioned) {DIV} at (12,12) size 280x280 [border: (10px solid #00FF000C)]
+ RenderBlock (positioned) {DIV} at (12,12) size 280x280 [border: (10px solid #00FF000D)]
layer at (12,12) size 280x280
RenderBlock (relative positioned) {DIV} at (0,0) size 280x280
layer at (304,12) size 280x280
- RenderBlock (positioned) {DIV} at (304,12) size 280x280 [border: (20px solid #00FF000C)]
+ RenderBlock (positioned) {DIV} at (304,12) size 280x280 [border: (20px solid #00FF000D)]
layer at (304,12) size 280x280
RenderBlock (relative positioned) {DIV} at (0,0) size 280x280
layer at (12,301) size 280x280
- RenderBlock (positioned) {DIV} at (12,301) size 280x280 [border: (50px solid #00FF000C)]
+ RenderBlock (positioned) {DIV} at (12,301) size 280x280 [border: (50px solid #00FF000D)]
layer at (12,301) size 280x280
RenderBlock (relative positioned) {DIV} at (0,0) size 280x280
layer at (304,301) size 280x280
- RenderBlock (positioned) {DIV} at (304,301) size 280x280 [border: (90px solid #00FF000C)]
+ RenderBlock (positioned) {DIV} at (304,301) size 280x280 [border: (90px solid #00FF000D)]
layer at (304,301) size 280x280
RenderBlock (relative positioned) {DIV} at (0,0) size 280x280
RenderText {#text} at (0,0) size 205x19
text run at (0,0) width 205: "2. 3. will not crash Safari either."
RenderBlock (anonymous) at (40,160) size 744x24
- RenderButton {INPUT} at (2,2) size 132x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {INPUT} at (2,2) size 132x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (12,3) size 108x14
RenderText at (0,0) size 108x14
text run at (0,0) width 108: "1. Set outline property"
RenderText {#text} at (135,1) size 5x19
text run at (135,1) width 5: " "
- RenderButton {INPUT} at (141,2) size 135x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {INPUT} at (141,2) size 135x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (12,3) size 110x14
RenderText at (0,0) size 110x14
text run at (0,0) width 110: "2. Set display property"
RenderText {#text} at (277,1) size 5x19
text run at (277,1) width 5: " "
- RenderButton {INPUT} at (283,2) size 147x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {INPUT} at (283,2) size 147x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (12,3) size 123x14
RenderText at (0,0) size 123x14
text run at (0,0) width 123: "3. Replace span-element"
text run at (1,1) width 86: "Lorem ipsum"
RenderBlock (anonymous) at (0,288) size 784x44
RenderBR {BR} at (0,0) size 0x19
- RenderButton {INPUT} at (2,22) size 105x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {INPUT} at (2,22) size 105x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (12,3) size 81x14
RenderText at (0,0) size 81x14
text run at (0,0) width 81: "Negative margin"
RenderText {#text} at (108,21) size 5x19
text run at (108,21) width 5: " "
- RenderButton {INPUT} at (114,22) size 100x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {INPUT} at (114,22) size 100x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (12,3) size 76x14
RenderText at (0,0) size 76x14
text run at (0,0) width 76: "Positive margin"
text run at (1,1) width 86: "Lorem ipsum"
RenderBlock (anonymous) at (0,460) size 784x44
RenderBR {BR} at (0,0) size 0x19
- RenderButton {INPUT} at (2,22) size 105x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {INPUT} at (2,22) size 105x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (12,3) size 81x14
RenderText at (0,0) size 81x14
text run at (0,0) width 81: "Negative margin"
RenderText {#text} at (108,21) size 5x19
text run at (108,21) width 5: " "
- RenderButton {INPUT} at (114,22) size 100x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {INPUT} at (114,22) size 100x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (12,3) size 76x14
RenderText at (0,0) size 76x14
text run at (0,0) width 76: "Positive margin"
RenderBody {BODY} at (8,8) size 784x584
RenderText {#text} at (0,36) size 295x19
text run at (0,36) width 295: "The following inputs should not be stretched. "
- RenderBlock {INPUT} at (296,3) size 17x50 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderBlock {INPUT} at (296,3) size 17x50 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderText {#text} at (314,36) size 5x19
text run at (314,36) width 5: " "
- RenderBlock {INPUT} at (320,3) size 17x50 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderBlock {INPUT} at (320,3) size 17x50 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderText {#text} at (0,0) size 0x0
RenderBody {BODY} at (8,8) size 784x584
RenderBlock {DIV} at (0,0) size 100x100 [bgcolor=#00FF00]
RenderBlock {DIV} at (0,0) size 100x4
- RenderBlock {DIV} at (0,0) size 100x4 [bgcolor=#0000007F]
+ RenderBlock {DIV} at (0,0) size 100x4 [bgcolor=#00000080]
RenderBlock {DIV} at (0,4) size 1005x4
- RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#0000007F]
+ RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#00000080]
RenderBlock {DIV} at (0,8) size 995x4
- RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#0000007F]
+ RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#00000080]
RenderBlock {DIV} at (0,12) size 985x4
- RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#0000007F]
+ RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#00000080]
RenderBlock {DIV} at (0,16) size 975x4
- RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#0000007F]
+ RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#00000080]
RenderBlock {DIV} at (0,20) size 965x4
- RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#0000007F]
+ RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#00000080]
RenderBlock {DIV} at (0,24) size 955x4
- RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#0000007F]
+ RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#00000080]
RenderBlock {DIV} at (0,28) size 945x4
- RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#0000007F]
+ RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#00000080]
RenderBlock {DIV} at (0,32) size 935x4
- RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#0000007F]
+ RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#00000080]
RenderBlock {DIV} at (0,36) size 930x4
- RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#0000007F]
+ RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#00000080]
RenderBlock {DIV} at (0,40) size 920x4
- RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#0000007F]
+ RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#00000080]
RenderBlock {DIV} at (0,44) size 910x4
- RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#0000007F]
+ RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#00000080]
RenderBlock {DIV} at (0,48) size 910x4
- RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#0000007F]
+ RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#00000080]
RenderBlock {DIV} at (0,52) size 900x4
- RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#0000007F]
+ RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#00000080]
RenderBlock {DIV} at (0,56) size 890x4
- RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#0000007F]
+ RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#00000080]
RenderBlock {DIV} at (0,60) size 885x4
- RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#0000007F]
+ RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#00000080]
RenderBlock {DIV} at (0,64) size 875x4
- RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#0000007F]
+ RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#00000080]
RenderBlock {DIV} at (0,68) size 870x4
- RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#0000007F]
+ RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#00000080]
RenderBlock {DIV} at (0,72) size 860x4
- RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#0000007F]
+ RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#00000080]
RenderBlock {DIV} at (0,76) size 850x4
- RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#0000007F]
+ RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#00000080]
RenderBlock {DIV} at (0,80) size 845x4
- RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#0000007F]
+ RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#00000080]
RenderBlock {DIV} at (0,84) size 840x4
- RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#0000007F]
+ RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#00000080]
RenderBlock {DIV} at (0,88) size 835x4
- RenderBlock {DIV} at (0,0) size 102x4 [bgcolor=#0000007F]
+ RenderBlock {DIV} at (0,0) size 102x4 [bgcolor=#00000080]
RenderBlock {DIV} at (0,92) size 825x4
- RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#0000007F]
+ RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#00000080]
RenderBlock {DIV} at (0,96) size 815x4
- RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#0000007F]
+ RenderBlock {DIV} at (0,0) size 101x4 [bgcolor=#00000080]
RenderBlock (anonymous) at (0,100) size 784x20
RenderBR {BR} at (0,0) size 0x19
layer at (8,128) size 293x20
RenderTable {TABLE} at (0,0) size 1000x20
RenderTableSection {TBODY} at (0,0) size 1000x20
RenderTableRow {TR} at (0,0) size 1000x20
- RenderTableCell {TD} at (0,0) size 12x20 [bgcolor=#0000007F] [r=0 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,0) size 12x20 [bgcolor=#00000080] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (0,0) size 4x19
text run at (0,0) width 4: " "
- RenderTableCell {TD} at (12,0) size 10x20 [bgcolor=#00FF007F] [r=0 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,0) size 10x20 [bgcolor=#00FF0080] [r=0 c=1 rs=1 cs=1]
RenderText {#text} at (0,0) size 4x19
text run at (0,0) width 4: " "
- RenderTableCell {TD} at (22,0) size 14x20 [bgcolor=#0000007F] [r=0 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (22,0) size 14x20 [bgcolor=#00000080] [r=0 c=2 rs=1 cs=1]
RenderText {#text} at (0,0) size 4x19
text run at (0,0) width 4: " "
- RenderTableCell {TD} at (36,0) size 10x20 [bgcolor=#00FF007F] [r=0 c=3 rs=1 cs=1]
+ RenderTableCell {TD} at (36,0) size 10x20 [bgcolor=#00FF0080] [r=0 c=3 rs=1 cs=1]
RenderText {#text} at (0,0) size 4x19
text run at (0,0) width 4: " "
- RenderTableCell {TD} at (46,0) size 16x20 [bgcolor=#0000007F] [r=0 c=4 rs=1 cs=1]
+ RenderTableCell {TD} at (46,0) size 16x20 [bgcolor=#00000080] [r=0 c=4 rs=1 cs=1]
RenderText {#text} at (0,0) size 4x19
text run at (0,0) width 4: " "
- RenderTableCell {TD} at (62,0) size 10x20 [bgcolor=#00FF007F] [r=0 c=5 rs=1 cs=1]
+ RenderTableCell {TD} at (62,0) size 10x20 [bgcolor=#00FF0080] [r=0 c=5 rs=1 cs=1]
RenderText {#text} at (0,0) size 4x19
text run at (0,0) width 4: " "
- RenderTableCell {TD} at (72,0) size 18x20 [bgcolor=#0000007F] [r=0 c=6 rs=1 cs=1]
+ RenderTableCell {TD} at (72,0) size 18x20 [bgcolor=#00000080] [r=0 c=6 rs=1 cs=1]
RenderText {#text} at (0,0) size 4x19
text run at (0,0) width 4: " "
- RenderTableCell {TD} at (90,0) size 10x20 [bgcolor=#00FF007F] [r=0 c=7 rs=1 cs=1]
+ RenderTableCell {TD} at (90,0) size 10x20 [bgcolor=#00FF0080] [r=0 c=7 rs=1 cs=1]
RenderText {#text} at (0,0) size 4x19
text run at (0,0) width 4: " "
- RenderTableCell {TD} at (100,0) size 20x20 [bgcolor=#0000007F] [r=0 c=8 rs=1 cs=1]
+ RenderTableCell {TD} at (100,0) size 20x20 [bgcolor=#00000080] [r=0 c=8 rs=1 cs=1]
RenderText {#text} at (0,0) size 4x19
text run at (0,0) width 4: " "
- RenderTableCell {TD} at (120,0) size 10x20 [bgcolor=#00FF007F] [r=0 c=9 rs=1 cs=1]
+ RenderTableCell {TD} at (120,0) size 10x20 [bgcolor=#00FF0080] [r=0 c=9 rs=1 cs=1]
RenderText {#text} at (0,0) size 4x19
text run at (0,0) width 4: " "
- RenderTableCell {TD} at (130,0) size 22x20 [bgcolor=#0000007F] [r=0 c=10 rs=1 cs=1]
+ RenderTableCell {TD} at (130,0) size 22x20 [bgcolor=#00000080] [r=0 c=10 rs=1 cs=1]
RenderText {#text} at (0,0) size 4x19
text run at (0,0) width 4: " "
- RenderTableCell {TD} at (152,0) size 10x20 [bgcolor=#00FF007F] [r=0 c=11 rs=1 cs=1]
+ RenderTableCell {TD} at (152,0) size 10x20 [bgcolor=#00FF0080] [r=0 c=11 rs=1 cs=1]
RenderText {#text} at (0,0) size 4x19
text run at (0,0) width 4: " "
- RenderTableCell {TD} at (162,0) size 24x20 [bgcolor=#0000007F] [r=0 c=12 rs=1 cs=1]
+ RenderTableCell {TD} at (162,0) size 24x20 [bgcolor=#00000080] [r=0 c=12 rs=1 cs=1]
RenderText {#text} at (0,0) size 4x19
text run at (0,0) width 4: " "
- RenderTableCell {TD} at (186,10) size 10x0 [bgcolor=#00FF007F] [r=0 c=13 rs=1 cs=1]
- RenderTableCell {TD} at (196,0) size 26x20 [bgcolor=#0000007F] [r=0 c=14 rs=1 cs=1]
+ RenderTableCell {TD} at (186,10) size 10x0 [bgcolor=#00FF0080] [r=0 c=13 rs=1 cs=1]
+ RenderTableCell {TD} at (196,0) size 26x20 [bgcolor=#00000080] [r=0 c=14 rs=1 cs=1]
RenderText {#text} at (0,0) size 4x19
text run at (0,0) width 4: " "
- RenderTableCell {TD} at (222,0) size 10x20 [bgcolor=#00FF007F] [r=0 c=15 rs=1 cs=1]
+ RenderTableCell {TD} at (222,0) size 10x20 [bgcolor=#00FF0080] [r=0 c=15 rs=1 cs=1]
RenderText {#text} at (0,0) size 4x19
text run at (0,0) width 4: " "
- RenderTableCell {TD} at (232,0) size 28x20 [bgcolor=#0000007F] [r=0 c=16 rs=1 cs=1]
+ RenderTableCell {TD} at (232,0) size 28x20 [bgcolor=#00000080] [r=0 c=16 rs=1 cs=1]
RenderText {#text} at (0,0) size 4x19
text run at (0,0) width 4: " "
- RenderTableCell {TD} at (260,0) size 10x20 [bgcolor=#00FF007F] [r=0 c=17 rs=1 cs=1]
+ RenderTableCell {TD} at (260,0) size 10x20 [bgcolor=#00FF0080] [r=0 c=17 rs=1 cs=1]
RenderText {#text} at (0,0) size 4x19
text run at (0,0) width 4: " "
- RenderTableCell {TD} at (270,0) size 30x20 [bgcolor=#0000007F] [r=0 c=18 rs=1 cs=1]
+ RenderTableCell {TD} at (270,0) size 30x20 [bgcolor=#00000080] [r=0 c=18 rs=1 cs=1]
RenderText {#text} at (0,0) size 4x19
text run at (0,0) width 4: " "
RenderTableCell {TD} at (300,0) size 700x20 [r=0 c=19 rs=1 cs=1]
RenderText {#text} at (0,0) size 301x19
text run at (0,0) width 301 LTR override: "The text on both buttons should like this: \x{5E8}\x{5D5}\x{5EA}\x{5E4}\x{5DB}"
RenderBlock (anonymous) at (0,110) size 784x48
- RenderButton {BUTTON} at (2,2) size 51x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {BUTTON} at (2,2) size 51x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (12,2) size 27x16
RenderText {#text} at (0,0) size 27x14
text run at (0,0) width 27 LTR override: "\x{5E8}\x{5D5}\x{5EA}\x{5E4}\x{5DB}"
RenderText {#text} at (54,0) size 5x19
text run at (54,0) width 5 LTR override: " "
RenderBR {BR} at (58,15) size 1x0
- RenderButton {INPUT} at (2,26) size 51x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {INPUT} at (2,26) size 51x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (12,2) size 27x16
RenderText at (0,0) size 27x14
text run at (0,0) width 27 RTL: "\x{5DB}\x{5E4}\x{5EA}\x{5D5}\x{5E8}"
text run at (128,0) width 108: "text"
RenderText {#text} at (235,0) size 18x60
text run at (235,0) width 18: " "
- RenderInline {SPAN} at (0,0) size 140x60 [color=#0000004C]
+ RenderInline {SPAN} at (0,0) size 140x60 [color=#0000004D]
RenderText {#text} at (252,0) size 140x60
text run at (252,0) width 140: "casts"
RenderText {#text} at (391,0) size 17x60
RenderText {#text} at (0,0) size 664x19
text run at (0,0) width 664: "The text in the button, popup menu and list box should have the same case as in the accompanying text."
RenderBlock {DIV} at (0,20) size 784x24
- RenderMenuList {SELECT} at (2,2) size 73x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (2,2) size 73x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 61x14
RenderText at (0,0) size 37x14
text run at (0,0) width 37: "HELLO"
RenderText {#text} at (77,1) size 4x19
text run at (77,1) width 4: " "
- RenderMenuList {SELECT} at (83,2) size 72x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (83,2) size 72x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (5,3) size 62x14
RenderText at (0,0) size 43x14
text run at (0,0) width 43: "0 ITEMS"
text run at (160,1) width 116: "HELLO WORLD"
RenderText {#text} at (0,0) size 0x0
RenderBlock {DIV} at (0,44) size 784x24
- RenderMenuList {SELECT} at (2,2) size 69x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (2,2) size 69x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 57x14
RenderText at (0,0) size 33x14
text run at (0,0) width 33: "HeLLo"
RenderText {#text} at (73,1) size 4x19
text run at (73,1) width 4: " "
- RenderMenuList {SELECT} at (79,2) size 68x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (79,2) size 68x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (5,3) size 58x14
RenderText at (0,0) size 37x14
text run at (0,0) width 37: "0 Items"
text run at (152,1) width 102: "HeLLo WoRLd"
RenderText {#text} at (0,0) size 0x0
RenderBlock {DIV} at (0,68) size 784x24
- RenderMenuList {SELECT} at (2,2) size 59x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (2,2) size 59x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 47x14
RenderText at (0,0) size 24x14
text run at (0,0) width 24: "hello"
RenderText {#text} at (63,1) size 4x19
text run at (63,1) width 4: " "
- RenderMenuList {SELECT} at (69,2) size 58x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (69,2) size 58x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (5,3) size 48x14
RenderText at (0,0) size 36x14
text run at (0,0) width 36: "0 items"
text run at (132,1) width 75: "hello world"
RenderText {#text} at (0,0) size 0x0
RenderBlock {DIV} at (0,92) size 784x24
- RenderMenuList {SELECT} at (2,2) size 62x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (2,2) size 62x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 50x14
RenderText at (0,0) size 15x14
text run at (0,0) width 15: "SS"
RenderText {#text} at (66,1) size 4x19
text run at (66,1) width 4: " "
- RenderMenuList {SELECT} at (72,2) size 61x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (72,2) size 61x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (5,3) size 51x14
RenderText at (0,0) size 43x14
text run at (0,0) width 43: "0 ITEMS"
text run at (138,1) width 59: "SS SSSS"
RenderText {#text} at (0,0) size 0x0
RenderBlock {DIV} at (0,116) size 784x24
- RenderMenuList {SELECT} at (2,2) size 46x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (2,2) size 46x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 34x14
RenderText at (0,0) size 7x14
text run at (0,0) width 7: "\x{DF}"
RenderText {#text} at (50,1) size 4x19
text run at (50,1) width 4: " "
- RenderMenuList {SELECT} at (56,2) size 45x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (56,2) size 45x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (5,3) size 35x14
RenderText at (0,0) size 37x14
text run at (0,0) width 37: "0 Items"
text run at (106,1) width 29: "\x{DF} \x{DF}\x{DF}"
RenderText {#text} at (0,0) size 0x0
RenderBlock {DIV} at (0,140) size 784x24
- RenderMenuList {SELECT} at (2,2) size 46x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (2,2) size 46x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 34x14
RenderText at (0,0) size 7x14
text run at (0,0) width 7: "\x{DF}"
RenderText {#text} at (50,1) size 4x19
text run at (50,1) width 4: " "
- RenderMenuList {SELECT} at (56,2) size 45x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (56,2) size 45x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (5,3) size 35x14
RenderText at (0,0) size 36x14
text run at (0,0) width 36: "0 items"
RenderBlock {HTML} at (0,0) size 800x10000
RenderBody {BODY} at (0,0) size 10000x10000
layer at (0,0) size 800x100
- RenderBlock (positioned) {DIV} at (0,0) size 800x100 [bgcolor=#0000007F] [border: (5px solid #000000)]
+ RenderBlock (positioned) {DIV} at (0,0) size 800x100 [bgcolor=#00000080] [border: (5px solid #000000)]
RenderText {#text} at (105,5) size 285x19
text run at (105,5) width 285: "This should be as wide as the CSS viewport."
layer at (0,0) size 100x600
- RenderBlock (positioned) {DIV} at (0,0) size 100x600 [bgcolor=#0000007F] [border: (5px solid #000000)]
+ RenderBlock (positioned) {DIV} at (0,0) size 100x600 [bgcolor=#00000080] [border: (5px solid #000000)]
RenderText {#text} at (5,105) size 76x79
text run at (5,105) width 76: "This should"
text run at (5,125) width 75: "be as tall as"
RenderText {#text} at (2,2) size 73x19
text run at (2,2) width 73: "col 3 row 3"
RenderBlock (anonymous) at (0,56) size 784x24
- RenderButton {BUTTON} at (2,2) size 341x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {BUTTON} at (2,2) size 341x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (12,3) size 317x14
RenderText {#text} at (0,0) size 317x14
text run at (0,0) width 317: "Click me to test manually. The first column should grow to 500px."
RenderBlock (positioned) {DIV} at (0,0) size 100x124
RenderBlock {DIV} at (0,0) size 100x100 [bgcolor=#008000]
RenderBlock (anonymous) at (0,100) size 100x24
- RenderButton {BUTTON} at (2,2) size 56x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {BUTTON} at (2,2) size 56x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (12,3) size 32x14
RenderText {#text} at (0,0) size 32x14
text run at (0,0) width 32: "Button"
RenderTableSection {TBODY} at (2,2) size 780x82
RenderTableRow {TR} at (0,0) size 780x82
RenderTableCell {TD} at (0,0) size 174x82 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
- RenderMenuList {SELECT} at (3,1) size 168x80 [bgcolor=#FFFFFF02] [border: (40px solid #FF0000)]
+ RenderMenuList {SELECT} at (3,1) size 168x80 [bgcolor=#FFFFFF03] [border: (40px solid #FF0000)]
RenderBlock (anonymous) at (45,40) size 78x14
RenderText at (0,0) size 19x14
text run at (0,0) width 19: "Foo"
RenderTableSection {TBODY} at (2,2) size 780x88
RenderTableRow {TR} at (0,0) size 780x88
RenderTableCell {TD} at (0,0) size 86x88 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
- RenderBlock {INPUT} at (3,4) size 80x80 [bgcolor=#FFFFFF02] [border: (40px solid #FF0000)]
+ RenderBlock {INPUT} at (3,4) size 80x80 [bgcolor=#FFFFFF03] [border: (40px solid #FF0000)]
RenderTableCell {TD} at (86,43) size 694x2 [border: (1px inset #808080)] [r=0 c=1 rs=1 cs=1]
RenderBlock {P} at (0,269) size 784x93
RenderTable {TABLE} at (0,0) size 784x92 [border: (2px outset #808080)]
RenderTableSection {TBODY} at (2,2) size 780x88
RenderTableRow {TR} at (0,0) size 780x88
RenderTableCell {TD} at (0,0) size 86x88 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
- RenderBlock {INPUT} at (3,4) size 80x80 [bgcolor=#FFFFFF02] [border: (40px solid #FF0000)]
+ RenderBlock {INPUT} at (3,4) size 80x80 [bgcolor=#FFFFFF03] [border: (40px solid #FF0000)]
RenderTableCell {TD} at (86,43) size 694x2 [border: (1px inset #808080)] [r=0 c=1 rs=1 cs=1]
RenderBlock {P} at (0,377) size 784x31
RenderTable {TABLE} at (0,0) size 784x30 [border: (2px outset #808080)]
RenderTableSection {TBODY} at (2,2) size 780x26
RenderTableRow {TR} at (0,0) size 780x26
RenderTableCell {TD} at (0,0) size 49x26 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
- RenderButton {INPUT} at (3,3) size 43x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderButton {INPUT} at (3,3) size 43x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (12,3) size 19x14
RenderText at (0,0) size 19x14
text run at (0,0) width 19: "Foo"
RenderTableSection {TBODY} at (2,2) size 780x82
RenderTableRow {TR} at (0,0) size 780x82
RenderTableCell {TD} at (0,0) size 127x82 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
- RenderButton {INPUT} at (3,1) size 121x80 [bgcolor=#FFFFFF02] [border: (40px solid #FF0000)]
+ RenderButton {INPUT} at (3,1) size 121x80 [bgcolor=#FFFFFF03] [border: (40px solid #FF0000)]
RenderBlock (anonymous) at (51,40) size 19x14
RenderText at (0,0) size 19x14
text run at (0,0) width 19: "Foo"
RenderTableSection {TBODY} at (2,2) size 780x82
RenderTableRow {TR} at (0,0) size 780x82
RenderTableCell {TD} at (0,0) size 173x82 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
- RenderButton {INPUT} at (3,1) size 167x80 [bgcolor=#FFFFFF02] [border: (40px solid #FF0000)]
+ RenderButton {INPUT} at (3,1) size 167x80 [bgcolor=#FFFFFF03] [border: (40px solid #FF0000)]
RenderBlock (anonymous) at (51,40) size 65x14
RenderText at (0,0) size 65x14
text run at (0,0) width 65: "Submit a bug"
RenderTableCell {TD} at (172,40) size 608x2 [border: (1px inset #808080)] [r=0 c=1 rs=1 cs=1]
RenderBlock (anonymous) at (0,172) size 784x80
- RenderButton {INPUT} at (2,0) size 121x80 [bgcolor=#FFFFFF02] [border: (40px solid #FF0000)]
+ RenderButton {INPUT} at (2,0) size 121x80 [bgcolor=#FFFFFF03] [border: (40px solid #FF0000)]
RenderBlock (anonymous) at (51,40) size 19x14
RenderText at (0,0) size 19x14
text run at (0,0) width 19: "Foo"
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,8) size 784x584
- RenderMenuList {SELECT} at (2,0) size 58x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (2,0) size 58x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 46x14
RenderText at (0,0) size 26x14
text run at (0,0) width 26: "Hello"
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,8) size 784x584
- RenderMenuList {SELECT} at (2,2) size 58x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (2,2) size 58x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 46x14
RenderText at (0,0) size 26x14
text run at (0,0) width 26: "Hello"
RenderText {#text} at (62,1) size 4x19
text run at (62,1) width 4: " "
- RenderMenuList {SELECT} at (68,2) size 77x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (68,2) size 77x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 65x14
RenderText at (0,0) size 45x14
text run at (0,0) width 45: "Goodbye"
RenderBlock {DIV} at (10,412) size 450x24 [border: (1px solid #FF0000)]
RenderText {#text} at (1,3) size 8x19
text run at (1,3) width 8: "a"
- RenderBlock {INPUT} at (10,4) size 17x16 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderBlock {INPUT} at (10,4) size 17x16 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderText {#text} at (28,3) size 66x19
text run at (28,3) width 66: "checkbox "
RenderText {#text} at (113,3) size 9x19
RenderBlock {DIV} at (10,446) size 450x24 [border: (1px solid #FF0000)]
RenderText {#text} at (1,3) size 8x19
text run at (1,3) width 8: "a"
- RenderBlock {INPUT} at (10,4) size 17x16 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderBlock {INPUT} at (10,4) size 17x16 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderText {#text} at (28,3) size 37x19
text run at (28,3) width 37: "radio "
RenderText {#text} at (84,3) size 9x19
RenderText {#text} at (0,0) size 20x14
text run at (0,0) width 20: "\x{25CF}\x{25CF}\x{25CF}"
layer at (113,424) size 16x16
- RenderBlock {INPUT} at (95,4) size 17x16 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderBlock {INPUT} at (95,4) size 17x16 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
layer at (85,458) size 16x16
- RenderBlock {INPUT} at (66,4) size 17x16 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderBlock {INPUT} at (66,4) size 17x16 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock {DIV} at (0,0) size 784x492 [border: (1px solid #FF0000)]
RenderText {#text} at (1,2) size 169x19
text run at (1,2) width 169: "Whitespace in option text:"
- RenderMenuList {SELECT} at (171,3) size 55x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (171,3) size 55x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 42x14
RenderText at (0,0) size 22x14
text run at (0,0) width 22: "f o o"
RenderText {#text} at (227,2) size 8x19
text run at (227,2) width 8: "a"
- RenderMenuList {SELECT} at (236,3) size 55x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (236,3) size 55x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 42x14
RenderText at (0,0) size 22x14
text run at (0,0) width 22: "f o o"
RenderBR {BR} at (1,23) size 0x19
RenderText {#text} at (1,42) size 140x19
text run at (1,42) width 140: "Simple select control:"
- RenderMenuList {SELECT} at (142,43) size 49x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (142,43) size 49x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 36x14
RenderText at (0,0) size 16x14
text run at (0,0) width 16: "foo"
RenderText {#text} at (192,42) size 8x19
text run at (192,42) width 8: "a"
- RenderMenuList {SELECT} at (201,43) size 49x20 [color=#808080] [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (201,43) size 49x20 [color=#808080] [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 36x14
RenderText at (0,0) size 16x14
text run at (0,0) width 16: "foo"
RenderBR {BR} at (1,63) size 0x19
RenderText {#text} at (1,82) size 198x19
text run at (1,82) width 198: "Line-height should be ignored:"
- RenderMenuList {SELECT} at (200,83) size 49x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (200,83) size 49x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 36x14
RenderText at (0,0) size 16x14
text run at (0,0) width 16: "foo"
RenderText {#text} at (250,82) size 8x19
text run at (250,82) width 8: "a"
- RenderMenuList {SELECT} at (259,83) size 49x20 [color=#808080] [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (259,83) size 49x20 [color=#808080] [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 36x14
RenderText at (0,0) size 16x14
text run at (0,0) width 16: "bar"
RenderBR {BR} at (1,103) size 0x19
RenderText {#text} at (1,122) size 441x19
text run at (1,122) width 441: "Padding should be respected, the arrow button shouldn't change size:"
- RenderMenuList {SELECT} at (444,123) size 48x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (444,123) size 48x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 36x14
RenderText at (0,0) size 16x14
text run at (0,0) width 16: "foo"
RenderText {#text} at (494,122) size 8x19
text run at (494,122) width 8: "a"
- RenderMenuList {SELECT} at (503,123) size 49x20 [color=#808080] [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (503,123) size 49x20 [color=#808080] [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 36x14
RenderText at (0,0) size 16x14
text run at (0,0) width 16: "foo"
RenderBR {BR} at (1,143) size 0x19
RenderText {#text} at (1,167) size 180x19
text run at (1,167) width 180: "Border should be respected:"
- RenderMenuList {SELECT} at (182,163) size 70x30 [bgcolor=#FFFFFF02] [border: (8px solid #33CCFF)]
+ RenderMenuList {SELECT} at (182,163) size 70x30 [bgcolor=#FFFFFF03] [border: (8px solid #33CCFF)]
RenderBlock (anonymous) at (13,8) size 43x14
RenderText at (0,0) size 16x14
text run at (0,0) width 16: "foo"
RenderText {#text} at (253,167) size 8x19
text run at (253,167) width 8: "a"
- RenderMenuList {SELECT} at (262,163) size 70x30 [color=#808080] [bgcolor=#FFFFFF02] [border: (8px solid #33CCFF)]
+ RenderMenuList {SELECT} at (262,163) size 70x30 [color=#808080] [bgcolor=#FFFFFF03] [border: (8px solid #33CCFF)]
RenderBlock (anonymous) at (13,8) size 43x14
RenderText at (0,0) size 16x14
text run at (0,0) width 16: "foo"
RenderBR {BR} at (1,193) size 0x19
RenderText {#text} at (1,213) size 118x19
text run at (1,213) width 118: "Border + padding:"
- RenderMenuList {SELECT} at (120,213) size 58x22 [bgcolor=#FFFFFF02] [border: (4px solid #33CCFF)]
+ RenderMenuList {SELECT} at (120,213) size 58x22 [bgcolor=#FFFFFF03] [border: (4px solid #33CCFF)]
RenderBlock (anonymous) at (9,4) size 39x14
RenderText at (0,0) size 16x14
text run at (0,0) width 16: "foo"
RenderText {#text} at (179,213) size 8x19
text run at (179,213) width 8: "a"
- RenderMenuList {SELECT} at (188,213) size 58x22 [color=#808080] [bgcolor=#FFFFFF02] [border: (4px solid #33CCFF)]
+ RenderMenuList {SELECT} at (188,213) size 58x22 [color=#808080] [bgcolor=#FFFFFF03] [border: (4px solid #33CCFF)]
RenderBlock (anonymous) at (9,4) size 39x14
RenderText at (0,0) size 16x14
text run at (0,0) width 16: "foo"
RenderBR {BR} at (1,235) size 0x19
RenderText {#text} at (1,257) size 491x19
text run at (1,257) width 491: "Height larger than font-size, button should grow, text baseline should center:"
- RenderMenuList {SELECT} at (493,253) size 49x30 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (493,253) size 49x30 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,8) size 36x14
RenderText at (0,0) size 16x14
text run at (0,0) width 16: "foo"
RenderText {#text} at (543,257) size 8x19
text run at (543,257) width 8: "a"
- RenderMenuList {SELECT} at (552,253) size 49x30 [color=#808080] [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (552,253) size 49x30 [color=#808080] [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,8) size 36x14
RenderText at (0,0) size 16x14
text run at (0,0) width 16: "foo"
RenderBR {BR} at (1,281) size 0x19
RenderText {#text} at (1,297) size 515x19
text run at (1,297) width 515: "Heigh smaller than font-size, whole select shrinks and is baselined with the text:"
- RenderMenuList {SELECT} at (517,300) size 49x15 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (517,300) size 49x15 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,1) size 36x14
RenderText at (0,0) size 16x14
text run at (0,0) width 16: "foo"
RenderText {#text} at (567,297) size 8x19
text run at (567,297) width 8: "a"
- RenderMenuList {SELECT} at (576,300) size 49x15 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (576,300) size 49x15 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,1) size 36x14
RenderText at (0,0) size 16x14
text run at (0,0) width 16: "bar"
RenderText {#text} at (1,329) size 173x19
text run at (1,329) width 173: "select control with size=0: "
RenderBR {BR} at (173,329) size 1x19
- RenderMenuList {SELECT} at (3,349) size 185x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (3,349) size 185x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 173x14
RenderText at (0,0) size 67x14
text run at (0,0) width 67: "Future Series"
RenderText {#text} at (1,369) size 173x19
text run at (1,369) width 173: "select control with size=1: "
RenderBR {BR} at (173,369) size 1x19
- RenderMenuList {SELECT} at (3,389) size 185x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (3,389) size 185x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 173x14
RenderText at (0,0) size 67x14
text run at (0,0) width 67: "Future Series"
RenderText {#text} at (1,409) size 170x19
text run at (1,409) width 170: "Non-styled select control: "
RenderBR {BR} at (170,409) size 1x19
- RenderMenuList {SELECT} at (3,429) size 185x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+ RenderMenuList {SELECT} at (3,429) size 185x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
RenderBlock (anonymous) at (6,3) size 173x14
RenderText at (0,0) size 67x14
text run at (0,0) width 67: "Future Series"
git://git.webkit.org / WebKit-https.git / commitdiff