mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-08 10:44:56 +00:00
Bug 1185636 - add test for border-radius splits. r=jmuizelaar, r=mstange
This commit is contained in:
parent
809de8c4f5
commit
ba8ac955fd
20
layout/reftests/border-radius/corner-split-ref.svg
Normal file
20
layout/reftests/border-radius/corner-split-ref.svg
Normal file
@ -0,0 +1,20 @@
|
||||
<svg width="178" height="178"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<clipPath id="topside"><path d="M175,0 L35,70 L0,0 z" /></clipPath>
|
||||
<clipPath id="leftside"><path d="M0,0 L35,70 L25,75 L0,175 z" /></clipPath>
|
||||
<clipPath id="bottomside"><path d="M0,175 L25,75 L75,75 L175,175 z" /></clipPath>
|
||||
<clipPath id="rightside"><path d="M75,75 L75,50 L175,0 L175,175 z" /></clipPath>
|
||||
<rect x="0" y="0" width="175" height="175" rx="75" ry="75" clip-path="url(#topside)" fill="red" />
|
||||
<rect x="0" y="0" width="175" height="175" rx="75" ry="75" clip-path="url(#leftside)" fill="green" />
|
||||
<rect x="0" y="0" width="175" height="175" rx="75" ry="75" clip-path="url(#bottomside)" fill="blue" />
|
||||
<rect x="0" y="0" width="175" height="175" rx="75" ry="75" clip-path="url(#rightside)" fill="black" />
|
||||
<path d="M75,50 L75,75 L25,75 A50,25 0 0,1 75,50" fill="white" />
|
||||
|
||||
<rect x="0" y="0" width="175" height="175" rx="75" ry="75" fill="none" stroke="orange" stroke-width="3" />
|
||||
<line x1="145" y1="15" x2="75" y2="50" stroke="orange" stroke-width="3" />
|
||||
<line x1="153.033004761" y1="153.033004761" x2="75" y2="75" stroke="orange" stroke-width="3" />
|
||||
<line x1="9.580468178" y1="136.678131104" x2="25" y2="75" stroke="orange" stroke-width="3" />
|
||||
<line x1="15.000000954" y1="30.000001907" x2="31.386978149" y2="62.773956299" stroke="orange" stroke-width="3" />
|
||||
<path d="M75,50 L75,75 L25,75 A50,25 0 0,1 75,50" fill="none" stroke="orange" stroke-width="3" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
32
layout/reftests/border-radius/corner-split.html
Normal file
32
layout/reftests/border-radius/corner-split.html
Normal file
@ -0,0 +1,32 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#borders, .cover {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
}
|
||||
#borders {
|
||||
width: 50px;
|
||||
height: 25px;
|
||||
border-radius: 75px;
|
||||
border-top: 50px solid red;
|
||||
border-bottom: 100px solid blue;
|
||||
border-left: 25px solid green;
|
||||
border-right: 100px solid black;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="borders"></div>
|
||||
<svg width="178" height="178" class="cover">
|
||||
<rect x="0" y="0" width="175" height="175" rx="75" ry="75" fill="none" stroke="orange" stroke-width="3" />
|
||||
<line x1="145" y1="15" x2="75" y2="50" stroke="orange" stroke-width="3" />
|
||||
<line x1="153.033004761" y1="153.033004761" x2="75" y2="75" stroke="orange" stroke-width="3" />
|
||||
<line x1="9.580468178" y1="136.678131104" x2="25" y2="75" stroke="orange" stroke-width="3" />
|
||||
<line x1="15.000000954" y1="30.000001907" x2="31.386978149" y2="62.773956299" stroke="orange" stroke-width="3" />
|
||||
<path d="M75,50 L75,75 L25,75 A50,25 0 0,1 75,50" fill="none" stroke="orange" stroke-width="3" />
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
@ -90,3 +90,5 @@ skip-if(B2G||Mulet) fuzzy-if(/^Windows\x20NT\x206\.2/.test(http.oscpu),1,20) fuz
|
||||
fuzzy-if(winWidget&&!d2d,1,9) fuzzy-if(d2d,5,40) fuzzy-if(Android||B2G,1,5) == curved-border-background-nogap.html curved-border-background-nogap-ref.html
|
||||
|
||||
== color-layer-1a.html color-layer-1-ref.html
|
||||
|
||||
== corner-split.html corner-split-ref.svg # bug 1185636
|
||||
|
Loading…
Reference in New Issue
Block a user