Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-07 14:35:33 +01:00
Code Issues Projects Releases Packages Wiki Activity

Thanks to differences on rendering between CPU X GPU, there is a 1 pixel wide

Browse source 
difference in the position where the top border meets the right border (as
also the right border X bottom border).

The workaround to have a test that will work on both modes is to cover the
affected area with a white div. This patch adds inset test.
This commit is contained in:
Adenilson Cavalcanti 2014-12-16 12:06:57 -08:00 • committed by Adenilson Cavalcanti
parent 0e24194d81
commit 92f4ab6394
4 changed files with 63 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

1
tests/ref/basic.list
View file

@ -213,3 +213,4 @@ fragment=top != ../html/acid2.html acid2_ref.html
== table_colspan_fixed_a.html table_colspan_fixed_ref.html
== legacy_td_bgcolor_attribute_a.html legacy_td_bgcolor_attribute_ref.html
== legacy_table_border_attribute_a.html legacy_table_border_attribute_ref.html
== inset.html inset_ref.html

49
tests/ref/inset.html Normal file
View file

@ -0,0 +1,49 @@
<!DOCTYPE html>
<html>
<head>
<style>
.test {
color: #f0f;
}
.inset {
border: 10px inset;
width: 100px;
height: 100px;
line-height: 100px;
text-align: center;
}
.hack1 {
width: 20px;
height: 20px;
background-color: white;
border-color: white;
border-style: solid;
position: relative;
top: -20px;
right: 8px;
}
.hack2 {
width: 20px;
height: 20px;
background-color: white;
border-color: white;
border-style: solid;
position: relative;
top: -155px;
right: -100px;
}
</style>
</head>
<body>
<section class="test">
<div class="inset"></div>
</section>
<div class="hack1"></div>
<div class="hack2"></div>
</body>
</html>

BIN
tests/ref/inset.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.8 KiB

13
tests/ref/inset_ref.html Normal file
View file

@ -0,0 +1,13 @@
<!DOCTYPE html>
<html>
<style>
img {
position: absolute;
left: 0px;
top: 0px;
}
</style>
<body>
<img src="inset.png"/>
</body>
</html>