Create LayoutTests virtual target for VideoSurfaceLayer.

This adds a virtual/video-surface-layer/ that runs with the feature
enabled and uses a flag to properly do pixel comparison using browser
compositor in addition of the renderer compositor.

Bug: 838128
Change-Id: I2bd7306b156b1e49e1404f5f3b3803b8e6771d4b
Reviewed-on: https://chromium-review.googlesource.com/1034289
Commit-Queue: Mounir Lamouri <mlamouri@chromium.org>
Reviewed-by: CJ DiMeglio <lethalantidote@chromium.org>
Reviewed-by: Frank Liberato <liberato@chromium.org>
Cr-Commit-Position: refs/heads/master@{#555610}

third_party/WebKit/LayoutTests/SlowTests

@@ -53,8 +53,10 @@ crbug.com/24182 external/wpt/html/semantics/embedded-content/media-elements/trac
 crbug.com/24182 external/wpt/html/semantics/embedded-content/media-elements/track/track-element/track-cues-enter-exit.html [ Slow ]
 crbug.com/24182 media/controls/controls-cast-do-not-fade-out.html [ Slow ]
 crbug.com/24182 virtual/new-remote-playback-pipeline/media/controls/controls-cast-do-not-fade-out.html [ Slow ]
+crbug.com/24182 virtual/video-surface-layer/media/controls/controls-cast-do-not-fade-out.html [ Slow ]
 crbug.com/24182 media/controls/controls-cast-overlay-slow-fade.html [ Slow ]
 crbug.com/24182 virtual/new-remote-playback-pipeline/media/controls/controls-cast-overlay-slow-fade.html [ Slow ]
+crbug.com/24182 virtual/video-surface-layer/media/controls/controls-cast-overlay-slow-fade.html [ Slow ]
 crbug.com/24182 svg/filters/big-sized-filter.svg [ Slow ]
 crbug.com/24182 tables/mozilla/other/slashlogo.html [ Slow ]
 crbug.com/24182 virtual/color_space/fast/canvas/color-space/canvas-colorManaged-toBlob-toDataURL.html [ Slow ]
@@ -455,6 +457,7 @@ crbug.com/779956 [ Linux ] external/wpt/offscreen-canvas/drawing-images-to-the-c
 crbug.com/779956 [ Linux ] external/wpt/offscreen-canvas/drawing-images-to-the-canvas/2d.drawImage.zerosource.worker.html [ Slow ]
 
 crbug.com/793771 virtual/modern-media-controls/media/controls/modern/scrubbing.html [ Slow ]
+crbug.com/793771 virtual/video-surface-layer/media/controls/modern/scrubbing.html [ Slow ]
 
 # These tests need to do many iterations and so can't be fast.
 crbug.com/748418 http/tests/streams/chromium/deep-recursion-getwriter.html [ Slow ]

third_party/WebKit/LayoutTests/VirtualTestSuites

@@ -701,5 +701,11 @@
     "prefix": "webrtc-wpt-unified-plan",
     "base": "external/wpt/webrtc",
     "args": ["--enable-blink-features=RTCUnifiedPlanByDefault"]
+  },
+  {
+    "prefix": "video-surface-layer",
+    "base": "media",
+    "args": ["--enable-features=UseSurfaceLayerForVideo",
+             "--enable-display-compositor-pixel-dump"]
   }
 ]

third_party/WebKit/LayoutTests/platform/linux/virtual/video-surface-layer/media/video-frame-accurate-seek-expected.txt

+layer at (0,0) size 800x600
+  LayoutView at (0,0) size 800x600
+layer at (0,0) size 800x550
+  LayoutBlockFlow {HTML} at (0,0) size 800x550
+    LayoutBlockFlow {BODY} at (8,16) size 784x526
+      LayoutBlockFlow {P} at (0,0) size 784x20
+        LayoutText {#text} at (0,0) size 713x19
+          text run at (0,0) width 713: "Test that setting currentTime is frame-accurate. The three videos below should be showing frames 12, 13, and 14."
+      LayoutBlockFlow (anonymous) at (0,36) size 784x490
+        LayoutText {#text} at (320,225) size 4x19
+          text run at (320,225) width 4: " "
+        LayoutText {#text} at (0,0) size 0x0
+        LayoutText {#text} at (0,0) size 0x0
+layer at (8,52) size 320x240
+  LayoutVideo {VIDEO} at (0,0) size 320x240
+layer at (332,52) size 320x240
+  LayoutVideo {VIDEO} at (324,0) size 320x240
+layer at (8,297) size 320x240
+  LayoutVideo {VIDEO} at (0,245) size 320x240
+layer at (8,52) size 320x240
+  LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+    LayoutBlockFlow {DIV} at (160,0) size 0x0
+    LayoutFlexibleBox {DIV} at (0,0) size 320x240
+layer at (332,52) size 320x240
+  LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+    LayoutBlockFlow {DIV} at (160,0) size 0x0
+    LayoutFlexibleBox {DIV} at (0,0) size 320x240
+layer at (8,297) size 320x240
+  LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+    LayoutBlockFlow {DIV} at (160,0) size 0x0
+    LayoutFlexibleBox {DIV} at (0,0) size 320x240

third_party/WebKit/LayoutTests/platform/mac/virtual/video-surface-layer/media/video-frame-accurate-seek-expected.txt

+layer at (0,0) size 800x600
+  LayoutView at (0,0) size 800x600
+layer at (0,0) size 800x546
+  LayoutBlockFlow {HTML} at (0,0) size 800x546
+    LayoutBlockFlow {BODY} at (8,16) size 784x522
+      LayoutBlockFlow {P} at (0,0) size 784x18
+        LayoutText {#text} at (0,0) size 727x18
+          text run at (0,0) width 727: "Test that setting currentTime is frame-accurate. The three videos below should be showing frames 12, 13, and 14."
+      LayoutBlockFlow (anonymous) at (0,34) size 784x488
+        LayoutText {#text} at (320,226) size 4x18
+          text run at (320,226) width 4: " "
+        LayoutText {#text} at (0,0) size 0x0
+        LayoutText {#text} at (0,0) size 0x0
+layer at (8,50) size 320x240
+  LayoutVideo {VIDEO} at (0,0) size 320x240
+layer at (332,50) size 320x240
+  LayoutVideo {VIDEO} at (324,0) size 320x240
+layer at (8,294) size 320x240
+  LayoutVideo {VIDEO} at (0,244) size 320x240
+layer at (8,50) size 320x240
+  LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+    LayoutBlockFlow {DIV} at (160,0) size 0x0
+    LayoutFlexibleBox {DIV} at (0,0) size 320x240
+layer at (332,50) size 320x240
+  LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+    LayoutBlockFlow {DIV} at (160,0) size 0x0
+    LayoutFlexibleBox {DIV} at (0,0) size 320x240
+layer at (8,294) size 320x240
+  LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+    LayoutBlockFlow {DIV} at (160,0) size 0x0
+    LayoutFlexibleBox {DIV} at (0,0) size 320x240

third_party/WebKit/LayoutTests/platform/win/virtual/video-surface-layer/media/video-frame-accurate-seek-expected.txt

+layer at (0,0) size 800x600
+  LayoutView at (0,0) size 800x600
+layer at (0,0) size 800x550
+  LayoutBlockFlow {HTML} at (0,0) size 800x550
+    LayoutBlockFlow {BODY} at (8,16) size 784x526
+      LayoutBlockFlow {P} at (0,0) size 784x20
+        LayoutText {#text} at (0,0) size 682x19
+          text run at (0,0) width 682: "Test that setting currentTime is frame-accurate. The three videos below should be showing frames 12, 13, and 14."
+      LayoutBlockFlow (anonymous) at (0,36) size 784x490
+        LayoutText {#text} at (320,225) size 4x19
+          text run at (320,225) width 4: " "
+        LayoutText {#text} at (0,0) size 0x0
+        LayoutText {#text} at (0,0) size 0x0
+layer at (8,52) size 320x240
+  LayoutVideo {VIDEO} at (0,0) size 320x240
+layer at (332,52) size 320x240
+  LayoutVideo {VIDEO} at (324,0) size 320x240
+layer at (8,297) size 320x240
+  LayoutVideo {VIDEO} at (0,245) size 320x240
+layer at (8,52) size 320x240
+  LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+    LayoutBlockFlow {DIV} at (160,0) size 0x0
+    LayoutFlexibleBox {DIV} at (0,0) size 320x240
+layer at (332,52) size 320x240
+  LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+    LayoutBlockFlow {DIV} at (160,0) size 0x0
+    LayoutFlexibleBox {DIV} at (0,0) size 320x240
+layer at (8,297) size 320x240
+  LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+    LayoutBlockFlow {DIV} at (160,0) size 0x0
+    LayoutFlexibleBox {DIV} at (0,0) size 320x240

third_party/WebKit/LayoutTests/platform/win7/virtual/video-surface-layer/media/video-zoom-controls-actual.txt

+layer at (0,0) size 800x600
+  LayoutView at (0,0) size 800x600
+layer at (0,0) size 800x600
+  LayoutBlockFlow {HTML} at (0,0) size 800x600
+    LayoutBlockFlow {BODY} at (12,12) size 776x543
+      LayoutBlockFlow {P} at (0,0) size 776x28
+        LayoutText {#text} at (0,0) size 275x27
+          text run at (0,0) width 275: "Zoomed video with controls."
+layer at (57,85) size 240x180
+  LayoutVideo {VIDEO} at (45,73) size 240x180
+layer at (57,85) size 240x180
+  LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 240x180
+    LayoutBlockFlow {DIV} at (120,0) size 0x0
+    LayoutFlexibleBox {DIV} at (0,0) size 240x180
+layer at (57,85) size 240x180
+  LayoutFlexibleBox {DIV} at (0,0) size 240x180
+    LayoutSlider {INPUT} at (0,141) size 240x39 [color=#C4C4C4]
+      LayoutFlexibleBox {DIV} at (24,7.50) size 192x6
+layer at (57,85) size 240x201 backgroundClip at (57,85) size 240x180 clip at (60,88) size 234x177
+  LayoutButton (relative positioned) {INPUT} at (0,0) size 240x201 [border: (3px outset #C0C0C0)]
+    LayoutFlexibleBox (anonymous) at (12,58.50) size 216x84
+      LayoutBlockFlow {DIV} at (66,0) size 84x84 [bgcolor=#FFFFFFE6]
+layer at (81,234) size 192x6
+  LayoutBlockFlow (relative positioned) {DIV} at (0,0) size 192x6 [bgcolor=#FFFFFF4D]
+layer at (81,228) size 18x18
+  LayoutBlockFlow (relative positioned) {DIV} at (0,-6) size 18x18 [bgcolor=#FFFFFF]
+layer at (81,234) size 192x6 scrollWidth 288
+  LayoutBlockFlow (positioned) {DIV} at (0,0) size 192x6
+layer at (81,234) size 0x6
+  LayoutBlockFlow (positioned) {DIV} at (0,0) size 0x6 [bgcolor=#FFFFFF]
+layer at (81,234) size 288x6 backgroundClip at (81,234) size 192x6 clip at (81,234) size 192x6
+  LayoutBlockFlow (positioned) {DIV} at (0,0) size 288x6 [bgcolor=#FFFFFF8A]
+layer at (57,310) size 240x180
+  LayoutVideo {VIDEO} at (45,298) size 240x180
+layer at (57,310) size 240x180
+  LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 240x180
+    LayoutBlockFlow {DIV} at (120,0) size 0x0
+    LayoutFlexibleBox {DIV} at (0,0) size 240x180
+layer at (57,310) size 240x180
+  LayoutFlexibleBox {DIV} at (0,0) size 240x180
+    LayoutSlider {INPUT} at (0,141) size 240x39 [color=#C4C4C4]
+      LayoutFlexibleBox {DIV} at (24,7.50) size 192x6
+layer at (57,310) size 240x201 backgroundClip at (43,291) size 268x218 clip at (60,313) size 234x195
+  LayoutButton (relative positioned) {INPUT} at (0,0) size 240x201 [border: (3px outset #C0C0C0)]
+    LayoutFlexibleBox (anonymous) at (12,58.50) size 216x84
+      LayoutBlockFlow {DIV} at (66,0) size 84x84 [bgcolor=#FFFFFFE6]
+layer at (81,459) size 192x6
+  LayoutBlockFlow (relative positioned) {DIV} at (0,0) size 192x6 [bgcolor=#FFFFFF4D]
+layer at (81,453) size 18x18
+  LayoutBlockFlow (relative positioned) {DIV} at (0,-6) size 18x18 [bgcolor=#FFFFFF]
+layer at (81,459) size 192x6 backgroundClip at (71,441) size 190x39 clip at (81,459) size 180x6 scrollWidth 288
+  LayoutBlockFlow (positioned) {DIV} at (0,0) size 192x6
+layer at (81,459) size 0x6
+  LayoutBlockFlow (positioned) {DIV} at (0,0) size 0x6 [bgcolor=#FFFFFF]
+layer at (81,459) size 288x6 backgroundClip at (71,441) size 190x40 clip at (71,441) size 190x40
+  LayoutBlockFlow (positioned) {DIV} at (0,0) size 288x6 [bgcolor=#FFFFFF8A]

third_party/WebKit/LayoutTests/virtual/video-surface-layer/media/README.txt

+This suite runs all media tests with UseSurfaceLayerForVideo feature enabled.
+It also uses --enable-display-compositor-pixel-dump in order to properly render
+tests using SurfaceLayer.

third_party/WebKit/LayoutTests/virtual/video-surface-layer/media/video-transformed-expected.txt

+layer at (0,0) size 800x600
+  LayoutView at (0,0) size 800x600
+layer at (0,0) size 800x600
+  LayoutBlockFlow {HTML} at (0,0) size 800x600
+    LayoutBlockFlow {BODY} at (8,8) size 784x584
+      LayoutBlockFlow {P} at (0,0) size 784x20
+        LayoutText {#text} at (0,0) size 216x19
+          text run at (0,0) width 216: "Test painting of transformed video"
+      LayoutBlockFlow (anonymous) at (0,36) size 784x483
+        LayoutText {#text} at (0,141) size 4x19
+          text run at (0,141) width 4: " "
+        LayoutBR {BR} at (210,156) size 0x0
+        LayoutText {#text} at (0,302) size 4x19
+          text run at (0,302) width 4: " "
+        LayoutBR {BR} at (210,317) size 0x0
+        LayoutText {#text} at (0,463) size 4x19
+          text run at (0,463) width 4: " "
+        LayoutBR {BR} at (210,478) size 0x0
+layer at (12,44) size 206x156
+  LayoutVideo {VIDEO} at (4,0) size 206x156 [border: (3px solid #FF0000)]
+layer at (15,47) size 200x150
+  LayoutFlexibleBox (relative positioned) {DIV} at (3,3) size 200x150
+    LayoutBlockFlow {DIV} at (100,0) size 0x0
+    LayoutFlexibleBox {DIV} at (0,0) size 200x150
+layer at (12,205) size 206x156
+  LayoutVideo {VIDEO} at (4,161) size 206x156 [border: (3px solid #FF0000)]
+layer at (15,208) size 200x150
+  LayoutFlexibleBox (relative positioned) {DIV} at (3,3) size 200x150
+    LayoutBlockFlow {DIV} at (100,0) size 0x0
+    LayoutFlexibleBox {DIV} at (0,0) size 200x150
+layer at (12,366) size 206x156
+  LayoutVideo {VIDEO} at (4,322) size 206x156 [border: (3px solid #FF0000)]
+layer at (15,369) size 200x150
+  LayoutFlexibleBox (relative positioned) {DIV} at (3,3) size 200x150
+    LayoutBlockFlow {DIV} at (100,0) size 0x0
+    LayoutFlexibleBox {DIV} at (0,0) size 200x150