third_party/WebKit/LayoutTests/media/controls/overflow-fully-hidden.html - Issue 2846713002: [Media] Added feature flag for new remote playback pipeline

Side by Side Diff: third_party/WebKit/LayoutTests/media/controls/overflow-fully-hidden.html

Issue 2846713002: [Media] Added feature flag for new remote playback pipeline (Closed)

Patch Set: Fixed failing layout tests Created 3 years, 7 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

« no previous file with comments | « third_party/WebKit/LayoutTests/media/controls/controls-overlay-cast-button.html ('k') | third_party/WebKit/LayoutTests/media/controls/video-controls-overflow-menu-appears-when-expected.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <html>	2 <html>

3 <script>	3 <script>

4 internals.settings.setViewportEnabled(true);	4 internals.settings.setViewportEnabled(true);

5 internals.settings.setViewportMetaEnabled(true);	5 internals.settings.setViewportMetaEnabled(true);

6 </script>	6 </script>

7 <head>	7 <head>

8 <title>Test that overflow-x: hidden with a large viewport doesn't clip the contr ols</title>	8 <title>Test that overflow-x: hidden with a large viewport doesn't clip the contr ols</title>

9 <meta name='viewport' content='width=800'>	9 <meta name='viewport' content='width=800'>

10 <script src="../../resources/testharness.js"></script>	10 <script src="../../resources/testharness.js"></script>

11 <script src="../../resources/testharnessreport.js"></script>	11 <script src="../../resources/testharnessreport.js"></script>

12 <script src="../media-file.js"></script>	12 <script src="../media-file.js"></script>

13 <script src="../media-controls.js"></script>	13 <script src="../media-controls.js"></script>

14 </head>	14 </head>

15 <style>	15 <style>

16 body {	16 body {

17 overflow-x: hidden;	17 overflow-x: hidden;

18 }	18 }

19 </style>	19 </style>

20 <body>	20 <body>

21 <video controls width=400 style='padding: 900px'></video>	21 <video controls width=400 style='padding: 900px'></video>

22 <video controls width=800 style='padding: 900px'></video>	22 <video controls width=800 style='padding: 900px'></video>

23 <video controls width=1200 style='padding: 900px'></video>	23 <video controls width=1200 style='padding: 900px'></video>

24 <video controls width=600 style='padding: 900px'></video>	24 <video controls width=600 style='padding: 900px'></video>

25 </body>	25 </body>

26 <script>	26 <script>

27 test(_ => {	27 test(_ => {

28 var videos = document.querySelectorAll('video');	28 var videos = document.querySelectorAll('video');

29 for (var video, i = 0; video = videos[i]; ++i) {	29 for (var video, i = 0; video = videos[i]; ++i) {

30 video.src = findMediaFile('video', 'content/test');	30 video.src = findMediaFile('video', '../content/test');

31 }	31 }

32	32

33 var forceLayout = document.body.offsetHeight;	33 var forceLayout = document.body.offsetHeight;

34	34

35 assert_equals(getComputedStyle(mediaControlsButton(videos[0], 'panel')).width, '400px');	35 assert_equals(getComputedStyle(mediaControlsButton(videos[0], 'panel')).width, '400px');

36 assert_equals(getComputedStyle(mediaControlsButton(videos[1], 'panel')).width, '800px');	36 assert_equals(getComputedStyle(mediaControlsButton(videos[1], 'panel')).width, '800px');

37 assert_equals(getComputedStyle(mediaControlsButton(videos[2], 'panel')).width, '1200px');	37 assert_equals(getComputedStyle(mediaControlsButton(videos[2], 'panel')).width, '1200px');

38 assert_equals(getComputedStyle(mediaControlsButton(videos[3], 'panel')).width, '600px');	38 assert_equals(getComputedStyle(mediaControlsButton(videos[3], 'panel')).width, '600px');

39 });	39 });

40 </script>	40 </script>

41 </html>	41 </html>

OLD	NEW