Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(245)

Side by Side Diff: LayoutTests/fast/borders/border-radius-mask-video.html

Issue 16688004: Large canvas does not honor containing div's border radius (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Replaced explicit baselines with NeedsRebaseline Created 7 years, 3 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:
View unified diff | Download patch
OLDNEW
(Empty)
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <style>
5 video {
6 background-color: gray;
7 width: 400px;
8 height: 225px;
9 border-radius: 200px 0px 100px 0px;
10 -webkit-transform: translateZ(0);
11 }
12 </style>
13 <script>
14 if (window.internals) {
15 internals.settings.setAcceleratedCompositingForVideoEnabled(true);
16 }
17 if (window.testRunner) {
18 testRunner.waitUntilDone();
19 }
20 function canPlay() {
21 setTimeout(function() {
22 if (window.testRunner)
23 testRunner.notifyDone();
24 }, 0);
25 }
26 </script>
27 </head>
28 <body>
29 <h3>It passes if:</h3>
30 <ul>
31 <li>the video content has rounded corners (top left and bottom right)</l i>
32 <li>gray background is not visible</li>
33 </ul>
34 <video src='../../media/resources/frame_size_change.webm' oncanplaythrough ='canPlay();'></video>
35 </body>
36 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698