Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-14 13:55:43 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 604885 - Reftest to ensure video controls don't overflow outside of css dimensions. r=test-change a=blocking2.0

Browse Source
This commit is contained in:
Chris Pearce 2010-11-25 07:34:57 +13:00
parent 995a3f9f47
commit 70e15fe253
3 changed files with 53 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
layout/reftests/ogg-video/reftest.list
View File

@ -31,3 +31,4 @@ skip-if(gtk2Widget) HTTP(..) == zoomed-1.xhtml zoomed-1-ref.html
== poster-13.html poster-ref-blue400x300.html
== poster-14.html poster-ref-blue250x200.html
== poster-15.html poster-ref-green70x30.html
== undersize-clipped.html undersize-clipped-ref.html

19
layout/reftests/ogg-video/undersize-clipped-ref.html Normal file
View File

@ -0,0 +1,19 @@
<!DOCTYPE HTML>
<html>
<head>
<style>
#mask {
position: absolute;
z-index: 3;
width: 7px;
height: 5px;
background-color: green;
top: 10px;
left: 10px;
}
</style>
</head>
<body style="background:white;">
<div id="mask"></div>
</body>
</html>

33
layout/reftests/ogg-video/undersize-clipped.html Normal file
View File

@ -0,0 +1,33 @@
<!DOCTYPE HTML>
<html>
<head>
<style>
#mask {
position: absolute;
z-index: 3;
width: 7px;
height: 5px;
background-color: green;
top: 10px;
left: 10px;
}
</style>
</head>
<body style="background:white;">
<!--
Test if video displays correctly when it's smaller than the amount of space
required to draw its controls. The controls should be clipped to the css
specified dimensions.
We draw a mask over the video to prevent the status overlay interferring. The controls
need to be on (so that the test would fail if they drew outside of the element's
area) but we need to mask them out as we can't guarantee the status overlay
will or won't be showing or fading in or out when the reftest does its comparison.
-->
<div id="mask"></div>
<video controls src="black140x100.ogv"
style="position:absolute; left: 10px; top: 10px; width: 7px; height:5px;">
</video>
</body>
</html>