Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-06-24 09:04:33 +01:00
Code Issues Projects Releases Packages Wiki Activity

add tests for inline-block element opacity only change incremental reflow

Browse source
This commit is contained in:
Alexandrov Sergey 2016-08-23 23:08:53 +03:00
parent 512764b7da
commit 4bb9de4ea5
3 changed files with 67 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -2496,6 +2496,18 @@
"url": "/_mozilla/css/inline_block_min_width.html"
}
],
"css/inline_block_opacity_change.html": [
{
"path": "css/inline_block_opacity_change.html",
"references": [
[
"/_mozilla/css/inline_block_opacity_change_ref.html",
"=="
]
],
"url": "/_mozilla/css/inline_block_opacity_change.html"
}
],
"css/inline_block_overflow.html": [
{
"path": "css/inline_block_overflow.html",
@ -11764,6 +11776,18 @@
"url": "/_mozilla/css/inline_block_min_width.html"
}
],
"css/inline_block_opacity_change.html": [
{
"path": "css/inline_block_opacity_change.html",
"references": [
[
"/_mozilla/css/inline_block_opacity_change_ref.html",
"=="
]
],
"url": "/_mozilla/css/inline_block_opacity_change.html"
}
],
"css/inline_block_overflow.html": [
{
"path": "css/inline_block_overflow.html",

26
tests/wpt/mozilla/tests/css/inline_block_opacity_change.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<link rel="match" href="inline_block_opacity_change_ref.html">
<style>
#a {
background-color: green;
display: inline-block;
width: 1em;
opacity: 0.2;
}
#a.go {
opacity: 1;
}
</style>
</head>
<body>
<span style="transition: opacity .1s ease-out;" id="a">a</span>
<script>
document.body.offsetWidth; // force layout
document.querySelector('#a').classList.add('go');
</script>
</body>
</html>

17
tests/wpt/mozilla/tests/css/inline_block_opacity_change_ref.html Normal file
View file

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<style>
#a {
background-color: green;
display: inline-block;
width: 1em;
opacity: 1;
}
</style>
</head>
<body>
<span id="a">a</span>
</body>
</html>