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

Adding tests for outset.

Browse source
This commit is contained in:
Adenilson Cavalcanti 2014-12-16 12:16:23 -08:00 • committed by Adenilson Cavalcanti
parent 92f4ab6394
commit c41fc31655
4 changed files with 68 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

1
tests/ref/basic.list
View file

@ -214,3 +214,4 @@ fragment=top != ../html/acid2.html acid2_ref.html
== legacy_td_bgcolor_attribute_a.html legacy_td_bgcolor_attribute_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 == legacy_table_border_attribute_a.html legacy_table_border_attribute_ref.html
== inset.html inset_ref.html == inset.html inset_ref.html
== outset.html outset_ref.html

48
tests/ref/outset.html Normal file
View file

@ -0,0 +1,48 @@
<!DOCTYPE html>
<html>
<head>
<style>
.test {
color: #f0f;
}
.outset {
border: 10px outset;
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="outset"></div>
</section>
<div class="hack1"></div>
<div class="hack2"></div>
</body>
</html>

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

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.8 KiB

19
tests/ref/outset_ref.html Normal file
View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html>
<style>
html {
margin: 0;
padding: 0;
background-color: white;
border: none;
}
body {
margin: 0;
padding: 0;
border: none;
}
</style>
<body>
<img src="outset.png"/>
</body>
</html>