Use a separate backdrop element to allow cues to have highlight and background color
[WebKit-https.git] / LayoutTests / platform / mac / media / track / track-cue-rendering-horizontal-expected.txt
1 layer at (0,0) size 800x600
2   RenderView at (0,0) size 800x600
3 layer at (0,0) size 800x332
4   RenderBlock {HTML} at (0,0) size 800x332
5     RenderBody {BODY} at (8,8) size 784x316
6       RenderBlock (anonymous) at (0,0) size 784x244
7         RenderText {#text} at (0,0) size 0x0
8       RenderBlock {DIV} at (0,244) size 784x72
9         RenderText {#text} at (0,0) size 266x18
10           text run at (0,0) width 266: "Rendering horizontal line-positioned cues."
11         RenderBR {BR} at (266,0) size 0x18
12         RenderText {#text} at (0,18) size 162x18
13           text run at (0,18) width 162: "EVENT(canplaythrough)"
14         RenderBR {BR} at (162,18) size 0x18
15         RenderText {#text} at (0,36) size 107x18
16           text run at (0,36) width 107: "EVENT(seeked)"
17         RenderBR {BR} at (107,36) size 0x18
18         RenderText {#text} at (0,54) size 102x18
19           text run at (0,54) width 102: "END OF TEST"
20         RenderBR {BR} at (102,54) size 0x18
21 layer at (8,8) size 320x240
22   RenderVideo {VIDEO} at (0,0) size 320x240
23 layer at (8,8) size 320x240
24   RenderFlexibleBox {DIV} at (0,0) size 320x240
25 layer at (8,8) size 320x240
26   RenderBlock (relative positioned) {DIV} at (0,0) size 320x240 [color=#FFFFFF]
27 layer at (8,8) size 320x14
28   RenderBlock (positioned) {DIV} at (0,0) size 320x14
29     RenderBlock {DIV} at (22,0) size 276x14
30       RenderInline {SPAN} at (0,0) size 275x14 [bgcolor=#000000CC]
31         RenderText {#text} at (0,0) size 275x14
32           text run at (0,0) width 275: "Cue 1: should be positioned at the top of the video."
33 layer at (8,22) size 320x14
34   RenderBlock (positioned) {DIV} at (0,14) size 320x14
35     RenderBlock {DIV} at (8,0) size 304x14
36       RenderInline {SPAN} at (0,0) size 303x14 [bgcolor=#000000CC]
37         RenderText {#text} at (0,0) size 303x14
38           text run at (0,0) width 303: "Cue 2: should be the second cue and not overlap cue 1."
39 layer at (8,36) size 320x14
40   RenderBlock (positioned) {DIV} at (0,28) size 320x14
41     RenderBlock {DIV} at (12,0) size 296x14
42       RenderInline {SPAN} at (0,0) size 296x14 [bgcolor=#000000CC]
43         RenderText {#text} at (0,0) size 296x14
44           text run at (0,0) width 296: "Cue 3: should become the third line from top to bottom."
45 layer at (8,78) size 320x14
46   RenderBlock (positioned) {DIV} at (0,70) size 320x14
47     RenderBlock {DIV} at (16,0) size 288x14
48       RenderInline {SPAN} at (0,0) size 287x14 [bgcolor=#000000CC]
49         RenderText {#text} at (0,0) size 287x14
50           text run at (0,0) width 287: "Cue 4: should be fixed positioned around the middle."
51 layer at (8,234) size 320x14
52   RenderBlock (positioned) {DIV} at (0,226) size 320x14
53     RenderBlock {DIV} at (14,0) size 292x14
54       RenderInline {SPAN} at (0,0) size 291x14 [bgcolor=#000000CC]
55         RenderText {#text} at (0,0) size 291x14
56           text run at (0,0) width 291: "Cue 5: should be displayed at the bottom of the video."
57 layer at (8,220) size 320x14
58   RenderBlock (positioned) {DIV} at (0,212) size 320x14
59     RenderBlock {DIV} at (20,0) size 280x14
60       RenderInline {SPAN} at (0,0) size 279x14 [bgcolor=#000000CC]
61         RenderText {#text} at (0,0) size 279x14
62           text run at (0,0) width 279: "Cue 6: should be on top of bottom positioned cue 5."