Commit fee67d35 authored by Xianzhu Wang's avatar Xianzhu Wang Committed by Commit Bot

[BGPT] Rebaseline tests that produces benign pixel differences

Cq-Include-Trybots: luci.chromium.try:linux-blink-gen-property-trees;luci.chromium.try:linux_layout_tests_slimming_paint_v2;master.tryserver.blink:linux_trusty_blink_rel
Change-Id: I864d97e21e666b5820e6a17154c1ef8523ba2f45
Reviewed-on: https://chromium-review.googlesource.com/c/1263116Reviewed-by: default avatarPhilip Rogers <pdr@chromium.org>
Commit-Queue: Xianzhu Wang <wangxianzhu@chromium.org>
Cr-Commit-Position: refs/heads/master@{#596948}
parent 0657821a
...@@ -140,62 +140,6 @@ crbug.com/767318 compositing/reflections/nested-reflection-mask-change.html [ Fa ...@@ -140,62 +140,6 @@ crbug.com/767318 compositing/reflections/nested-reflection-mask-change.html [ Fa
# Single pixel snapping difference on scrolling content size. # Single pixel snapping difference on scrolling content size.
Bug(none) compositing/iframes/invisible-nested-iframe-show.html [ Failure ] Bug(none) compositing/iframes/invisible-nested-iframe-show.html [ Failure ]
# Gradient/image slightly changed. Likely benign.
Bug(none) compositing/masks/simple-composited-mask.html [ Failure ]
Bug(none) compositing/masks/masked-ancestor.html [ Failure ]
Bug(none) compositing/masks/multiple-masks.html [ Failure ]
Bug(none) compositing/lots-of-img-layers.html [ Failure ]
Bug(none) compositing/lots-of-img-layers-with-opacity.html [ Failure ]
# Subpixel differences on text. Likely benign.
Bug(none) css3/blending/background-blend-mode-overlapping-accelerated-elements.html [ Failure ]
# Benign subpixel differences.
Bug(none) transforms/3d/point-mapping/3d-point-mapping-deep.html [ Failure ]
Bug(none) transforms/3d/point-mapping/3d-point-mapping-preserve-3d.html [ Failure ]
Bug(none) compositing/direct-image-compositing.html [ Failure ]
Bug(none) compositing/masks/direct-image-mask.html [ Failure ]
Bug(none) compositing/geometry/layer-due-to-layer-children.html [ Failure ]
Bug(none) compositing/perpendicular-layer-sorting.html [ Failure ]
Bug(none) compositing/perspective-interest-rect.html [ Failure ]
# Rounded borders have slightly different antialiasing
Bug(none) compositing/composited-scaled-child-with-border-radius-parent-clip.html [ Failure ]
Bug(none) compositing/composited-translated-child-with-border-radius-parent-clip.html [ Failure ]
Bug(none) compositing/overflow/border-radius-above-composited-subframe.html [ Failure ]
Bug(none) compositing/overflow/border-radius-composited-subframe.html [ Failure ]
Bug(none) compositing/overflow/border-radius-on-grandparent-composited-grandchild.html [ Failure ]
Bug(none) compositing/overflow/border-radius-on-parent-composited-grandchild.html [ Failure ]
Bug(none) compositing/overflow/border-radius-on-two-ancestors-composited-grandchild.html [ Failure ]
Bug(none) compositing/overflow/border-radius-styles-with-composited-child.html [ Failure ]
Bug(none) compositing/overflow/grandchild-composited-with-border-radius-ancestor.html [ Failure ]
Bug(none) compositing/overflow/grandchild-with-border-radius-ancestor.html [ Failure ]
Bug(none) compositing/overflow/siblings-composited-with-border-radius-ancestor.html [ Failure ]
Bug(none) compositing/overflow/siblings-composited-with-border-radius-ancestor-one-clipped.html [ Failure ]
Bug(none) compositing/overflow/siblings-with-border-radius-ancestor.html [ Failure ]
Bug(none) fast/borders/border-radius-mask-canvas-border.html [ Failure ]
Bug(none) fast/borders/border-radius-mask-canvas-with-mask.html [ Failure ]
Bug(none) fast/borders/border-radius-mask-canvas.html [ Failure ]
Bug(none) fast/borders/border-radius-mask-video-ratio.html [ Failure ]
Bug(none) fast/borders/border-radius-mask-video-shadow.html [ Failure ]
Bug(none) fast/borders/border-radius-mask-video.html [ Failure ]
Bug(none) fast/clip/overflow-border-radius-composited-parent.html [ Failure ]
Bug(none) fast/clip/overflow-border-radius-composited.html [ Failure ]
Bug(none) compositing/overflow/tiled-mask.html [ Failure ]
Bug(none) compositing/opacity-with-mask.html [ Failure ]
Bug(none) virtual/prefer_compositing_to_lcd_text/compositing/overflow/border-radius-above-composited-subframe.html [ Failure ]
Bug(none) virtual/prefer_compositing_to_lcd_text/compositing/overflow/border-radius-composited-subframe.html [ Failure ]
Bug(none) virtual/prefer_compositing_to_lcd_text/compositing/overflow/border-radius-on-grandparent-composited-grandchild.html [ Failure ]
Bug(none) virtual/prefer_compositing_to_lcd_text/compositing/overflow/border-radius-on-parent-composited-grandchild.html [ Failure ]
Bug(none) virtual/prefer_compositing_to_lcd_text/compositing/overflow/border-radius-on-two-ancestors-composited-grandchild.html [ Failure ]
Bug(none) virtual/prefer_compositing_to_lcd_text/compositing/overflow/border-radius-styles-with-composited-child.html [ Failure ]
Bug(none) virtual/prefer_compositing_to_lcd_text/compositing/overflow/grandchild-composited-with-border-radius-ancestor.html [ Failure ]
Bug(none) virtual/prefer_compositing_to_lcd_text/compositing/overflow/grandchild-with-border-radius-ancestor.html [ Failure ]
Bug(none) virtual/prefer_compositing_to_lcd_text/compositing/overflow/siblings-composited-with-border-radius-ancestor.html [ Failure ]
Bug(none) virtual/prefer_compositing_to_lcd_text/compositing/overflow/siblings-composited-with-border-radius-ancestor-one-clipped.html [ Failure ]
Bug(none) virtual/prefer_compositing_to_lcd_text/compositing/overflow/siblings-with-border-radius-ancestor.html [ Failure ]
Bug(none) virtual/prefer_compositing_to_lcd_text/compositing/overflow/tiled-mask.html [ Failure ]
# One line of pixels different when clipping the scrollbar. # One line of pixels different when clipping the scrollbar.
Bug(none) virtual/prefer_compositing_to_lcd_text/compositing/overflow/scaled-overflow.html [ Failure ] Bug(none) virtual/prefer_compositing_to_lcd_text/compositing/overflow/scaled-overflow.html [ Failure ]
Bug(none) compositing/overflow/scaled-overflow.html [ Failure ] Bug(none) compositing/overflow/scaled-overflow.html [ Failure ]
......
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x471
LayoutBlockFlow {HTML} at (0,0) size 800x471
LayoutBlockFlow {BODY} at (8,8) size 784x455
LayoutText {#text} at (0,0) size 462x19
text run at (0,0) width 462: "The white text and grey backgrounds should all clip to the border-radius. "
LayoutBR {BR} at (462,0) size 0x19
LayoutText {#text} at (240,145) size 4x19
text run at (240,145) width 4: " "
LayoutText {#text} at (484,145) size 4x19
text run at (484,145) width 4: " "
LayoutText {#text} at (0,0) size 0x0
LayoutText {#text} at (240,290) size 4x19
text run at (240,290) width 4: " "
LayoutBR {BR} at (244,290) size 0x19
LayoutText {#text} at (0,0) size 0x0
layer at (18,38) size 220x120 clip at (28,48) size 200x100 scrollWidth 206 scrollHeight 156
LayoutBlockFlow {DIV} at (10,30) size 220x120 [border: (10px solid #000000)]
layer at (262,38) size 220x120 clip at (272,48) size 200x100 scrollWidth 206 scrollHeight 156
LayoutBlockFlow {DIV} at (254,30) size 220x120 [border: (10px solid #000000)]
layer at (28,48) size 200x100
LayoutBlockFlow {DIV} at (10,10) size 200x100 [color=#FFFFFF] [bgcolor=#808080]
LayoutText {#text} at (0,0) size 81x19
text run at (0,0) width 81: "static > static"
layer at (272,48) size 200x100
LayoutBlockFlow (relative positioned) {DIV} at (10,10) size 200x100 [color=#FFFFFF] [bgcolor=#808080]
LayoutText {#text} at (0,0) size 95x19
text run at (0,0) width 95: "static > relative"
layer at (506,38) size 220x120 clip at (516,48) size 200x100 scrollWidth 206 scrollHeight 156
LayoutBlockFlow (relative positioned) {DIV} at (498,30) size 220x120 [border: (10px solid #000000)]
layer at (516,48) size 200x100
LayoutBlockFlow {DIV} at (10,10) size 200x100 [color=#FFFFFF] [bgcolor=#808080]
LayoutText {#text} at (0,0) size 95x19
text run at (0,0) width 95: "relative > static"
layer at (18,183) size 220x120 clip at (28,193) size 200x100 scrollWidth 206 scrollHeight 156
LayoutBlockFlow (relative positioned) {DIV} at (10,175) size 220x120 [border: (10px solid #000000)]
layer at (28,193) size 200x100
LayoutBlockFlow (relative positioned) {DIV} at (10,10) size 200x100 [color=#FFFFFF] [bgcolor=#808080]
LayoutText {#text} at (0,0) size 109x19
text run at (0,0) width 109: "relative > relative"
layer at (18,328) size 220x120 clip at (28,338) size 200x100 scrollWidth 206 scrollHeight 156
LayoutBlockFlow (relative positioned) {DIV} at (10,320) size 220x120 [border: (10px solid #000000)]
layer at (28,338) size 200x100
LayoutBlockFlow (positioned) {DIV} at (10,10) size 200x100 [color=#FFFFFF] [bgcolor=#808080]
LayoutText {#text} at (0,0) size 115x19
text run at (0,0) width 115: "relative > absolute"
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x471
LayoutBlockFlow {HTML} at (0,0) size 800x471
LayoutBlockFlow {BODY} at (8,8) size 784x455
LayoutText {#text} at (0,0) size 462x19
text run at (0,0) width 462: "The white text and grey backgrounds should all clip to the border-radius. "
LayoutBR {BR} at (462,0) size 0x19
LayoutText {#text} at (240,145) size 4x19
text run at (240,145) width 4: " "
LayoutText {#text} at (484,145) size 4x19
text run at (484,145) width 4: " "
LayoutText {#text} at (0,0) size 0x0
LayoutText {#text} at (240,290) size 4x19
text run at (240,290) width 4: " "
LayoutBR {BR} at (244,290) size 0x19
LayoutText {#text} at (0,0) size 0x0
layer at (18,38) size 220x120 clip at (28,48) size 200x100 scrollWidth 206 scrollHeight 156
LayoutBlockFlow {DIV} at (10,30) size 220x120 [border: (10px solid #000000)]
layer at (28,48) size 200x100
LayoutBlockFlow {DIV} at (10,10) size 200x100 [color=#FFFFFF] [bgcolor=#808080]
LayoutText {#text} at (0,0) size 81x19
text run at (0,0) width 81: "static > static"
layer at (262,38) size 220x120 clip at (272,48) size 200x100 scrollWidth 206 scrollHeight 156
LayoutBlockFlow {DIV} at (254,30) size 220x120 [border: (10px solid #000000)]
layer at (272,48) size 200x100
LayoutBlockFlow (relative positioned) {DIV} at (10,10) size 200x100 [color=#FFFFFF] [bgcolor=#808080]
LayoutText {#text} at (0,0) size 95x19
text run at (0,0) width 95: "static > relative"
layer at (506,38) size 220x120 clip at (516,48) size 200x100 scrollWidth 206 scrollHeight 156
LayoutBlockFlow (relative positioned) {DIV} at (498,30) size 220x120 [border: (10px solid #000000)]
layer at (516,48) size 200x100
LayoutBlockFlow {DIV} at (10,10) size 200x100 [color=#FFFFFF] [bgcolor=#808080]
LayoutText {#text} at (0,0) size 95x19
text run at (0,0) width 95: "relative > static"
layer at (18,183) size 220x120 clip at (28,193) size 200x100 scrollWidth 206 scrollHeight 156
LayoutBlockFlow (relative positioned) {DIV} at (10,175) size 220x120 [border: (10px solid #000000)]
layer at (28,193) size 200x100
LayoutBlockFlow (relative positioned) {DIV} at (10,10) size 200x100 [color=#FFFFFF] [bgcolor=#808080]
LayoutText {#text} at (0,0) size 109x19
text run at (0,0) width 109: "relative > relative"
layer at (18,328) size 220x120 clip at (28,338) size 200x100 scrollWidth 206 scrollHeight 156
LayoutBlockFlow (relative positioned) {DIV} at (10,320) size 220x120 [border: (10px solid #000000)]
layer at (28,338) size 200x100
LayoutBlockFlow (positioned) {DIV} at (10,10) size 200x100 [color=#FFFFFF] [bgcolor=#808080]
LayoutText {#text} at (0,0) size 115x19
text run at (0,0) width 115: "relative > absolute"
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x496
LayoutBlockFlow {HTML} at (0,0) size 800x496.44
LayoutBlockFlow {BODY} at (8,18.72) size 784x469.72
LayoutBlockFlow {H3} at (0,0) size 784x23
LayoutText {#text} at (0,0) size 90x22
text run at (0,0) width 90: "It passes if:"
LayoutBlockFlow {UL} at (0,41.72) size 784x80
LayoutListItem {LI} at (40,0) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 393x19
text run at (0,0) width 393: "the 10px gray background is visible around the canvas content"
LayoutListItem {LI} at (40,20) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 152x19
text run at (0,0) width 152: "has 5px solid red border"
LayoutListItem {LI} at (40,40) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 316x19
text run at (0,0) width 316: "all the corners for border and padding are rounded"
LayoutListItem {LI} at (40,60) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 366x19
text run at (0,0) width 366: "the bottom right corner of canvas content is NOT rounded"
LayoutBlockFlow (anonymous) at (0,137.72) size 784x332
LayoutText {#text} at (0,0) size 0x0
layer at (28,176) size 287x287
LayoutHTMLCanvas {CANVAS} at (20,20) size 287x287 [bgcolor=#808080] [border: (5px solid #FF0000)]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x426
LayoutBlockFlow {HTML} at (0,0) size 800x426.44
LayoutBlockFlow {BODY} at (8,18.72) size 784x399.72
LayoutBlockFlow {H3} at (0,0) size 784x23
LayoutText {#text} at (0,0) size 90x22
text run at (0,0) width 90: "It passes if:"
LayoutBlockFlow {UL} at (0,41.72) size 784x60
LayoutListItem {LI} at (40,0) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 391x19
text run at (0,0) width 391: "the canvas content has rounded corners (top-left and top-right)"
LayoutListItem {LI} at (40,20) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 351x19
text run at (0,0) width 351: "the 10px red border is visible around the canvas content"
LayoutListItem {LI} at (40,40) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 156x19
text run at (0,0) width 156: "gray border is not visible"
LayoutBlockFlow (anonymous) at (0,117.72) size 784x282
LayoutText {#text} at (0,0) size 0x0
layer at (8,136) size 277x277
LayoutHTMLCanvas {CANVAS} at (0,0) size 277x277 [bgcolor=#808080] [border: (10px solid #FF0000)]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x386
LayoutBlockFlow {HTML} at (0,0) size 800x386.44
LayoutBlockFlow {BODY} at (8,18.72) size 784x359.72
LayoutBlockFlow {H3} at (0,0) size 784x23
LayoutText {#text} at (0,0) size 90x22
text run at (0,0) width 90: "It passes if:"
LayoutBlockFlow {UL} at (0,41.72) size 784x40
LayoutListItem {LI} at (40,0) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 415x19
text run at (0,0) width 415: "the canvas content has rounded corners (top-left and bottom-right)"
LayoutListItem {LI} at (40,20) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 190x19
text run at (0,0) width 190: "gray background is not visible"
LayoutBlockFlow (anonymous) at (0,97.72) size 784x262
LayoutText {#text} at (0,0) size 0x0
layer at (8,116) size 257x257
LayoutHTMLCanvas {CANVAS} at (0,0) size 257x257 [bgcolor=#808080]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x406
LayoutBlockFlow {HTML} at (0,0) size 800x406.44
LayoutBlockFlow {BODY} at (8,18.72) size 784x379.72
LayoutBlockFlow {H3} at (0,0) size 784x23
LayoutText {#text} at (0,0) size 90x22
text run at (0,0) width 90: "It passes if:"
LayoutBlockFlow {UL} at (0,41.72) size 784x40
LayoutListItem {LI} at (40,0) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 415x19
text run at (0,0) width 415: "the canvas content has rounded corners (bottom-left and top-right)"
LayoutListItem {LI} at (40,20) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 393x19
text run at (0,0) width 393: "the 10px gray background is visible around the canvas content"
LayoutBlockFlow (anonymous) at (0,97.72) size 784x282
LayoutText {#text} at (0,0) size 0x0
layer at (8,116) size 277x277
LayoutHTMLCanvas {CANVAS} at (0,0) size 277x277 [bgcolor=#808080]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x456
LayoutBlockFlow {HTML} at (0,0) size 800x456.44
LayoutBlockFlow {BODY} at (8,18.72) size 784x429.72
LayoutBlockFlow {H3} at (0,0) size 784x23
LayoutText {#text} at (0,0) size 90x22
text run at (0,0) width 90: "It passes if:"
LayoutBlockFlow {UL} at (0,41.72) size 784x40
LayoutListItem {LI} at (40,0) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 297x19
text run at (0,0) width 297: "the canvas element has a gradient mask applied"
LayoutListItem {LI} at (40,20) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 247x19
text run at (0,0) width 247: "the canvas content has rounded corners"
LayoutBlockFlow (anonymous) at (0,97.72) size 784x332
LayoutText {#text} at (0,0) size 0x0
layer at (28,136) size 287x287 transparent
LayoutHTMLCanvas {CANVAS} at (20,20) size 287x287 [bgcolor=#808080] [border: (5px solid #FF0000)]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x456
LayoutBlockFlow {HTML} at (0,0) size 800x456.44
LayoutBlockFlow {BODY} at (8,18.72) size 784x429.72
LayoutBlockFlow {H3} at (0,0) size 784x23
LayoutText {#text} at (0,0) size 90x22
text run at (0,0) width 90: "It passes if:"
LayoutBlockFlow {UL} at (0,41.72) size 784x40
LayoutListItem {LI} at (40,0) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 305x19
text run at (0,0) width 305: "the canvas element has 8px gray shadow around"
LayoutListItem {LI} at (40,20) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 247x19
text run at (0,0) width 247: "the canvas content has rounded corners"
LayoutBlockFlow (anonymous) at (0,97.72) size 784x332
LayoutText {#text} at (0,0) size 0x0
layer at (28,136) size 287x287
LayoutHTMLCanvas {CANVAS} at (20,20) size 287x287 [bgcolor=#808080] [border: (5px solid #FF0000)]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x354
LayoutBlockFlow {HTML} at (0,0) size 800x354.44
LayoutBlockFlow {BODY} at (8,18.72) size 784x327.72
LayoutBlockFlow {H3} at (0,0) size 784x23
LayoutText {#text} at (0,0) size 90x22
text run at (0,0) width 90: "It passes if:"
LayoutBlockFlow {UL} at (0,41.72) size 784x40
LayoutListItem {LI} at (40,0) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 405x19
text run at (0,0) width 405: "the video content has rounded corners (top left and bottom right)"
LayoutListItem {LI} at (40,20) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 190x19
text run at (0,0) width 190: "gray background is not visible"
LayoutBlockFlow (anonymous) at (0,97.72) size 784x230
LayoutText {#text} at (0,0) size 0x0
layer at (8,116) size 400x225
LayoutVideo {VIDEO} at (0,0) size 400x225 [bgcolor=#808080]
layer at (8,116) size 400x225
LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 400x225
LayoutFlexibleBox {DIV} at (0,0) size 400x225
layer at (8,116) size 400x225
LayoutBlockFlow (positioned) {DIV} at (0,0) size 400x225
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x496
LayoutBlockFlow {HTML} at (0,0) size 800x496.44
LayoutBlockFlow {BODY} at (8,18.72) size 784x469.72
LayoutBlockFlow {H3} at (0,0) size 784x23
LayoutText {#text} at (0,0) size 90x22
text run at (0,0) width 90: "It passes if:"
LayoutBlockFlow {UL} at (0,41.72) size 784x80
LayoutListItem {LI} at (40,0) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 393x19
text run at (0,0) width 393: "the 10px gray background is visible around the canvas content"
LayoutListItem {LI} at (40,20) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 152x19
text run at (0,0) width 152: "has 5px solid red border"
LayoutListItem {LI} at (40,40) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 316x19
text run at (0,0) width 316: "all the corners for border and padding are rounded"
LayoutListItem {LI} at (40,60) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 366x19
text run at (0,0) width 366: "the bottom right corner of canvas content is NOT rounded"
LayoutBlockFlow (anonymous) at (0,137.72) size 784x332
LayoutText {#text} at (0,0) size 0x0
LayoutText {#text} at (0,0) size 0x0
layer at (28,176) size 287x287
LayoutHTMLCanvas {CANVAS} at (20,20) size 287x287 [bgcolor=#808080] [border: (5px solid #FF0000)]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x426
LayoutBlockFlow {HTML} at (0,0) size 800x426.44
LayoutBlockFlow {BODY} at (8,18.72) size 784x399.72
LayoutBlockFlow {H3} at (0,0) size 784x23
LayoutText {#text} at (0,0) size 90x22
text run at (0,0) width 90: "It passes if:"
LayoutBlockFlow {UL} at (0,41.72) size 784x60
LayoutListItem {LI} at (40,0) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 391x19
text run at (0,0) width 391: "the canvas content has rounded corners (top-left and top-right)"
LayoutListItem {LI} at (40,20) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 351x19
text run at (0,0) width 351: "the 10px red border is visible around the canvas content"
LayoutListItem {LI} at (40,40) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 156x19
text run at (0,0) width 156: "gray border is not visible"
LayoutBlockFlow (anonymous) at (0,117.72) size 784x282
LayoutText {#text} at (0,0) size 0x0
LayoutText {#text} at (0,0) size 0x0
layer at (8,136) size 277x277
LayoutHTMLCanvas {CANVAS} at (0,0) size 277x277 [bgcolor=#808080] [border: (10px solid #FF0000)]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x386
LayoutBlockFlow {HTML} at (0,0) size 800x386.44
LayoutBlockFlow {BODY} at (8,18.72) size 784x359.72
LayoutBlockFlow {H3} at (0,0) size 784x23
LayoutText {#text} at (0,0) size 90x22
text run at (0,0) width 90: "It passes if:"
LayoutBlockFlow {UL} at (0,41.72) size 784x40
LayoutListItem {LI} at (40,0) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 415x19
text run at (0,0) width 415: "the canvas content has rounded corners (top-left and bottom-right)"
LayoutListItem {LI} at (40,20) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 190x19
text run at (0,0) width 190: "gray background is not visible"
LayoutBlockFlow (anonymous) at (0,97.72) size 784x262
LayoutText {#text} at (0,0) size 0x0
LayoutText {#text} at (0,0) size 0x0
layer at (8,116) size 257x257
LayoutHTMLCanvas {CANVAS} at (0,0) size 257x257 [bgcolor=#808080]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x406
LayoutBlockFlow {HTML} at (0,0) size 800x406.44
LayoutBlockFlow {BODY} at (8,18.72) size 784x379.72
LayoutBlockFlow {H3} at (0,0) size 784x23
LayoutText {#text} at (0,0) size 90x22
text run at (0,0) width 90: "It passes if:"
LayoutBlockFlow {UL} at (0,41.72) size 784x40
LayoutListItem {LI} at (40,0) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 415x19
text run at (0,0) width 415: "the canvas content has rounded corners (bottom-left and top-right)"
LayoutListItem {LI} at (40,20) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 393x19
text run at (0,0) width 393: "the 10px gray background is visible around the canvas content"
LayoutBlockFlow (anonymous) at (0,97.72) size 784x282
LayoutText {#text} at (0,0) size 0x0
LayoutText {#text} at (0,0) size 0x0
layer at (8,116) size 277x277
LayoutHTMLCanvas {CANVAS} at (0,0) size 277x277 [bgcolor=#808080]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x456
LayoutBlockFlow {HTML} at (0,0) size 800x456.44
LayoutBlockFlow {BODY} at (8,18.72) size 784x429.72
LayoutBlockFlow {H3} at (0,0) size 784x23
LayoutText {#text} at (0,0) size 90x22
text run at (0,0) width 90: "It passes if:"
LayoutBlockFlow {UL} at (0,41.72) size 784x40
LayoutListItem {LI} at (40,0) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 297x19
text run at (0,0) width 297: "the canvas element has a gradient mask applied"
LayoutListItem {LI} at (40,20) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 247x19
text run at (0,0) width 247: "the canvas content has rounded corners"
LayoutBlockFlow (anonymous) at (0,97.72) size 784x332
LayoutText {#text} at (0,0) size 0x0
LayoutText {#text} at (0,0) size 0x0
layer at (28,136) size 287x287 transparent
LayoutHTMLCanvas {CANVAS} at (20,20) size 287x287 [bgcolor=#808080] [border: (5px solid #FF0000)]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x456
LayoutBlockFlow {HTML} at (0,0) size 800x456.44
LayoutBlockFlow {BODY} at (8,18.72) size 784x429.72
LayoutBlockFlow {H3} at (0,0) size 784x23
LayoutText {#text} at (0,0) size 90x22
text run at (0,0) width 90: "It passes if:"
LayoutBlockFlow {UL} at (0,41.72) size 784x40
LayoutListItem {LI} at (40,0) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 305x19
text run at (0,0) width 305: "the canvas element has 8px gray shadow around"
LayoutListItem {LI} at (40,20) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 247x19
text run at (0,0) width 247: "the canvas content has rounded corners"
LayoutBlockFlow (anonymous) at (0,97.72) size 784x332
LayoutText {#text} at (0,0) size 0x0
LayoutText {#text} at (0,0) size 0x0
layer at (28,136) size 287x287
LayoutHTMLCanvas {CANVAS} at (20,20) size 287x287 [bgcolor=#808080] [border: (5px solid #FF0000)]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x354
LayoutBlockFlow {HTML} at (0,0) size 800x354.44
LayoutBlockFlow {BODY} at (8,18.72) size 784x327.72
LayoutBlockFlow {H3} at (0,0) size 784x23
LayoutText {#text} at (0,0) size 90x22
text run at (0,0) width 90: "It passes if:"
LayoutBlockFlow {UL} at (0,41.72) size 784x40
LayoutListItem {LI} at (40,0) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 405x19
text run at (0,0) width 405: "the video content has rounded corners (top left and bottom right)"
LayoutListItem {LI} at (40,20) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 190x19
text run at (0,0) width 190: "gray background is not visible"
LayoutBlockFlow (anonymous) at (0,97.72) size 784x230
LayoutText {#text} at (0,0) size 0x0
layer at (8,116) size 400x225
LayoutVideo {VIDEO} at (0,0) size 400x225 [bgcolor=#808080]
layer at (8,116) size 400x225
LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 400x225
LayoutBlockFlow {DIV} at (0,193) size 400x32
layer at (8,116) size 400x183
LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 400x183
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x354
LayoutBlockFlow {HTML} at (0,0) size 800x354.44
LayoutBlockFlow {BODY} at (8,18.72) size 784x327.72
LayoutBlockFlow {H3} at (0,0) size 784x23
LayoutText {#text} at (0,0) size 90x22
text run at (0,0) width 90: "It passes if:"
LayoutBlockFlow {UL} at (0,41.72) size 784x40
LayoutListItem {LI} at (40,0) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 405x19
text run at (0,0) width 405: "the video content has rounded corners (top left and bottom right)"
LayoutListItem {LI} at (40,20) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 471x19
text run at (0,0) width 471: "the remaining space is gray and has same rounded corners as video content"
LayoutBlockFlow (anonymous) at (0,97.72) size 784x230
LayoutText {#text} at (0,0) size 0x0
layer at (8,116) size 500x225
LayoutVideo {VIDEO} at (0,0) size 500x225 [bgcolor=#808080]
layer at (8,116) size 500x225
LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 500x225
LayoutBlockFlow {DIV} at (0,193) size 500x32
layer at (8,116) size 500x183
LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 500x183
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x394
LayoutBlockFlow {HTML} at (0,0) size 800x394.44
LayoutBlockFlow {BODY} at (8,18.72) size 784x367.72
LayoutBlockFlow {H3} at (0,0) size 784x23
LayoutText {#text} at (0,0) size 90x22
text run at (0,0) width 90: "It passes if:"
LayoutBlockFlow {UL} at (0,41.72) size 784x60
LayoutListItem {LI} at (40,0) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 405x19
text run at (0,0) width 405: "the video content has rounded corners (top left and bottom right)"
LayoutListItem {LI} at (40,20) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 471x19
text run at (0,0) width 471: "the remaining space is gray and has same rounded corners as video content"
LayoutListItem {LI} at (40,40) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 265x19
text run at (0,0) width 265: "has box shadow around the video element"
LayoutBlockFlow (anonymous) at (0,117.72) size 784x250
LayoutText {#text} at (0,0) size 0x0
layer at (18,146) size 500x225
LayoutVideo {VIDEO} at (10,10) size 500x225 [bgcolor=#808080]
layer at (18,146) size 500x225
LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 500x225
LayoutBlockFlow {DIV} at (0,193) size 500x32
layer at (18,146) size 500x183
LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 500x183
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x486
LayoutBlockFlow {HTML} at (0,0) size 800x486.44
LayoutBlockFlow {BODY} at (8,18.72) size 784x459.72
LayoutBlockFlow {H3} at (0,0) size 784x22
LayoutText {#text} at (0,0) size 91x22
text run at (0,0) width 91: "It passes if:"
LayoutBlockFlow {UL} at (0,40.72) size 784x72
LayoutListItem {LI} at (40,0) size 744x18
LayoutListMarker (anonymous) at (-17,0) size 7x18: bullet
LayoutText {#text} at (0,0) size 400x18
text run at (0,0) width 400: "the 10px gray background is visible around the canvas content"
LayoutListItem {LI} at (40,18) size 744x18
LayoutListMarker (anonymous) at (-17,0) size 7x18: bullet
LayoutText {#text} at (0,0) size 155x18
text run at (0,0) width 155: "has 5px solid red border"
LayoutListItem {LI} at (40,36) size 744x18
LayoutListMarker (anonymous) at (-17,0) size 7x18: bullet
LayoutText {#text} at (0,0) size 322x18
text run at (0,0) width 322: "all the corners for border and padding are rounded"
LayoutListItem {LI} at (40,54) size 744x18
LayoutListMarker (anonymous) at (-17,0) size 7x18: bullet
LayoutText {#text} at (0,0) size 372x18
text run at (0,0) width 372: "the bottom right corner of canvas content is NOT rounded"
LayoutBlockFlow (anonymous) at (0,128.72) size 784x331
LayoutText {#text} at (0,0) size 0x0
LayoutText {#text} at (0,0) size 0x0
layer at (28,167) size 287x287
LayoutHTMLCanvas {CANVAS} at (20,20) size 287x287 [bgcolor=#808080] [border: (5px solid #FF0000)]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x418
LayoutBlockFlow {HTML} at (0,0) size 800x418.44
LayoutBlockFlow {BODY} at (8,18.72) size 784x391.72
LayoutBlockFlow {H3} at (0,0) size 784x22
LayoutText {#text} at (0,0) size 91x22
text run at (0,0) width 91: "It passes if:"
LayoutBlockFlow {UL} at (0,40.72) size 784x54
LayoutListItem {LI} at (40,0) size 744x18
LayoutListMarker (anonymous) at (-17,0) size 7x18: bullet
LayoutText {#text} at (0,0) size 400x18
text run at (0,0) width 400: "the canvas content has rounded corners (top-left and top-right)"
LayoutListItem {LI} at (40,18) size 744x18
LayoutListMarker (anonymous) at (-17,0) size 7x18: bullet
LayoutText {#text} at (0,0) size 358x18
text run at (0,0) width 358: "the 10px red border is visible around the canvas content"
LayoutListItem {LI} at (40,36) size 744x18
LayoutListMarker (anonymous) at (-17,0) size 7x18: bullet
LayoutText {#text} at (0,0) size 160x18
text run at (0,0) width 160: "gray border is not visible"
LayoutBlockFlow (anonymous) at (0,110.72) size 784x281
LayoutText {#text} at (0,0) size 0x0
LayoutText {#text} at (0,0) size 0x0
layer at (8,129) size 277x277
LayoutHTMLCanvas {CANVAS} at (0,0) size 277x277 [bgcolor=#808080] [border: (10px solid #FF0000)]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x380
LayoutBlockFlow {HTML} at (0,0) size 800x380.44
LayoutBlockFlow {BODY} at (8,18.72) size 784x353.72
LayoutBlockFlow {H3} at (0,0) size 784x22
LayoutText {#text} at (0,0) size 91x22
text run at (0,0) width 91: "It passes if:"
LayoutBlockFlow {UL} at (0,40.72) size 784x36
LayoutListItem {LI} at (40,0) size 744x18
LayoutListMarker (anonymous) at (-17,0) size 7x18: bullet
LayoutText {#text} at (0,0) size 425x18
text run at (0,0) width 425: "the canvas content has rounded corners (top-left and bottom-right)"
LayoutListItem {LI} at (40,18) size 744x18
LayoutListMarker (anonymous) at (-17,0) size 7x18: bullet
LayoutText {#text} at (0,0) size 194x18
text run at (0,0) width 194: "gray background is not visible"
LayoutBlockFlow (anonymous) at (0,92.72) size 784x261
LayoutText {#text} at (0,0) size 0x0
LayoutText {#text} at (0,0) size 0x0
layer at (8,111) size 257x257
LayoutHTMLCanvas {CANVAS} at (0,0) size 257x257 [bgcolor=#808080]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x400
LayoutBlockFlow {HTML} at (0,0) size 800x400.44
LayoutBlockFlow {BODY} at (8,18.72) size 784x373.72
LayoutBlockFlow {H3} at (0,0) size 784x22
LayoutText {#text} at (0,0) size 91x22
text run at (0,0) width 91: "It passes if:"
LayoutBlockFlow {UL} at (0,40.72) size 784x36
LayoutListItem {LI} at (40,0) size 744x18
LayoutListMarker (anonymous) at (-17,0) size 7x18: bullet
LayoutText {#text} at (0,0) size 425x18
text run at (0,0) width 425: "the canvas content has rounded corners (bottom-left and top-right)"
LayoutListItem {LI} at (40,18) size 744x18
LayoutListMarker (anonymous) at (-17,0) size 7x18: bullet
LayoutText {#text} at (0,0) size 400x18
text run at (0,0) width 400: "the 10px gray background is visible around the canvas content"
LayoutBlockFlow (anonymous) at (0,92.72) size 784x281
LayoutText {#text} at (0,0) size 0x0
LayoutText {#text} at (0,0) size 0x0
layer at (8,111) size 277x277
LayoutHTMLCanvas {CANVAS} at (0,0) size 277x277 [bgcolor=#808080]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x450
LayoutBlockFlow {HTML} at (0,0) size 800x450.44
LayoutBlockFlow {BODY} at (8,18.72) size 784x423.72
LayoutBlockFlow {H3} at (0,0) size 784x22
LayoutText {#text} at (0,0) size 91x22
text run at (0,0) width 91: "It passes if:"
LayoutBlockFlow {UL} at (0,40.72) size 784x36
LayoutListItem {LI} at (40,0) size 744x18
LayoutListMarker (anonymous) at (-17,0) size 7x18: bullet
LayoutText {#text} at (0,0) size 304x18
text run at (0,0) width 304: "the canvas element has a gradient mask applied"
LayoutListItem {LI} at (40,18) size 744x18
LayoutListMarker (anonymous) at (-17,0) size 7x18: bullet
LayoutText {#text} at (0,0) size 252x18
text run at (0,0) width 252: "the canvas content has rounded corners"
LayoutBlockFlow (anonymous) at (0,92.72) size 784x331
LayoutText {#text} at (0,0) size 0x0
LayoutText {#text} at (0,0) size 0x0
layer at (28,131) size 287x287 transparent
LayoutHTMLCanvas {CANVAS} at (20,20) size 287x287 [bgcolor=#808080] [border: (5px solid #FF0000)]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x450
LayoutBlockFlow {HTML} at (0,0) size 800x450.44
LayoutBlockFlow {BODY} at (8,18.72) size 784x423.72
LayoutBlockFlow {H3} at (0,0) size 784x22
LayoutText {#text} at (0,0) size 91x22
text run at (0,0) width 91: "It passes if:"
LayoutBlockFlow {UL} at (0,40.72) size 784x36
LayoutListItem {LI} at (40,0) size 744x18
LayoutListMarker (anonymous) at (-17,0) size 7x18: bullet
LayoutText {#text} at (0,0) size 309x18
text run at (0,0) width 309: "the canvas element has 8px gray shadow around"
LayoutListItem {LI} at (40,18) size 744x18
LayoutListMarker (anonymous) at (-17,0) size 7x18: bullet
LayoutText {#text} at (0,0) size 252x18
text run at (0,0) width 252: "the canvas content has rounded corners"
LayoutBlockFlow (anonymous) at (0,92.72) size 784x331
LayoutText {#text} at (0,0) size 0x0
LayoutText {#text} at (0,0) size 0x0
layer at (28,131) size 287x287
LayoutHTMLCanvas {CANVAS} at (20,20) size 287x287 [bgcolor=#808080] [border: (5px solid #FF0000)]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x348
LayoutBlockFlow {HTML} at (0,0) size 800x348.44
LayoutBlockFlow {BODY} at (8,18.72) size 784x321.72
LayoutBlockFlow {H3} at (0,0) size 784x22
LayoutText {#text} at (0,0) size 91x22
text run at (0,0) width 91: "It passes if:"
LayoutBlockFlow {UL} at (0,40.72) size 784x36
LayoutListItem {LI} at (40,0) size 744x18
LayoutListMarker (anonymous) at (-17,0) size 7x18: bullet
LayoutText {#text} at (0,0) size 415x18
text run at (0,0) width 415: "the video content has rounded corners (top left and bottom right)"
LayoutListItem {LI} at (40,18) size 744x18
LayoutListMarker (anonymous) at (-17,0) size 7x18: bullet
LayoutText {#text} at (0,0) size 194x18
text run at (0,0) width 194: "gray background is not visible"
LayoutBlockFlow (anonymous) at (0,92.72) size 784x229
LayoutText {#text} at (0,0) size 0x0
layer at (8,111) size 400x225
LayoutVideo {VIDEO} at (0,0) size 400x225 [bgcolor=#808080]
layer at (8,111) size 400x225
LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 400x225
LayoutBlockFlow {DIV} at (0,193) size 400x32
layer at (8,111) size 400x183
LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 400x183
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x348
LayoutBlockFlow {HTML} at (0,0) size 800x348.44
LayoutBlockFlow {BODY} at (8,18.72) size 784x321.72
LayoutBlockFlow {H3} at (0,0) size 784x22
LayoutText {#text} at (0,0) size 91x22
text run at (0,0) width 91: "It passes if:"
LayoutBlockFlow {UL} at (0,40.72) size 784x36
LayoutListItem {LI} at (40,0) size 744x18
LayoutListMarker (anonymous) at (-17,0) size 7x18: bullet
LayoutText {#text} at (0,0) size 415x18
text run at (0,0) width 415: "the video content has rounded corners (top left and bottom right)"
LayoutListItem {LI} at (40,18) size 744x18
LayoutListMarker (anonymous) at (-17,0) size 7x18: bullet
LayoutText {#text} at (0,0) size 480x18
text run at (0,0) width 480: "the remaining space is gray and has same rounded corners as video content"
LayoutBlockFlow (anonymous) at (0,92.72) size 784x229
LayoutText {#text} at (0,0) size 0x0
layer at (8,111) size 500x225
LayoutVideo {VIDEO} at (0,0) size 500x225 [bgcolor=#808080]
layer at (8,111) size 500x225
LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 500x225
LayoutBlockFlow {DIV} at (0,193) size 500x32
layer at (8,111) size 500x183
LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 500x183
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x386
LayoutBlockFlow {HTML} at (0,0) size 800x386.44
LayoutBlockFlow {BODY} at (8,18.72) size 784x359.72
LayoutBlockFlow {H3} at (0,0) size 784x22
LayoutText {#text} at (0,0) size 91x22
text run at (0,0) width 91: "It passes if:"
LayoutBlockFlow {UL} at (0,40.72) size 784x54
LayoutListItem {LI} at (40,0) size 744x18
LayoutListMarker (anonymous) at (-17,0) size 7x18: bullet
LayoutText {#text} at (0,0) size 415x18
text run at (0,0) width 415: "the video content has rounded corners (top left and bottom right)"
LayoutListItem {LI} at (40,18) size 744x18
LayoutListMarker (anonymous) at (-17,0) size 7x18: bullet
LayoutText {#text} at (0,0) size 480x18
text run at (0,0) width 480: "the remaining space is gray and has same rounded corners as video content"
LayoutListItem {LI} at (40,36) size 744x18
LayoutListMarker (anonymous) at (-17,0) size 7x18: bullet
LayoutText {#text} at (0,0) size 269x18
text run at (0,0) width 269: "has box shadow around the video element"
LayoutBlockFlow (anonymous) at (0,110.72) size 784x249
LayoutText {#text} at (0,0) size 0x0
layer at (18,139) size 500x225
LayoutVideo {VIDEO} at (10,10) size 500x225 [bgcolor=#808080]
layer at (18,139) size 500x225
LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 500x225
LayoutBlockFlow {DIV} at (0,193) size 500x32
layer at (18,139) size 500x183
LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 500x183
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x496
LayoutBlockFlow {HTML} at (0,0) size 800x496.44
LayoutBlockFlow {BODY} at (8,18.72) size 784x469.72
LayoutBlockFlow {H3} at (0,0) size 784x23
LayoutText {#text} at (0,0) size 92x22
text run at (0,0) width 92: "It passes if:"
LayoutBlockFlow {UL} at (0,41.72) size 784x80
LayoutListItem {LI} at (40,0) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 374x19
text run at (0,0) width 374: "the 10px gray background is visible around the canvas content"
LayoutListItem {LI} at (40,20) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 148x19
text run at (0,0) width 148: "has 5px solid red border"
LayoutListItem {LI} at (40,40) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 305x19
text run at (0,0) width 305: "all the corners for border and padding are rounded"
LayoutListItem {LI} at (40,60) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 351x19
text run at (0,0) width 351: "the bottom right corner of canvas content is NOT rounded"
LayoutBlockFlow (anonymous) at (0,137.72) size 784x332
LayoutText {#text} at (0,0) size 0x0
LayoutText {#text} at (0,0) size 0x0
layer at (28,176) size 287x287
LayoutHTMLCanvas {CANVAS} at (20,20) size 287x287 [bgcolor=#808080] [border: (5px solid #FF0000)]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x426
LayoutBlockFlow {HTML} at (0,0) size 800x426.44
LayoutBlockFlow {BODY} at (8,18.72) size 784x399.72
LayoutBlockFlow {H3} at (0,0) size 784x23
LayoutText {#text} at (0,0) size 92x22
text run at (0,0) width 92: "It passes if:"
LayoutBlockFlow {UL} at (0,41.72) size 784x60
LayoutListItem {LI} at (40,0) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 378x19
text run at (0,0) width 378: "the canvas content has rounded corners (top-left and top-right)"
LayoutListItem {LI} at (40,20) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 337x19
text run at (0,0) width 337: "the 10px red border is visible around the canvas content"
LayoutListItem {LI} at (40,40) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 148x19
text run at (0,0) width 148: "gray border is not visible"
LayoutBlockFlow (anonymous) at (0,117.72) size 784x282
LayoutText {#text} at (0,0) size 0x0
LayoutText {#text} at (0,0) size 0x0
layer at (8,136) size 277x277
LayoutHTMLCanvas {CANVAS} at (0,0) size 277x277 [bgcolor=#808080] [border: (10px solid #FF0000)]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x386
LayoutBlockFlow {HTML} at (0,0) size 800x386.44
LayoutBlockFlow {BODY} at (8,18.72) size 784x359.72
LayoutBlockFlow {H3} at (0,0) size 784x23
LayoutText {#text} at (0,0) size 92x22
text run at (0,0) width 92: "It passes if:"
LayoutBlockFlow {UL} at (0,41.72) size 784x40
LayoutListItem {LI} at (40,0) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 401x19
text run at (0,0) width 401: "the canvas content has rounded corners (top-left and bottom-right)"
LayoutListItem {LI} at (40,20) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 179x19
text run at (0,0) width 179: "gray background is not visible"
LayoutBlockFlow (anonymous) at (0,97.72) size 784x262
LayoutText {#text} at (0,0) size 0x0
LayoutText {#text} at (0,0) size 0x0
layer at (8,116) size 257x257
LayoutHTMLCanvas {CANVAS} at (0,0) size 257x257 [bgcolor=#808080]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x406
LayoutBlockFlow {HTML} at (0,0) size 800x406.44
LayoutBlockFlow {BODY} at (8,18.72) size 784x379.72
LayoutBlockFlow {H3} at (0,0) size 784x23
LayoutText {#text} at (0,0) size 92x22
text run at (0,0) width 92: "It passes if:"
LayoutBlockFlow {UL} at (0,41.72) size 784x40
LayoutListItem {LI} at (40,0) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 401x19
text run at (0,0) width 401: "the canvas content has rounded corners (bottom-left and top-right)"
LayoutListItem {LI} at (40,20) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 374x19
text run at (0,0) width 374: "the 10px gray background is visible around the canvas content"
LayoutBlockFlow (anonymous) at (0,97.72) size 784x282
LayoutText {#text} at (0,0) size 0x0
LayoutText {#text} at (0,0) size 0x0
layer at (8,116) size 277x277
LayoutHTMLCanvas {CANVAS} at (0,0) size 277x277 [bgcolor=#808080]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x456
LayoutBlockFlow {HTML} at (0,0) size 800x456.44
LayoutBlockFlow {BODY} at (8,18.72) size 784x429.72
LayoutBlockFlow {H3} at (0,0) size 784x23
LayoutText {#text} at (0,0) size 92x22
text run at (0,0) width 92: "It passes if:"
LayoutBlockFlow {UL} at (0,41.72) size 784x40
LayoutListItem {LI} at (40,0) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 284x19
text run at (0,0) width 284: "the canvas element has a gradient mask applied"
LayoutListItem {LI} at (40,20) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 238x19
text run at (0,0) width 238: "the canvas content has rounded corners"
LayoutBlockFlow (anonymous) at (0,97.72) size 784x332
LayoutText {#text} at (0,0) size 0x0
LayoutText {#text} at (0,0) size 0x0
layer at (28,136) size 287x287 transparent
LayoutHTMLCanvas {CANVAS} at (20,20) size 287x287 [bgcolor=#808080] [border: (5px solid #FF0000)]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x456
LayoutBlockFlow {HTML} at (0,0) size 800x456.44
LayoutBlockFlow {BODY} at (8,18.72) size 784x429.72
LayoutBlockFlow {H3} at (0,0) size 784x23
LayoutText {#text} at (0,0) size 92x22
text run at (0,0) width 92: "It passes if:"
LayoutBlockFlow {UL} at (0,41.72) size 784x40
LayoutListItem {LI} at (40,0) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 291x19
text run at (0,0) width 291: "the canvas element has 8px gray shadow around"
LayoutListItem {LI} at (40,20) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 238x19
text run at (0,0) width 238: "the canvas content has rounded corners"
LayoutBlockFlow (anonymous) at (0,97.72) size 784x332
LayoutText {#text} at (0,0) size 0x0
LayoutText {#text} at (0,0) size 0x0
layer at (28,136) size 287x287
LayoutHTMLCanvas {CANVAS} at (20,20) size 287x287 [bgcolor=#808080] [border: (5px solid #FF0000)]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x354
LayoutBlockFlow {HTML} at (0,0) size 800x354.44
LayoutBlockFlow {BODY} at (8,18.72) size 784x327.72
LayoutBlockFlow {H3} at (0,0) size 784x23
LayoutText {#text} at (0,0) size 92x22
text run at (0,0) width 92: "It passes if:"
LayoutBlockFlow {UL} at (0,41.72) size 784x40
LayoutListItem {LI} at (40,0) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 389x19
text run at (0,0) width 389: "the video content has rounded corners (top left and bottom right)"
LayoutListItem {LI} at (40,20) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 179x19
text run at (0,0) width 179: "gray background is not visible"
LayoutBlockFlow (anonymous) at (0,97.72) size 784x230
LayoutText {#text} at (0,0) size 0x0
layer at (8,116) size 400x225
LayoutVideo {VIDEO} at (0,0) size 400x225 [bgcolor=#808080]
layer at (8,116) size 400x225
LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 400x225
LayoutBlockFlow {DIV} at (0,193) size 400x32
layer at (8,116) size 400x183
LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 400x183
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x354
LayoutBlockFlow {HTML} at (0,0) size 800x354.44
LayoutBlockFlow {BODY} at (8,18.72) size 784x327.72
LayoutBlockFlow {H3} at (0,0) size 784x23
LayoutText {#text} at (0,0) size 92x22
text run at (0,0) width 92: "It passes if:"
LayoutBlockFlow {UL} at (0,41.72) size 784x40
LayoutListItem {LI} at (40,0) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 389x19
text run at (0,0) width 389: "the video content has rounded corners (top left and bottom right)"
LayoutListItem {LI} at (40,20) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 451x19
text run at (0,0) width 451: "the remaining space is gray and has same rounded corners as video content"
LayoutBlockFlow (anonymous) at (0,97.72) size 784x230
LayoutText {#text} at (0,0) size 0x0
layer at (8,116) size 500x225
LayoutVideo {VIDEO} at (0,0) size 500x225 [bgcolor=#808080]
layer at (8,116) size 500x225
LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 500x225
LayoutBlockFlow {DIV} at (0,193) size 500x32
layer at (8,116) size 500x183
LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 500x183
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x394
LayoutBlockFlow {HTML} at (0,0) size 800x394.44
LayoutBlockFlow {BODY} at (8,18.72) size 784x367.72
LayoutBlockFlow {H3} at (0,0) size 784x23
LayoutText {#text} at (0,0) size 92x22
text run at (0,0) width 92: "It passes if:"
LayoutBlockFlow {UL} at (0,41.72) size 784x60
LayoutListItem {LI} at (40,0) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 389x19
text run at (0,0) width 389: "the video content has rounded corners (top left and bottom right)"
LayoutListItem {LI} at (40,20) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 451x19
text run at (0,0) width 451: "the remaining space is gray and has same rounded corners as video content"
LayoutListItem {LI} at (40,40) size 744x20
LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
LayoutText {#text} at (0,0) size 253x19
text run at (0,0) width 253: "has box shadow around the video element"
LayoutBlockFlow (anonymous) at (0,117.72) size 784x250
LayoutText {#text} at (0,0) size 0x0
layer at (18,146) size 500x225
LayoutVideo {VIDEO} at (10,10) size 500x225 [bgcolor=#808080]
layer at (18,146) size 500x225
LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 500x225
LayoutBlockFlow {DIV} at (0,193) size 500x32
layer at (18,146) size 500x183
LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 500x183
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment