Move transition_calc.html to wpt reftests.

This commit is contained in:
Corey Farwell 2015-10-13 23:25:56 -04:00
parent 089fc93ff7
commit 57244111db
4 changed files with 25 additions and 1 deletions

View file

@ -603,6 +603,18 @@
"url": "/_mozilla/css/stacking_context_rtl.html"
}
],
"css/transition_calc.html": [
{
"path": "css/transition_calc.html",
"references": [
[
"/_mozilla/css/transition_calc_ref.html",
"=="
]
],
"url": "/_mozilla/css/transition_calc.html"
}
],
"css/upper_id_attr.html": [
{
"path": "css/upper_id_attr.html",
@ -2012,6 +2024,18 @@
"url": "/_mozilla/css/stacking_context_rtl.html"
}
],
"css/transition_calc.html": [
{
"path": "css/transition_calc.html",
"references": [
[
"/_mozilla/css/transition_calc_ref.html",
"=="
]
],
"url": "/_mozilla/css/transition_calc.html"
}
],
"css/upper_id_attr.html": [
{
"path": "css/upper_id_attr.html",

View file

@ -0,0 +1,26 @@
<link rel='match' href='transition_calc_ref.html'>
<style>
.outer {
width: 100px;
height: 100px;
}
.inner {
transition: height 0s;
height: calc(100px + 5%);
width: 100px;
background: red;
display: inline-block;
}
.inner.active {
height: 200px;
}
</style>
<div class=outer>
<div class=inner id=inner></div>
</div>
<script>
requestAnimationFrame(function() {
document.getElementById('inner').className = 'inner active';
requestAnimationFrame(function() {});
});
</script>

View file

@ -0,0 +1,17 @@
<style>
.outer {
width: 100px;
height: 100px;
}
.inner {
width: 100px;
height: 200px;
background: red;
display: inline-block;
}
.inner.active {
}
</style>
<div class=outer>
<div class=inner id=inner></div>
</div>