[Modern Media Controls] Turn media/modern-media-controls/ios-inline-media-controls...
[WebKit-https.git] / LayoutTests / media / nodesFromRect-shadowContent.html
1 <html><!-- webkit-test-runner [ enableModernMediaControls=false ] -->
2 <head>
3   <title>Document::nodesFromRect shadow content access - bug 80847 </title>
4   <style type="text/css" media="screen">
5     video {
6       margin: 50px;
7     }
8   </style>
9   <script src=media-file.js></script>
10   <script src=media-controls.js></script>
11   <script src="../resources/js-test-pre.js"></script>
12   <script src="../fast/dom/nodesFromRect/resources/nodesFromRect.js"></script>
13   <script type="text/javascript" charset="utf-8">
14     function runTest()
15     {
16       var e = {};
17
18       // Set up shortcut access to elements
19       e['html'] = document.getElementsByTagName("html")[0];
20       ['v1', 'body'].forEach(function(a) {
21         e[a] = document.getElementById(a);
22       });
23
24       window.scrollTo(0, 0);
25
26       var playCoords;
27       try {
28           playCoords = mediaControlsButtonCoordinates(video, "play-button");
29       } catch (exception) {
30           failTest(exception.description);
31           return;
32       }
33       var clickX = playCoords[0];
34       var clickY = playCoords[1];
35
36       check(clickX, clickY, 100, 100, 20, 20, [e.v1, e.body]);
37
38       var shadow =['-webkit-media-controls-panel-background', '-webkit-media-controls-play-button', '-webkit-media-controls-panel', '-webkit-media-controls'];
39       checkShadowContent(clickX, clickY, 10, 10, 20, 20, shadow);
40     }
41   </script>
42 </head>
43 <body id="body">
44     <video id="v1" controls></video>
45     <p>This test only runs in DRT!</p>
46     <script src=video-test.js></script>
47     <script>
48         testExpected("video.controls", null, '!=');
49         waitForEvent('canplaythrough', function () {
50             runTest();
51             endTest();
52         } );
53         video.src = findMediaFile("video", "content/test");
54     </script>
55 </body>
56 </html>