mirror of
https://github.com/servo/servo.git
synced 2025-08-06 14:10:11 +01:00
Thanks to differences on rendering between CPU X GPU, there is a 1 pixel wide
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:
parent
0e24194d81
commit
92f4ab6394
4 changed files with 63 additions and 0 deletions
|
@ -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
49
tests/ref/inset.html
Normal 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
BIN
tests/ref/inset.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 2.8 KiB |
13
tests/ref/inset_ref.html
Normal file
13
tests/ref/inset_ref.html
Normal file
|
@ -0,0 +1,13 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<style>
|
||||
img {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<img src="inset.png"/>
|
||||
</body>
|
||||
</html>
|
Loading…
Add table
Add a link
Reference in a new issue