Commit 148735b5 authored by simon.fraser@apple.com's avatar simon.fraser@apple.com
Browse files

2010-04-30 Simon Fraser <simon.fraser@apple.com>

        Reviewed by Beth Dakin.

        Update image results for SVG as CSS border image tests
        https://bugs.webkit.org/show_bug.cgi?id=37028

        Improve the tests for SVG in border image to use an image that is not a solid color,
        and by adding comparison elements with PNG-based borders.

        Remove unused "green rect" SVG files.

        Update Mac pixel results, and remove Chromium pixel results with the expectation
        that someone will commit new ones.

        * fast/borders/resources/green-fixed-size-rect.svg: Removed.
        * fast/borders/resources/green-relative-size-rect.svg: Removed.
        * fast/borders/resources/large-tiles.png: Added.
        * fast/borders/resources/tiles-fixed-size.svg: Added.
        * fast/borders/resources/tiles-relative-size.svg: Added.
        * fast/borders/resources/tiles.png: Added.
        * fast/borders/svg-as-border-image-2.html:
        * fast/borders/svg-as-border-image.html:
        * platform/chromium-win/fast/borders/svg-as-border-image-2-expected.checksum: Removed.
        * platform/chromium-win/fast/borders/svg-as-border-image-2-expected.png: Removed.
        * platform/chromium-win/fast/borders/svg-as-border-image-2-expected.txt: Removed.
        * platform/chromium-win/fast/borders/svg-as-border-image-expected.checksum: Removed.
        * platform/chromium-win/fast/borders/svg-as-border-image-expected.png: Removed.
        * platform/chromium-win/fast/borders/svg-as-border-image-expected.txt: Removed.
        * platform/mac/fast/borders/svg-as-border-image-2-expected.checksum:
        * platform/mac/fast/borders/svg-as-border-image-2-expected.png:
        * platform/mac/fast/borders/svg-as-border-image-2-expected.txt:
        * platform/mac/fast/borders/svg-as-border-image-expected.checksum:
        * platform/mac/fast/borders/svg-as-border-image-expected.png:
        * platform/mac/fast/borders/svg-as-border-image-expected.txt:

git-svn-id: http://svn.webkit.org/repository/webkit/trunk@58580 268f45cc-cd09-0410-ab3c-d52691b4dbfc
parent cfb79024
2010-04-30 Simon Fraser <simon.fraser@apple.com>
Reviewed by Beth Dakin.
Update image results for SVG as CSS border image tests
https://bugs.webkit.org/show_bug.cgi?id=37028
Improve the tests for SVG in border image to use an image that is not a solid color,
and by adding comparison elements with PNG-based borders.
Remove unused "green rect" SVG files.
Update Mac pixel results, and remove Chromium pixel results with the expectation
that someone will commit new ones.
* fast/borders/resources/green-fixed-size-rect.svg: Removed.
* fast/borders/resources/green-relative-size-rect.svg: Removed.
* fast/borders/resources/large-tiles.png: Added.
* fast/borders/resources/tiles-fixed-size.svg: Added.
* fast/borders/resources/tiles-relative-size.svg: Added.
* fast/borders/resources/tiles.png: Added.
* fast/borders/svg-as-border-image-2.html:
* fast/borders/svg-as-border-image.html:
* platform/chromium-win/fast/borders/svg-as-border-image-2-expected.checksum: Removed.
* platform/chromium-win/fast/borders/svg-as-border-image-2-expected.png: Removed.
* platform/chromium-win/fast/borders/svg-as-border-image-2-expected.txt: Removed.
* platform/chromium-win/fast/borders/svg-as-border-image-expected.checksum: Removed.
* platform/chromium-win/fast/borders/svg-as-border-image-expected.png: Removed.
* platform/chromium-win/fast/borders/svg-as-border-image-expected.txt: Removed.
* platform/mac/fast/borders/svg-as-border-image-2-expected.checksum:
* platform/mac/fast/borders/svg-as-border-image-2-expected.png:
* platform/mac/fast/borders/svg-as-border-image-2-expected.txt:
* platform/mac/fast/borders/svg-as-border-image-expected.checksum:
* platform/mac/fast/borders/svg-as-border-image-expected.png:
* platform/mac/fast/borders/svg-as-border-image-expected.txt:
2010-04-30 Dimitri Glazkov <dglazkov@chromium.org>
 
Unreviewed, expectations tweak.
......
<svg xmlns="http://www.w3.org/2000/svg" width='100px' height='100px'>
<rect fill='green' width='100px' height='100px' />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width='100%' height='100%'>
<rect fill='green' width='100px' height='100px' />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width='100px' height='100px'>
<rect fill='red' width='50px' height='50px' />
<rect fill='green' x="50px" width='50px' height='50px' />
<rect fill='orange' y="50px" width='50px' height='50px' />
<rect fill='blue' x="50px" y="50px" width='50px' height='50px' />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width='100%' height='100%'>
<rect fill='silver' width='100%' height='100%' />
<rect fill='red' width='50px' height='50px' />
<rect fill='green' x="50px" width='50px' height='50px' />
<rect fill='orange' y="50px" width='50px' height='50px' />
<rect fill='blue' x="50px" y="50px" width='50px' height='50px' />
</svg>
<html>
<head>
<style>
div {
.svg, .image {
display: inline-block;
border: 1px solid black;
}
.svg > div, .image > div {
border-width: 30px 30px 30px 30px;
height: 100px;
width: 100px;
margin: 10px;
outline: 1px solid black;
display: inline-block;
}
div.rr {
-webkit-border-image: url("resources/green-relative-size-rect.svg") 30 30 30 30 repeat repeat;
.svg > .rr {
-webkit-border-image: url("resources/tiles-relative-size.svg") 30 30 30 30 repeat repeat;
}
.svg > .rs {
-webkit-border-image: url("resources/tiles-relative-size.svg") 30 30 30 30 repeat stretch;
}
.svg > .sr {
-webkit-border-image: url("resources/tiles-relative-size.svg") 30 30 30 30 stretch repeat;
}
.svg > .ss {
-webkit-border-image: url("resources/tiles-relative-size.svg") 30 30 30 30 stretch stretch;
}
.image > .rr {
-webkit-border-image: url("resources/large-tiles.png") 30 30 30 30 repeat repeat;
}
div.rs {
-webkit-border-image: url("resources/green-relative-size-rect.svg") 30 30 30 30 repeat stretch;
.image > .rs {
-webkit-border-image: url("resources/large-tiles.png") 30 30 30 30 repeat stretch;
}
div.sr {
-webkit-border-image: url("resources/green-relative-size-rect.svg") 30 30 30 30 stretch repeat;
.image > .sr {
-webkit-border-image: url("resources/large-tiles.png") 30 30 30 30 stretch repeat;
}
div.ss {
-webkit-border-image: url("resources/green-relative-size-rect.svg") 30 30 30 30 stretch stretch;
.image > .ss {
-webkit-border-image: url("resources/large-tiles.png") 30 30 30 30 stretch stretch;
}
</style>
</head>
<body>
<!-- Left and right sides should look identical -->
<div class="svg">
<h2>SVG border-image</h2>
<div class="rr"></div>
<div class="rs"></div>
<br>
<div class="sr"></div>
<div class="ss"></div>
</div>
<div class="image">
<h2>PNG border-image</h2>
<div class="rr"></div>
<div class="rs"></div>
<br>
<div class="sr"></div>
<div class="ss"></div>
</div>
</body>
</html>
<html>
<head>
<style>
div {
.svg, .image {
display: inline-block;
border: 1px solid black;
}
.svg > div, .image > div {
border-width: 30px 30px 30px 30px;
height: 100px;
width: 100px;
margin: 10px;
outline: 1px solid black;
display: inline-block;
}
div.rr {
-webkit-border-image: url("resources/green-fixed-size-rect.svg") 30 30 30 30 repeat repeat;
.svg > .rr {
-webkit-border-image: url("resources/tiles-fixed-size.svg") 30 30 30 30 repeat repeat;
}
.svg > .rs {
-webkit-border-image: url("resources/tiles-fixed-size.svg") 30 30 30 30 repeat stretch;
}
.svg > .sr {
-webkit-border-image: url("resources/tiles-fixed-size.svg") 30 30 30 30 stretch repeat;
}
.svg > .ss {
-webkit-border-image: url("resources/tiles-fixed-size.svg") 30 30 30 30 stretch stretch;
}
.image > .rr {
-webkit-border-image: url("resources/tiles.png") 30 30 30 30 repeat repeat;
}
div.rs {
-webkit-border-image: url("resources/green-fixed-size-rect.svg") 30 30 30 30 repeat stretch;
.image > .rs {
-webkit-border-image: url("resources/tiles.png") 30 30 30 30 repeat stretch;
}
div.sr {
-webkit-border-image: url("resources/green-fixed-size-rect.svg") 30 30 30 30 stretch repeat;
.image > .sr {
-webkit-border-image: url("resources/tiles.png") 30 30 30 30 stretch repeat;
}
div.ss {
-webkit-border-image: url("resources/green-fixed-size-rect.svg") 30 30 30 30 stretch stretch;
.image > .ss {
-webkit-border-image: url("resources/tiles.png") 30 30 30 30 stretch stretch;
}
</style>
</head>
<body>
<!-- Left and right sides should look identical -->
<div class="svg">
<h2>SVG border-image</h2>
<div class="rr"></div>
<div class="rs"></div>
<br>
<div class="sr"></div>
<div class="ss"></div>
</div>
<div class="image">
<h2>PNG border-image</h2>
<div class="rr"></div>
<div class="rs"></div>
<br>
<div class="sr"></div>
<div class="ss"></div>
</div>
</body>
</html>
layer at (0,0) size 800x600
RenderView at (0,0) size 800x600
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,8) size 784x584
RenderBlock {DIV} at (10,10) size 160x160 [border: (30px none #000000)]
RenderText {#text} at (180,165) size 4x19
text run at (180,165) width 4: " "
RenderBlock {DIV} at (194,10) size 160x160 [border: (30px none #000000)]
RenderText {#text} at (364,165) size 4x19
text run at (364,165) width 4: " "
RenderBR {BR} at (0,0) size 0x0
RenderBlock {DIV} at (10,195) size 160x160 [border: (30px none #000000)]
RenderText {#text} at (180,350) size 4x19
text run at (180,350) width 4: " "
RenderBlock {DIV} at (194,195) size 160x160 [border: (30px none #000000)]
RenderText {#text} at (0,0) size 0x0
RenderText {#text} at (0,0) size 0x0
RenderText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
RenderView at (0,0) size 800x600
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,8) size 784x584
RenderBlock {DIV} at (10,10) size 160x160 [border: (30px none #000000)]
RenderText {#text} at (180,165) size 4x19
text run at (180,165) width 4: " "
RenderBlock {DIV} at (194,10) size 160x160 [border: (30px none #000000)]
RenderText {#text} at (364,165) size 4x19
text run at (364,165) width 4: " "
RenderBR {BR} at (0,0) size 0x0
RenderBlock {DIV} at (10,195) size 160x160 [border: (30px none #000000)]
RenderText {#text} at (180,350) size 4x19
text run at (180,350) width 4: " "
RenderBlock {DIV} at (194,195) size 160x160 [border: (30px none #000000)]
RenderText {#text} at (0,0) size 0x0
RenderText {#text} at (0,0) size 0x0
RenderText {#text} at (0,0) size 0x0
bf838aa21bc348f46d994ed2b8926c6d
\ No newline at end of file
a9825b78f4f7e0a8b52fe8db7a5700ac
\ No newline at end of file
......@@ -3,17 +3,42 @@ layer at (0,0) size 800x600
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,8) size 784x584
RenderBlock {DIV} at (10,10) size 160x160 [border: (30px none #000000)]
RenderText {#text} at (180,166) size 4x18
text run at (180,166) width 4: " "
RenderBlock {DIV} at (194,10) size 160x160 [border: (30px none #000000)]
RenderText {#text} at (364,166) size 4x18
text run at (364,166) width 4: " "
RenderBR {BR} at (0,0) size 0x0
RenderBlock {DIV} at (10,194) size 160x160 [border: (30px none #000000)]
RenderText {#text} at (180,350) size 4x18
text run at (180,350) width 4: " "
RenderBlock {DIV} at (194,194) size 160x160 [border: (30px none #000000)]
RenderBlock {DIV} at (0,0) size 370x436 [border: (1px solid #000000)]
RenderBlock {H2} at (1,20) size 368x28
RenderText {#text} at (0,0) size 196x28
text run at (0,0) width 196: "SVG border-image"
RenderBlock (anonymous) at (1,67) size 368x368
RenderBlock {DIV} at (10,10) size 160x160 [border: (30px none #000000)]
RenderText {#text} at (180,166) size 4x18
text run at (180,166) width 4: " "
RenderBlock {DIV} at (194,10) size 160x160 [border: (30px none #000000)]
RenderText {#text} at (364,166) size 4x18
text run at (364,166) width 4: " "
RenderBR {BR} at (0,0) size 0x0
RenderBlock {DIV} at (10,194) size 160x160 [border: (30px none #000000)]
RenderText {#text} at (180,350) size 4x18
text run at (180,350) width 4: " "
RenderBlock {DIV} at (194,194) size 160x160 [border: (30px none #000000)]
RenderText {#text} at (0,0) size 0x0
RenderText {#text} at (370,417) size 4x18
text run at (370,417) width 4: " "
RenderBlock {DIV} at (374,0) size 370x436 [border: (1px solid #000000)]
RenderBlock {H2} at (1,20) size 368x28
RenderText {#text} at (0,0) size 198x28
text run at (0,0) width 198: "PNG border-image"
RenderBlock (anonymous) at (1,67) size 368x368
RenderBlock {DIV} at (10,10) size 160x160 [border: (30px none #000000)]
RenderText {#text} at (180,166) size 4x18
text run at (180,166) width 4: " "
RenderBlock {DIV} at (194,10) size 160x160 [border: (30px none #000000)]
RenderText {#text} at (364,166) size 4x18
text run at (364,166) width 4: " "
RenderBR {BR} at (0,0) size 0x0
RenderBlock {DIV} at (10,194) size 160x160 [border: (30px none #000000)]
RenderText {#text} at (180,350) size 4x18
text run at (180,350) width 4: " "
RenderBlock {DIV} at (194,194) size 160x160 [border: (30px none #000000)]
RenderText {#text} at (0,0) size 0x0
RenderText {#text} at (0,0) size 0x0
RenderText {#text} at (0,0) size 0x0
RenderText {#text} at (0,0) size 0x0
bf838aa21bc348f46d994ed2b8926c6d
\ No newline at end of file
5d07c007951701773a03f4ead9961385
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment