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
index 49bb87f..b2e25fd 100644 (file)
@@ -26,31 +26,37 @@ layer at (8,8) size 320x240
   RenderBlock (relative positioned) {DIV} at (0,0) size 320x240 [color=#FFFFFF]
 layer at (8,8) size 320x14
   RenderBlock (positioned) {DIV} at (0,0) size 320x14
-    RenderInline {SPAN} at (0,0) size 276x14 [bgcolor=#000000CC]
-      RenderText {#text} at (22,0) size 276x14
-        text run at (22,0) width 276: "Cue 1: should be positioned at the top of the video."
+    RenderBlock {DIV} at (22,0) size 276x14
+      RenderInline {SPAN} at (0,0) size 275x14 [bgcolor=#000000CC]
+        RenderText {#text} at (0,0) size 275x14
+          text run at (0,0) width 275: "Cue 1: should be positioned at the top of the video."
 layer at (8,22) size 320x14
   RenderBlock (positioned) {DIV} at (0,14) size 320x14
-    RenderInline {SPAN} at (0,0) size 304x14 [bgcolor=#000000CC]
-      RenderText {#text} at (8,0) size 304x14
-        text run at (8,0) width 304: "Cue 2: should be the second cue and not overlap cue 1."
+    RenderBlock {DIV} at (8,0) size 304x14
+      RenderInline {SPAN} at (0,0) size 303x14 [bgcolor=#000000CC]
+        RenderText {#text} at (0,0) size 303x14
+          text run at (0,0) width 303: "Cue 2: should be the second cue and not overlap cue 1."
 layer at (8,36) size 320x14
   RenderBlock (positioned) {DIV} at (0,28) size 320x14
-    RenderInline {SPAN} at (0,0) size 296x14 [bgcolor=#000000CC]
-      RenderText {#text} at (12,0) size 296x14
-        text run at (12,0) width 296: "Cue 3: should become the third line from top to bottom."
+    RenderBlock {DIV} at (12,0) size 296x14
+      RenderInline {SPAN} at (0,0) size 296x14 [bgcolor=#000000CC]
+        RenderText {#text} at (0,0) size 296x14
+          text run at (0,0) width 296: "Cue 3: should become the third line from top to bottom."
 layer at (8,78) size 320x14
   RenderBlock (positioned) {DIV} at (0,70) size 320x14
-    RenderInline {SPAN} at (0,0) size 288x14 [bgcolor=#000000CC]
-      RenderText {#text} at (16,0) size 288x14
-        text run at (16,0) width 288: "Cue 4: should be fixed positioned around the middle."
+    RenderBlock {DIV} at (16,0) size 288x14
+      RenderInline {SPAN} at (0,0) size 287x14 [bgcolor=#000000CC]
+        RenderText {#text} at (0,0) size 287x14
+          text run at (0,0) width 287: "Cue 4: should be fixed positioned around the middle."
 layer at (8,234) size 320x14
   RenderBlock (positioned) {DIV} at (0,226) size 320x14
-    RenderInline {SPAN} at (0,0) size 292x14 [bgcolor=#000000CC]
-      RenderText {#text} at (14,0) size 292x14
-        text run at (14,0) width 292: "Cue 5: should be displayed at the bottom of the video."
+    RenderBlock {DIV} at (14,0) size 292x14
+      RenderInline {SPAN} at (0,0) size 291x14 [bgcolor=#000000CC]
+        RenderText {#text} at (0,0) size 291x14
+          text run at (0,0) width 291: "Cue 5: should be displayed at the bottom of the video."
 layer at (8,220) size 320x14
   RenderBlock (positioned) {DIV} at (0,212) size 320x14
-    RenderInline {SPAN} at (0,0) size 280x14 [bgcolor=#000000CC]
-      RenderText {#text} at (20,0) size 280x14
-        text run at (20,0) width 280: "Cue 6: should be on top of bottom positioned cue 5."
+    RenderBlock {DIV} at (20,0) size 280x14
+      RenderInline {SPAN} at (0,0) size 279x14 [bgcolor=#000000CC]
+        RenderText {#text} at (0,0) size 279x14
+          text run at (0,0) width 279: "Cue 6: should be on top of bottom positioned cue 5."