Bug 175700

Summary: LayoutTest media/video-controls-rendering.html is a flaky failure
Product: WebKit Reporter: Ryan Haddad <ryanhaddad>
Component: MediaAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: graouts, jlewis3
Priority: P2    
Version: WebKit Nightly Build   
Hardware: Unspecified   
OS: Unspecified   
See Also: https://bugs.webkit.org/show_bug.cgi?id=173978

Description Ryan Haddad 2017-08-17 17:51:54 PDT 
LayoutTest media/video-controls-rendering.html is a flaky failure

https://build.webkit.org/results/Apple%20Sierra%20Release%20WK2%20(Tests)/r220886%20(3675)/results.html

https://webkit-test-results.webkit.org/dashboards/flakiness_dashboard.html#showAllRuns=true&tests=media%2Fvideo-controls-rendering.html

--- /Volumes/Data/slave/sierra-release-tests-wk2/build/layout-test-results/media/video-controls-rendering-expected.txt
+++ /Volumes/Data/slave/sierra-release-tests-wk2/build/layout-test-results/media/video-controls-rendering-actual.txt
@@ -11,126 +11,213 @@
       RenderBlock {DIV} at (0,274) size 769x240
         RenderText {#text} at (0,0) size 0x0
       RenderBlock {DIV} at (0,514) size 769x0
-layer at (8,42) size 320x240 isolatesBlending
+layer at (8,42) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (8,42) size 320x240
-  RenderFlexibleBox {DIV} at (0,0) size 320x240
-layer at (8,237) size 320x45
-  RenderFlexibleBox {DIV} at (0,195) size 320x45
-layer at (8,237) size 320x45 isolatesBlending
-  RenderBlock (positioned) {DIV} at (0,0) size 320x45
-layer at (8,237) size 320x45
-  RenderBlock (positioned) {DIV} at (0,0) size 320x45 [bgcolor=#1E1E1E73]
-layer at (8,237) size 320x45 blendMode: lighten
-  RenderBlock (positioned) {DIV} at (0,0) size 320x45 [bgcolor=#292929]
-layer at (16,262) size 12x15 blendMode: plus-lighter
-  RenderButton {BUTTON} at (8,25) size 12x15 [color=#FFFFFF]
-layer at (44,262) size 16x15 blendMode: plus-lighter
-  RenderButton {BUTTON} at (36,24) size 16x16 [color=#FFFFFF]
-layer at (68,261) size 201x17
-  RenderFlexibleBox {DIV} at (60,24) size 201x17
-layer at (76,263) size 32x13 blendMode: plus-lighter
-  RenderFlexibleBox {DIV} at (8,2) size 32x13 [color=#FFFFFF]
-    RenderBlock (anonymous) at (-1,0) size 33x13
-      RenderText {#text} at (0,0) size 33x13
-        text run at (0,0) width 33: "00:00"
-layer at (118,261) size 96x17
-  RenderFlexibleBox {DIV} at (50,0) size 96x17
-layer at (118,261) size 96x17 blendMode: plus-lighter
-  RenderSlider {INPUT} at (0,0) size 96x17 [color=#909090]
-    RenderFlexibleBox {DIV} at (0,0) size 96x17
-      RenderBlock {DIV} at (0,1) size 96x15
-        RenderBlock {DIV} at (0,0) size 3x15
-layer at (224,263) size 37x13 blendMode: plus-lighter
-  RenderFlexibleBox {DIV} at (156,2) size 37x13 [color=#FFFFFF]
-    RenderBlock (anonymous) at (0,0) size 38x13
-      RenderText {#text} at (0,0) size 38x13
-        text run at (0,0) width 38: "-00:06"
-layer at (277,257) size 14x25
-  RenderFlexibleBox {DIV} at (269,20) size 14x25
-layer at (277,262) size 14x15 blendMode: plus-lighter
-  RenderButton {BUTTON} at (0,5) size 14x15 [color=#FFFFFF]
-layer at (307,262) size 14x15 blendMode: plus-lighter
-  RenderButton {BUTTON} at (299,25) size 14x15 [color=#FFFFFF]
-layer at (8,282) size 320x240 isolatesBlending
+  RenderBlock (relative positioned) {DIV} at (0,0) size 320x240
+layer at (8,42) size 320x240
+  RenderBlock (positioned) {DIV} at (0,0) size 320x240
+layer at (14,48) size 47x31 isolatesBlending
+  RenderBlock (positioned) {DIV} at (6,6) size 47x31
+layer at (14,48) size 47x31
+  RenderBlock (positioned) {DIV} at (0,0) size 47x31
+layer at (14,48) size 47x31
+  RenderBlock (positioned) {DIV} at (0,0) size 47x31 [bgcolor=#0000008C]
+layer at (14,48) size 47x31 blendMode: lighten
+  RenderBlock (positioned) {DIV} at (0,0) size 47x31 [bgcolor=#FFFFFF23]
+layer at (14,48) size 47x31
+  RenderFlexibleBox {DIV} at (0,0) size 47x31
+layer at (30,48) size 15x31
+  RenderButton {BUTTON} at (16,0) size 15x31
+    RenderFlexibleBox at (0,8) size 15x15
+layer at (30,56) size 15x15 blendMode: plus-lighter
+  RenderBlock {PICTURE} at (0,0) size 15x15 [bgcolor=#FFFFFF8C]
+layer at (14,245) size 308x31 isolatesBlending
+  RenderBlock (positioned) {DIV} at (6,203) size 308x31
+layer at (14,245) size 308x31
+  RenderBlock (positioned) {DIV} at (0,0) size 308x31
+layer at (14,245) size 308x31
+  RenderBlock (positioned) {DIV} at (0,0) size 308x31 [bgcolor=#0000008C]
+layer at (14,245) size 308x31 blendMode: lighten
+  RenderBlock (positioned) {DIV} at (0,0) size 308x31 [bgcolor=#FFFFFF23]
+layer at (14,245) size 43x31
+  RenderFlexibleBox {DIV} at (0,0) size 43x31
+layer at (30,245) size 11x31
+  RenderButton {BUTTON} at (16,0) size 11x31
+    RenderFlexibleBox at (0,9) size 11x13
+layer at (30,254) size 11x13 blendMode: plus-lighter
+  RenderBlock {PICTURE} at (0,0) size 11x13 [bgcolor=#FFFFFFBF]
+layer at (57,245) size 211x31
+  RenderFlexibleBox {DIV} at (43,0) size 211x31
+layer at (57,253) size 27x15 blendMode: plus-lighter
+  RenderBlock (positioned) {DIV} at (0,8) size 27x15 [color=#FFFFFF8C]
+    RenderText {#text} at (0,0) size 27x15
+      text run at (0,0) width 27: "0:00"
+layer at (89,253) size 141x16
+  RenderBlock (relative positioned) {DIV} at (0,7) size 141x17
+layer at (89,258) size 141x5
+  RenderBlock (positioned) {DIV} at (0,5) size 141x6
+layer at (89,258) size 141x5 blendMode: plus-lighter
+  RenderBlock (positioned) {DIV} at (0,0) size 141x5 [bgcolor=#FFFFFF19]
+layer at (89,258) size 5x5 blendMode: plus-lighter
+  RenderBlock (positioned) {DIV} at (0,0) size 5x5 [bgcolor=#FFFFFF59]
+layer at (94,258) size 136x5 blendMode: plus-lighter
+  RenderBlock (positioned) {DIV} at (4,0) size 137x5 [bgcolor=#FFFFFF14]
+layer at (94,256) size 9x9
+  RenderBlock (positioned) {DIV} at (4,-2) size 10x9 [bgcolor=#FFFFFF]
+layer at (89,253) size 141x16
+  RenderSlider {INPUT} at (0,0) size 141x16 [color=#909090]
+    RenderFlexibleBox {DIV} at (0,0) size 141x16
+      RenderBlock {DIV} at (0,0) size 141x16
+        RenderBlock {DIV} at (0,0) size 9x16
+layer at (235,253) size 33x15 blendMode: plus-lighter
+  RenderBlock (positioned) {DIV} at (178,8) size 33x15 [color=#FFFFFF8C]
+    RenderText {#text} at (0,0) size 33x15
+      text run at (0,0) width 33: "-0:06"
+layer at (268,245) size 54x31
+  RenderFlexibleBox {DIV} at (254,0) size 54x31
+layer at (284,245) size 22x31
+  RenderButton {BUTTON} at (16,0) size 22x31
+    RenderFlexibleBox at (0,8) size 22x15
+layer at (284,253) size 22x15 blendMode: plus-lighter
+  RenderBlock {PICTURE} at (0,0) size 22x15 [bgcolor=#FFFFFF8C]
+layer at (8,282) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (8,282) size 320x240
-  RenderFlexibleBox {DIV} at (0,0) size 320x240
-layer at (8,477) size 320x45
-  RenderFlexibleBox {DIV} at (0,195) size 320x45
-layer at (8,477) size 320x45 isolatesBlending
-  RenderBlock (positioned) {DIV} at (0,0) size 320x45
-layer at (8,477) size 320x45
-  RenderBlock (positioned) {DIV} at (0,0) size 320x45 [bgcolor=#1E1E1E73]
-layer at (8,477) size 320x45 blendMode: lighten
-  RenderBlock (positioned) {DIV} at (0,0) size 320x45 [bgcolor=#292929]
-layer at (16,502) size 12x15 blendMode: plus-lighter
-  RenderButton {BUTTON} at (8,25) size 12x15 [color=#FFFFFF]
-layer at (44,502) size 16x15 blendMode: plus-lighter
-  RenderButton {BUTTON} at (36,24) size 16x16 [color=#FFFFFF]
-layer at (68,501) size 201x17
-  RenderFlexibleBox {DIV} at (60,24) size 201x17
-layer at (76,503) size 32x13 blendMode: plus-lighter
-  RenderFlexibleBox {DIV} at (8,2) size 32x13 [color=#FFFFFF]
-    RenderBlock (anonymous) at (-1,0) size 33x13
-      RenderText {#text} at (0,0) size 33x13
-        text run at (0,0) width 33: "00:00"
-layer at (118,501) size 96x17
-  RenderFlexibleBox {DIV} at (50,0) size 96x17
-layer at (118,501) size 96x17 blendMode: plus-lighter
-  RenderSlider {INPUT} at (0,0) size 96x17 [color=#909090]
-    RenderFlexibleBox {DIV} at (0,0) size 96x17
-      RenderBlock {DIV} at (0,1) size 96x15
-        RenderBlock {DIV} at (0,0) size 3x15
-layer at (224,503) size 37x13 blendMode: plus-lighter
-  RenderFlexibleBox {DIV} at (156,2) size 37x13 [color=#FFFFFF]
-    RenderBlock (anonymous) at (0,0) size 38x13
-      RenderText {#text} at (0,0) size 38x13
-        text run at (0,0) width 38: "-00:06"
-layer at (277,497) size 14x25
-  RenderFlexibleBox {DIV} at (269,20) size 14x25
-layer at (277,502) size 14x15 blendMode: plus-lighter
-  RenderButton {BUTTON} at (0,5) size 14x15 [color=#FFFFFF]
-layer at (307,502) size 14x15 blendMode: plus-lighter
-  RenderButton {BUTTON} at (299,25) size 14x15 [color=#FFFFFF]
-layer at (8,522) size 320x240 isolatesBlending
+  RenderBlock (relative positioned) {DIV} at (0,0) size 320x240
+layer at (8,282) size 320x240
+  RenderBlock (positioned) {DIV} at (0,0) size 320x240
+layer at (14,288) size 47x31 isolatesBlending
+  RenderBlock (positioned) {DIV} at (6,6) size 47x31
+layer at (14,288) size 47x31
+  RenderBlock (positioned) {DIV} at (0,0) size 47x31
+layer at (14,288) size 47x31
+  RenderBlock (positioned) {DIV} at (0,0) size 47x31 [bgcolor=#0000008C]
+layer at (14,288) size 47x31 blendMode: lighten
+  RenderBlock (positioned) {DIV} at (0,0) size 47x31 [bgcolor=#FFFFFF23]
+layer at (14,288) size 47x31
+  RenderFlexibleBox {DIV} at (0,0) size 47x31
+layer at (30,288) size 15x31
+  RenderButton {BUTTON} at (16,0) size 15x31
+    RenderFlexibleBox at (0,8) size 15x15
+layer at (30,296) size 15x15 blendMode: plus-lighter
+  RenderBlock {PICTURE} at (0,0) size 15x15 [bgcolor=#FFFFFF8C]
+layer at (14,485) size 308x31 isolatesBlending
+  RenderBlock (positioned) {DIV} at (6,203) size 308x31
+layer at (14,485) size 308x31
+  RenderBlock (positioned) {DIV} at (0,0) size 308x31
+layer at (14,485) size 308x31
+  RenderBlock (positioned) {DIV} at (0,0) size 308x31 [bgcolor=#0000008C]
+layer at (14,485) size 308x31 blendMode: lighten
+  RenderBlock (positioned) {DIV} at (0,0) size 308x31 [bgcolor=#FFFFFF23]
+layer at (14,485) size 43x31
+  RenderFlexibleBox {DIV} at (0,0) size 43x31
+layer at (30,485) size 11x31
+  RenderButton {BUTTON} at (16,0) size 11x31
+    RenderFlexibleBox at (0,9) size 11x13
+layer at (30,494) size 11x13 blendMode: plus-lighter
+  RenderBlock {PICTURE} at (0,0) size 11x13 [bgcolor=#FFFFFFBF]
+layer at (57,485) size 211x31
+  RenderFlexibleBox {DIV} at (43,0) size 211x31
+layer at (57,493) size 27x15 blendMode: plus-lighter
+  RenderBlock (positioned) {DIV} at (0,8) size 27x15 [color=#FFFFFF8C]
+    RenderText {#text} at (0,0) size 27x15
+      text run at (0,0) width 27: "0:00"
+layer at (89,493) size 141x16
+  RenderBlock (relative positioned) {DIV} at (0,7) size 141x17
+layer at (89,498) size 141x5
+  RenderBlock (positioned) {DIV} at (0,5) size 141x6
+layer at (89,498) size 141x5 blendMode: plus-lighter
+  RenderBlock (positioned) {DIV} at (0,0) size 141x5 [bgcolor=#FFFFFF19]
+layer at (89,498) size 5x5 blendMode: plus-lighter
+  RenderBlock (positioned) {DIV} at (0,0) size 5x5 [bgcolor=#FFFFFF59]
+layer at (94,498) size 136x5 blendMode: plus-lighter
+  RenderBlock (positioned) {DIV} at (4,0) size 137x5 [bgcolor=#FFFFFF14]
+layer at (94,496) size 9x9
+  RenderBlock (positioned) {DIV} at (4,-2) size 10x9 [bgcolor=#FFFFFF]
+layer at (89,493) size 141x16
+  RenderSlider {INPUT} at (0,0) size 141x16 [color=#909090]
+    RenderFlexibleBox {DIV} at (0,0) size 141x16
+      RenderBlock {DIV} at (0,0) size 141x16
+        RenderBlock {DIV} at (0,0) size 9x16
+layer at (235,493) size 33x15 blendMode: plus-lighter
+  RenderBlock (positioned) {DIV} at (178,8) size 33x15 [color=#FFFFFF8C]
+    RenderText {#text} at (0,0) size 33x15
+      text run at (0,0) width 33: "-0:06"
+layer at (268,485) size 54x31
+  RenderFlexibleBox {DIV} at (254,0) size 54x31
+layer at (284,485) size 22x31
+  RenderButton {BUTTON} at (16,0) size 22x31
+    RenderFlexibleBox at (0,8) size 22x15
+layer at (284,493) size 22x15 blendMode: plus-lighter
+  RenderBlock {PICTURE} at (0,0) size 22x15 [bgcolor=#FFFFFF8C]
+layer at (8,522) size 320x240
   RenderVideo {VIDEO} at (8,522) size 320x240
 layer at (8,522) size 320x240
-  RenderFlexibleBox {DIV} at (0,0) size 320x240
-layer at (8,717) size 320x45
-  RenderFlexibleBox {DIV} at (0,195) size 320x45
-layer at (8,717) size 320x45 isolatesBlending
-  RenderBlock (positioned) {DIV} at (0,0) size 320x45
-layer at (8,717) size 320x45
-  RenderBlock (positioned) {DIV} at (0,0) size 320x45 [bgcolor=#1E1E1E73]
-layer at (8,717) size 320x45 blendMode: lighten
-  RenderBlock (positioned) {DIV} at (0,0) size 320x45 [bgcolor=#292929]
-layer at (16,742) size 12x15 blendMode: plus-lighter
-  RenderButton {BUTTON} at (8,25) size 12x15 [color=#FFFFFF]
-layer at (44,742) size 16x15 blendMode: plus-lighter
-  RenderButton {BUTTON} at (36,24) size 16x16 [color=#FFFFFF]
-layer at (68,741) size 201x17
-  RenderFlexibleBox {DIV} at (60,24) size 201x17
-layer at (76,743) size 32x13 blendMode: plus-lighter
-  RenderFlexibleBox {DIV} at (8,2) size 32x13 [color=#FFFFFF]
-    RenderBlock (anonymous) at (-1,0) size 33x13
-      RenderText {#text} at (0,0) size 33x13
-        text run at (0,0) width 33: "00:00"
-layer at (118,741) size 96x17
-  RenderFlexibleBox {DIV} at (50,0) size 96x17
-layer at (118,741) size 96x17 blendMode: plus-lighter
-  RenderSlider {INPUT} at (0,0) size 96x17 [color=#909090]
-    RenderFlexibleBox {DIV} at (0,0) size 96x17
-      RenderBlock {DIV} at (0,1) size 96x15
-        RenderBlock {DIV} at (0,0) size 3x15
-layer at (224,743) size 37x13 blendMode: plus-lighter
-  RenderFlexibleBox {DIV} at (156,2) size 37x13 [color=#FFFFFF]
-    RenderBlock (anonymous) at (0,0) size 38x13
-      RenderText {#text} at (0,0) size 38x13
-        text run at (0,0) width 38: "-00:06"
-layer at (277,737) size 14x25
-  RenderFlexibleBox {DIV} at (269,20) size 14x25
-layer at (277,742) size 14x15 blendMode: plus-lighter
-  RenderButton {BUTTON} at (0,5) size 14x15 [color=#FFFFFF]
-layer at (307,742) size 14x15 blendMode: plus-lighter
-  RenderButton {BUTTON} at (299,25) size 14x15 [color=#FFFFFF]
+  RenderBlock (relative positioned) {DIV} at (0,0) size 320x240
+layer at (8,522) size 320x240
+  RenderBlock (positioned) {DIV} at (0,0) size 320x240
+layer at (14,528) size 47x31 isolatesBlending
+  RenderBlock (positioned) {DIV} at (6,6) size 47x31
+layer at (14,528) size 47x31
+  RenderBlock (positioned) {DIV} at (0,0) size 47x31
+layer at (14,528) size 47x31
+  RenderBlock (positioned) {DIV} at (0,0) size 47x31 [bgcolor=#0000008C]
+layer at (14,528) size 47x31 blendMode: lighten
+  RenderBlock (positioned) {DIV} at (0,0) size 47x31 [bgcolor=#FFFFFF23]
+layer at (14,528) size 47x31
+  RenderFlexibleBox {DIV} at (0,0) size 47x31
+layer at (30,528) size 15x31
+  RenderButton {BUTTON} at (16,0) size 15x31
+    RenderFlexibleBox at (0,8) size 15x15
+layer at (30,536) size 15x15 blendMode: plus-lighter
+  RenderBlock {PICTURE} at (0,0) size 15x15 [bgcolor=#FFFFFF8C]
+layer at (14,725) size 308x31 isolatesBlending
+  RenderBlock (positioned) {DIV} at (6,203) size 308x31
+layer at (14,725) size 308x31
+  RenderBlock (positioned) {DIV} at (0,0) size 308x31
+layer at (14,725) size 308x31
+  RenderBlock (positioned) {DIV} at (0,0) size 308x31 [bgcolor=#0000008C]
+layer at (14,725) size 308x31 blendMode: lighten
+  RenderBlock (positioned) {DIV} at (0,0) size 308x31 [bgcolor=#FFFFFF23]
+layer at (14,725) size 43x31
+  RenderFlexibleBox {DIV} at (0,0) size 43x31
+layer at (30,725) size 11x31
+  RenderButton {BUTTON} at (16,0) size 11x31
+    RenderFlexibleBox at (0,9) size 11x13
+layer at (30,734) size 11x13 blendMode: plus-lighter
+  RenderBlock {PICTURE} at (0,0) size 11x13 [bgcolor=#FFFFFFBF]
+layer at (57,725) size 211x31
+  RenderFlexibleBox {DIV} at (43,0) size 211x31
+layer at (57,733) size 27x15 blendMode: plus-lighter
+  RenderBlock (positioned) {DIV} at (0,8) size 27x15 [color=#FFFFFF8C]
+    RenderText {#text} at (0,0) size 27x15
+      text run at (0,0) width 27: "0:00"
+layer at (89,733) size 141x16
+  RenderBlock (relative positioned) {DIV} at (0,7) size 141x17
+layer at (89,738) size 141x5
+  RenderBlock (positioned) {DIV} at (0,5) size 141x6
+layer at (89,738) size 141x5 blendMode: plus-lighter
+  RenderBlock (positioned) {DIV} at (0,0) size 141x5 [bgcolor=#FFFFFF19]
+layer at (89,738) size 5x5 blendMode: plus-lighter
+  RenderBlock (positioned) {DIV} at (0,0) size 5x5 [bgcolor=#FFFFFF59]
+layer at (94,738) size 136x5 blendMode: plus-lighter
+  RenderBlock (positioned) {DIV} at (4,0) size 137x5 [bgcolor=#FFFFFF14]
+layer at (94,736) size 9x9
+  RenderBlock (positioned) {DIV} at (4,-2) size 10x9 [bgcolor=#FFFFFF]
+layer at (89,733) size 141x16
+  RenderSlider {INPUT} at (0,0) size 141x16 [color=#909090]
+    RenderFlexibleBox {DIV} at (0,0) size 141x16
+      RenderBlock {DIV} at (0,0) size 141x16
+        RenderBlock {DIV} at (0,0) size 9x16
+layer at (235,733) size 33x15 blendMode: plus-lighter
+  RenderBlock (positioned) {DIV} at (178,8) size 33x15 [color=#FFFFFF8C]
+    RenderText {#text} at (0,0) size 33x15
+      text run at (0,0) width 33: "-0:06"
+layer at (268,725) size 54x31
+  RenderFlexibleBox {DIV} at (254,0) size 54x31
+layer at (284,725) size 22x31
+  RenderButton {BUTTON} at (16,0) size 22x31
+    RenderFlexibleBox at (0,8) size 22x15
+layer at (284,733) size 22x15 blendMode: plus-lighter
+  RenderBlock {PICTURE} at (0,0) size 22x15 [bgcolor=#FFFFFF8C]
Comment 1 Ryan Haddad 2017-08-17 17:54:36 PDT 
Marked test as flaky in https://trac.webkit.org/changeset/220892/webkit