Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-06-06 16:45:39 +00:00
Code Issues Projects Releases Packages Wiki Activity

Add a test for nested stacking context overflow areas.

Browse source
This commit is contained in:
Emilio Cobos Álvarez 2016-08-16 15:44:43 -07:00
parent fd3a99ead3
commit babb5d4247
No known key found for this signature in database
GPG key ID: 056B727BB9C1027C
5 changed files with 168 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

48
tests/wpt/mozilla/meta/MANIFEST.json
View file

@ -3960,6 +3960,30 @@
"url": "/_mozilla/css/overflow_simple_a.html"
}
],
"css/overflow_transformed_sc.html": [
{
"path": "css/overflow_transformed_sc.html",
"references": [
[
"/_mozilla/css/overflow_transformed_sc_ref.html",
"=="
]
],
"url": "/_mozilla/css/overflow_transformed_sc.html"
}
],
"css/overflow_transformed_sc_rotate.html": [
{
"path": "css/overflow_transformed_sc_rotate.html",
"references": [
[
"/_mozilla/css/overflow_transformed_sc_rotate_ref.html",
"=="
]
],
"url": "/_mozilla/css/overflow_transformed_sc_rotate.html"
}
],
"css/overflow_wrap_a.html": [
{
"path": "css/overflow_wrap_a.html",
@ -13192,6 +13216,30 @@
"url": "/_mozilla/css/overflow_simple_a.html"
}
],
"css/overflow_transformed_sc.html": [
{
"path": "css/overflow_transformed_sc.html",
"references": [
[
"/_mozilla/css/overflow_transformed_sc_ref.html",
"=="
]
],
"url": "/_mozilla/css/overflow_transformed_sc.html"
}
],
"css/overflow_transformed_sc_rotate.html": [
{
"path": "css/overflow_transformed_sc_rotate.html",
"references": [
[
"/_mozilla/css/overflow_transformed_sc_rotate_ref.html",
"=="
]
],
"url": "/_mozilla/css/overflow_transformed_sc_rotate.html"
}
],
"css/overflow_wrap_a.html": [
{
"path": "css/overflow_wrap_a.html",

31
tests/wpt/mozilla/tests/css/overflow_transformed_sc.html Normal file
View file

@ -0,0 +1,31 @@
<!doctype html>
<meta charset="utf-8">
<title>Inner stacking contexts' transforms are taken into account for overflow computation</title>
<link rel="match" href="overflow_transformed_sc_ref.html">
<style>
.outer-sc {
transform: translate(-50px, -50px);
position: absolute;
width: 250px;
height: 250px;
top: 50px;
left: 50px;
background: blue;
}
.inner-sc {
position: absolute;
width: 250px;
height: 250px;
top: 0;
left: 0;
transform: translate(250px, 250px);
background: green;
}
html, body { margin: 0; padding: 0; }
</style>
<div class="outer-sc">
<div class="inner-sc">
</div>
</div>

28
tests/wpt/mozilla/tests/css/overflow_transformed_sc_ref.html Normal file
View file

@ -0,0 +1,28 @@
<!doctype html>
<meta charset="utf-8">
<title>CSS test reference</title>
<style>
.outer-sc {
position: absolute;
width: 250px;
height: 250px;
top: 0;
left: 0;
background: blue;
}
.inner-sc {
position: absolute;
width: 250px;
height: 250px;
top: 250px;
left: 250px;
background: green;
}
html, body { margin: 0; padding: 0; }
</style>
<div class="outer-sc">
<div class="inner-sc">
</div>
</div>

31
tests/wpt/mozilla/tests/css/overflow_transformed_sc_rotate.html Normal file
View file

@ -0,0 +1,31 @@
<!doctype html>
<meta charset="utf-8">
<title>Inner stacking contexts' transforms are taken into account for overflow computation</title>
<link rel="match" href="overflow_transformed_sc_rotate_ref.html">
<style>
.outer-sc {
transform: translate(-50px, -50px);
position: absolute;
width: 250px;
height: 250px;
top: 50px;
left: 50px;
background: blue;
}
.inner-sc {
position: absolute;
width: 250px;
height: 250px;
top: 0;
left: 0;
transform: translate(250px, 250px) rotate(45deg);
background: green;
}
html, body { margin: 0; padding: 0; }
</style>
<div class="outer-sc">
<div class="inner-sc">
</div>
</div>

30
tests/wpt/mozilla/tests/css/overflow_transformed_sc_rotate_ref.html Normal file
View file

@ -0,0 +1,30 @@
<!doctype html>
<meta charset="utf-8">
<title>CSS test reference.</title>
<style>
.outer-sc {
transform: translate(-50px, -50px);
position: absolute;
width: 250px;
height: 250px;
top: 50px;
left: 50px;
background: blue;
}
.inner-sc {
position: absolute;
width: 250px;
height: 250px;
top: 0;
left: 0;
transform: translate(250px, 250px) rotate(45deg);
background: green;
}
html, body { margin: 0; padding: 0; }
</style>
<div class="outer-sc">
</div>
<div class="inner-sc">
</div>