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

Merge branch 'master' into calc

Browse source
This commit is contained in:
Simon Sapin 2015-09-01 18:39:16 +02:00
commit 80d471d5cf
400 changed files with 8129 additions and 11782 deletions
Download patch file Download diff file Expand all files Collapse all files

7
tests/ref/absolute_table.html Normal file
View file

@ -0,0 +1,7 @@
<!DOCTYPE html>
<style>
div { display:table;position:absolute;top:0px;right:40px }
</style>
<div>
XXX
</div>

7
tests/ref/absolute_table_ref.html Normal file
View file

@ -0,0 +1,7 @@
<!DOCTYPE html>
<style>
div { display:block;position:absolute;top:0px;right:40px }
</style>
<div>
XXX
</div>

12
tests/ref/basic.list
View file

@ -12,6 +12,7 @@ fragment=top != ../html/acid2.html acid2_ref.html
== abs_rel_explicit_height.html abs_rel_explicit_height_ref.html
== absolute_hypothetical_with_intervening_inline_block_a.html absolute_hypothetical_with_intervening_inline_block_ref.html
== absolute_inline_containing_block_a.html absolute_inline_containing_block_ref.html
== absolute_table.html absolute_table_ref.html
== absolute_z_index_auto_paint_order_a.html absolute_z_index_auto_paint_order_ref.html
== acid1_a.html acid1_b.html
== acid2_noscroll.html acid2_ref_broken.html
@ -61,6 +62,7 @@ flaky_cpu == append_style_a.html append_style_b.html
== border_code_tag.html border_code_tag_ref.html
== border_collapse_missing_cell_a.html border_collapse_missing_cell_ref.html
== border_collapse_simple_a.html border_collapse_simple_ref.html
== border_radius_asymmetric_sizes_a.html border_radius_asymmetric_sizes_ref.html
== border_radius_clip_a.html border_radius_clip_ref.html
!= border_radius_dashed_a.html border_radius_dashed_ref.html
== border_radius_overlapping_a.html border_radius_overlapping_ref.html
@ -99,8 +101,8 @@ flaky_cpu == append_style_a.html append_style_b.html
== first_child_pseudo_a.html first_child_pseudo_b.html
== first_of_type_pseudo_a.html first_of_type_pseudo_b.html
== fixed_width_overrides_child_intrinsic_width_a.html fixed_width_overrides_child_intrinsic_width_ref.html
experimental == flex_column_direction.html flex_column_direction_ref.html
experimental == flex_row_direction.html flex_row_direction_ref.html
prefs:"layout.flex-direction.enabled,layout.flex.enabled" == flex_column_direction.html flex_column_direction_ref.html
prefs:"layout.flex.enabled" == flex_row_direction.html flex_row_direction_ref.html
== float_clearance_a.html float_clearance_ref.html
== float_clearance_intrinsic_width_a.html float_clearance_intrinsic_width_ref.html
== float_intrinsic_height.html float_intrinsic_height_ref.html
@ -139,7 +141,7 @@ experimental == flex_row_direction.html flex_row_direction_ref.html
== iframe/simple_inline_width_height.html iframe/simple_inline_width_height_ref.html
== iframe/simple_inline_width_percentage.html iframe/simple_inline_width_percentage_ref.html
== iframe/size_attributes.html iframe/size_attributes_ref.html
experimental == iframe/size_attributes_vertical_writing_mode.html iframe/size_attributes_vertical_writing_mode_ref.html
prefs:"layout.writing-mode.enabled" == iframe/size_attributes_vertical_writing_mode.html iframe/size_attributes_vertical_writing_mode_ref.html
== iframe/stacking_context.html iframe/stacking_context_ref.html
!= image_rendering_auto_a.html image_rendering_pixelated_a.html
@ -358,7 +360,7 @@ flaky_cpu == linebreak_simple_a.html linebreak_simple_b.html
== transform_simple_a.html transform_simple_ref.html
== transform_stacking_context_a.html transform_stacking_context_ref.html
== upper_id_attr.html upper_id_attr_ref.html
flaky_cpu,experimental == vertical-lr-blocks.html vertical-lr-blocks_ref.html
flaky_cpu,prefs:"layout.writing-mode.enabled" == vertical-lr-blocks.html vertical-lr-blocks_ref.html
== vertical_align_bottom_a.html vertical_align_bottom_ref.html
== vertical_align_inline_block_a.html vertical_align_inline_block_ref.html
== vertical_align_inside_table_a.html vertical_align_inside_table_ref.html
@ -374,7 +376,7 @@ resolution=800x600 == viewport_percentage_vmin_vmax.html viewport_percentage_vmi
# resolution=600x800 == viewport_percentage_vmin_vmax.html viewport_percentage_vmin_vmax_b.html
resolution=800x600 == viewport_percentage_vw_vh.html viewport_percentage_vw_vh_a.html
# resolution=600x800 == viewport_percentage_vw_vh.html viewport_percentage_vw_vh_b.html
experimental == viewport_rule.html viewport_rule_ref.html
prefs:"layout.viewport.enabled" == viewport_rule.html viewport_rule_ref.html
== visibility_hidden.html visibility_hidden_ref.html
== webgl-context/clearcolor.html webgl-context/clearcolor_ref.html

71
tests/ref/border_radius_asymmetric_sizes_a.html Normal file
View file

@ -0,0 +1,71 @@
<!DOCTYPE html>
<html>
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<style type="text/css">
div.box {
background: white;
border-width: 10px 10px 10px 10px;
border-color: yellow red green blue;
border-radius: 10px;
border-style: solid;
height: 190px;
width: 190px;
}
div.top {
border-top-width: 30px;
}
div.right {
border-right-width: 30px;
}
div.bottom {
border-bottom-width: 30px;
}
div.left {
border-left-width: 30px;
}
div.radius10px {
border-radius: 10px;
}
div.radius20px {
border-radius: 20px;
}
div.radius30px {
border-radius: 30px;
}
div.radius40px {
border-radius: 40px;
}
#box2, #box4, #box6, #box8, #box10, #box12, #box14 {
width: 170px;
}
</style>
</head>
<body>
<h2>Border Radius - 10px</h2>
Box#1<div id="box1" class="box top"></div><br>
Box#2<div id="box2" class="box right"></div><br>
Box#3<div id="box3" class="box bottom"></div><br>
Box#4<div id="box4" class="box left"></div><br>
<h2>Border Radius - 20px</h2>
Box#5<div id="box5" class="box top radius20px"></div><br>
Box#6<div id="box6" class="box right radius20px"></div><br>
Box#7<div id="box7" class="box bottom radius20px"></div><br>
Box#8<div id="box8" class="box left radius20px"></div><br>
<h2>Border Radius - 30px</h2>
Box#9<div id="box9" class="box top radius30px"></div><br>
Box#10<div id="box10" class="box right radius30px"></div><br>
Box#11<div id="box11" class="box bottom radius30px"></div><br>
Box#12<div id="box12" class="box left radius30px"></div><br>
<h2>Border Radius - 40px</h2>
Box#13<div id="box13" class="box top radius40px"></div><br>
Box#14<div id="box14" class="box right radius40px"></div><br>
Box#15<div id="box15" class="box bottom radius40px"></div><br>
Box#16<div id="box16" class="box left radius40px"></div><br>
</body>
</html>

217
tests/ref/border_radius_asymmetric_sizes_ref.html Normal file
View file

@ -0,0 +1,217 @@
<!DOCTYPE html>
<html>
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<style type="text/css">
.box-top {
background: white;
width: 190px;
height: 0px;
margin: 0px;
border-style: solid;
border-color: yellow red green blue;
}
.box-middle {
background: white;
width: 190px;
height: 190px;
margin: 0px;
border-style: solid;
border-color: yellow red green blue;
}
.box-bottom {
background: white;
width: 190px;
height: 0px;
margin: 0px;
border-style: solid;
border-color: yellow red green blue;
}
.top-radius-10 {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.bottom-radius-10 {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.top-radius-20 {
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.bottom-radius-20 {
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.top-radius-30 {
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}
.bottom-radius-30 {
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
}
.top-radius-40 {
border-top-left-radius: 40px;
border-top-right-radius: 40px;
}
.bottom-radius-40 {
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
}
.box1-top {
border-top-width: 30px;
border-right-width: 10px;
border-bottom-width: 0px;
border-left-width: 10px;
}
.box1-middle {
border-width: 0px 10px 0px 10px;
}
.box1-bottom {
border-width: 0px 10px 10px 10px;
}
.box2-top {
width: 170px;
border-width: 10px 30px 0px 10px;
}
.box2-middle {
width: 170px;
border-width: 0px 30px 0px 10px;
}
.box2-bottom {
width: 170px;
border-width: 0px 30px 10px 10px;
}
.box3-top {
border-width: 10px 10px 0px 10px;
}
.box3-middle {
border-width: 0px 10px 0px 10px;
}
.box3-bottom {
border-top-width: 0px;
border-left-width: 10px;
border-right-width: 10px;
border-bottom-width: 30px;
}
.box4-top {
width: 170px;
border-width: 10px 10px 0px 30px;
}
.box4-middle {
width: 170px;
border-width: 0px 10px 0px 30px;
}
.box4-bottom {
width: 170px;
border-top-width: 0px;
border-left-width: 30px;
border-right-width: 10px;
border-bottom-width: 10px;
}
</style>
</head>
<body>
<h2>Border Radius - 10px</h2>
Box#1
<div id="box1-top" class="box-top box1-top top-radius-10"></div>
<div id="box1-middle" class="box-middle box1-middle middle-radius-10"></div>
<div id="box1-bottom" class="box-bottom box1-bottom bottom-radius-10"></div>
<br>
Box#2
<div id="box2-top" class="box-top box2-top top-radius-10"></div>
<div id="box2-middle" class="box-middle box2-middle middle-radius-10"></div>
<div id="box2-bottom" class="box-bottom box2-bottom bottom-radius-10"></div>
<br>
Box#3
<div id="box3-top" class="box-top box3-top top-radius-10"></div>
<div id="box3-middle" class="box-middle box3-middle middle-radius-10"></div>
<div id="box3-bottom" class="box-bottom box3-bottom bottom-radius-10"></div>
<br>
Box#4
<div id="box4-top" class="box-top box4-top top-radius-10"></div>
<div id="box4-middle" class="box-middle box4-middle middle-radius-10"></div>
<div id="box4-bottom" class="box-bottom box4-bottom bottom-radius-10"></div>
<br>
<h2>Border Radius - 20px</h2>
Box#5
<div id="box5-top" class="box-top box1-top top-radius-20"></div>
<div id="box5-middle" class="box-middle box1-middle middle-radius-20"></div>
<div id="box5-bottom" class="box-bottom box1-bottom bottom-radius-20"></div>
<br>
Box#6
<div id="box6-top" class="box-top box2-top top-radius-20"></div>
<div id="box6-middle" class="box-middle box2-middle middle-radius-20"></div>
<div id="box6-bottom" class="box-bottom box2-bottom bottom-radius-20"></div>
<br>
Box#7
<div id="box7-top" class="box-top box3-top top-radius-20"></div>
<div id="box7-middle" class="box-middle box3-middle middle-radius-20"></div>
<div id="box7-bottom" class="box-bottom box3-bottom bottom-radius-20"></div>
<br>
Box#8
<div id="box8-top" class="box-top box4-top top-radius-20"></div>
<div id="box8-middle" class="box-middle box4-middle middle-radius-20"></div>
<div id="box8-bottom" class="box-bottom box4-bottom bottom-radius-20"></div>
<br>
<h2>Border Radius - 30px</h2>
Box#9
<div id="box9-top" class="box-top box1-top top-radius-30"></div>
<div id="box9-middle" class="box-middle box1-middle middle-radius-30"></div>
<div id="box9-bottom" class="box-bottom box1-bottom bottom-radius-30"></div>
<br>
Box#10
<div id="box10-top" class="box-top box2-top top-radius-30"></div>
<div id="box10-middle" class="box-middle box2-middle middle-radius-30"></div>
<div id="box10-bottom" class="box-bottom box2-bottom bottom-radius-30"></div>
<br>
Box#11
<div id="box11-top" class="box-top box3-top top-radius-30"></div>
<div id="box11-middle" class="box-middle box3-middle middle-radius-30"></div>
<div id="box11-bottom" class="box-bottom box3-bottom bottom-radius-30"></div>
<br>
Box#12
<div id="box12-top" class="box-top box4-top top-radius-30"></div>
<div id="box12-middle" class="box-middle box4-middle middle-radius-30"></div>
<div id="box12-bottom" class="box-bottom box4-bottom bottom-radius-30"></div>
<br>
<h2>Border Radius - 40px</h2>
Box#13
<div id="box13-top" class="box-top box1-top top-radius-40"></div>
<div id="box13-middle" class="box-middle box1-middle middle-radius-40"></div>
<div id="box13-bottom" class="box-bottom box1-bottom bottom-radius-40"></div>
<br>
Box#14
<div id="box14-top" class="box-top box2-top top-radius-40"></div>
<div id="box14-middle" class="box-middle box2-middle middle-radius-40"></div>
<div id="box14-bottom" class="box-bottom box2-bottom bottom-radius-40"></div>
<br>
Box#15
<div id="box15-top" class="box-top box3-top top-radius-40"></div>
<div id="box15-middle" class="box-middle box3-middle middle-radius-40"></div>
<div id="box15-bottom" class="box-bottom box3-bottom bottom-radius-40"></div>
<br>
Box#16
<div id="box16-top" class="box-top box4-top top-radius-40"></div>
<div id="box16-middle" class="box-middle box4-middle middle-radius-40"></div>
<div id="box16-bottom" class="box-bottom box4-bottom bottom-radius-40"></div>
<br>
</body>
</html>

2
tests/ref/webgl-context/tex_image_2d_simple.html
View file

@ -10,6 +10,7 @@
</style>
<canvas id="c" width="256" height="256"></canvas>
<script id="vertex_shader" type="x-shader/x-vertex">
precision mediump float;
attribute vec2 a_texCoord;
attribute vec2 a_position;
varying vec2 v_texCoord;
@ -21,6 +22,7 @@
</script>
<script id="fragment_shader" type="x-shader/x-fragment">
precision mediump float;
uniform sampler2D u_image;
varying vec2 v_texCoord;
void main() {