Commit 1a9ff0f0 authored by morrita@google.com's avatar morrita@google.com
Browse files

2011-05-11 MORITA Hajime <morrita@google.com>

        Reviewed by Kent Tamura.

        Some elements in meter-styles.html are hiding its content part with non-content-area.
        https://bugs.webkit.org/show_bug.cgi?id=58149

        - Resized the border and padding values
        - Gave "-webkit-appearance: none" to test that is intended to be painted using shadows.

        * fast/dom/HTMLMeterElement/meter-styles.html:
        * platform/mac/fast/dom/HTMLMeterElement/meter-styles-expected.checksum:
        * platform/mac/fast/dom/HTMLMeterElement/meter-styles-expected.png:
        * platform/mac/fast/dom/HTMLMeterElement/meter-styles-expected.txt:

git-svn-id: http://svn.webkit.org/repository/webkit/trunk@86307 268f45cc-cd09-0410-ab3c-d52691b4dbfc
parent f2496442
2011-05-11 MORITA Hajime <morrita@google.com>
Reviewed by Kent Tamura.
Some elements in meter-styles.html are hiding its content part with non-content-area.
https://bugs.webkit.org/show_bug.cgi?id=58149
- Resized the border and padding values
- Gave "-webkit-appearance: none" to test that is intended to be painted using shadows.
* fast/dom/HTMLMeterElement/meter-styles.html:
* platform/mac/fast/dom/HTMLMeterElement/meter-styles-expected.checksum:
* platform/mac/fast/dom/HTMLMeterElement/meter-styles-expected.png:
* platform/mac/fast/dom/HTMLMeterElement/meter-styles-expected.txt:
2011-05-11 Kent Tamura <tkent@chromium.org>
 
Reviewed by Dimitri Glazkov.
......@@ -6,7 +6,7 @@ if (window.layoutTestController)
</script>
<style>
meter.usestyle { -webkit-appearance: none; /* this forces styling; */ }
meter.tall { width: 30px; height: 40px; }
meter.tall { width: 30px; height: 40px; -webkit-appearance: none; /* this forces styling; */ }
ul, h2, p { margin: 0.2em; }
h1, h2 { font-size: medium; }
li { margin: 0.2em; list-style-type: none; }
......@@ -29,9 +29,9 @@ if (window.layoutTestController)
<h2>Providing meter styles</h2>
<div style="background-color: #eee">
<ul>
<li><meter style="background-color: #aac; border-color: #224; border-style: solid; border-width: 10px 50px 5px 100px;" min="0" max="100" low="30" high="60" optimum="100" value="80" ></meter> has border</li>
<li><meter style="background-color: #aac; border-color: #224; padding: 10px 50px 5px 100px;" min="0" max="100" low="30" high="60" optimum="100" value="80" ></meter> has padding</li>
<li><meter style="background-color: #aac; border-color: #224; margin: 10px 50px 5px 100px;" min="0" max="100" low="30" high="60" optimum="100" value="80" ></meter> has margin</li>
<li><meter style="background-color: #aac; border-color: #224; border-style: solid; border-width: 5px 20px 5px 10px;" min="0" max="100" low="30" high="60" optimum="100" value="80" ></meter> has border</li>
<li><meter style="background-color: #aac; border-color: #224; padding: 5px 20px 5px 10px;" min="0" max="100" low="30" high="60" optimum="100" value="80" ></meter> has padding</li>
<li><meter style="background-color: #aac; border-color: #224; margin: 5px 20px 5px 10px;" min="0" max="100" low="30" high="60" optimum="100" value="80" ></meter> has margin</li>
</ul>
</div>
<h2>Providing bar and/or value styles</h2>
......
......@@ -23,39 +23,45 @@ layer at (0,0) size 800x600
RenderBlock {DIV} at (0,0) size 60x16
RenderListItem {LI} at (43,21) size 732x41
RenderMeter {METER} at (0,0) size 30x40
RenderBlock {DIV} at (0,0) size 30x40
RenderBlock {DIV} at (0,0) size 7x40
RenderText {#text} at (30,23) size 4x18
text run at (30,23) width 4: " "
RenderMeter {METER} at (34,0) size 30x40
RenderBlock {DIV} at (0,0) size 30x40
RenderBlock {DIV} at (0,0) size 13x40
RenderText {#text} at (64,23) size 4x18
text run at (64,23) width 4: " "
RenderMeter {METER} at (68,0) size 30x40
RenderBlock {DIV} at (0,0) size 30x40
RenderBlock {DIV} at (0,0) size 22x40
RenderBlock {H2} at (3,86) size 778x18
RenderText {#text} at (0,0) size 150x18
text run at (0,0) width 150: "Providing meter styles"
RenderBlock {DIV} at (0,107) size 784x74 [bgcolor=#EEEEEE]
RenderBlock {UL} at (3,0) size 778x74
RenderBlock {DIV} at (0,107) size 784x69 [bgcolor=#EEEEEE]
RenderBlock {UL} at (3,0) size 778x69
RenderListItem {LI} at (43,0) size 732x18
RenderMeter {METER} at (0,1) size 150x16 [bgcolor=#AAAACC] [border: (10px solid #222244) (50px solid #222244) (5px solid #222244) (100px solid #222244)]
RenderBlock {DIV} at (100,10) size 0x1
RenderBlock {DIV} at (0,0) size 0x1
RenderText {#text} at (150,0) size 70x18
text run at (150,0) width 70: " has border"
RenderMeter {METER} at (0,1) size 80x16 [bgcolor=#AAAACC] [border: (5px solid #222244) (20px solid #222244) (5px solid #222244) (10px solid #222244)]
RenderBlock {DIV} at (10,5) size 50x6
RenderBlock {DIV} at (0,0) size 40x6
RenderText {#text} at (80,0) size 70x18
text run at (80,0) width 70: " has border"
RenderListItem {LI} at (43,21) size 732x18
RenderMeter {METER} at (0,1) size 150x16 [bgcolor=#AAAACC]
RenderBlock {DIV} at (100,10) size 0x1
RenderBlock {DIV} at (0,0) size 0x1
RenderText {#text} at (150,0) size 80x18
text run at (150,0) width 80: " has padding"
RenderListItem {LI} at (43,42) size 732x32
RenderMeter {METER} at (100,10) size 80x16 [bgcolor=#AAAACC]
RenderMeter {METER} at (0,1) size 80x16 [bgcolor=#AAAACC]
RenderBlock {DIV} at (10,5) size 50x6
RenderBlock {DIV} at (0,0) size 40x6
RenderText {#text} at (80,0) size 80x18
text run at (80,0) width 80: " has padding"
RenderListItem {LI} at (43,42) size 732x27
RenderMeter {METER} at (10,5) size 80x16 [bgcolor=#AAAACC]
RenderBlock {DIV} at (0,0) size 80x16
RenderBlock {DIV} at (0,0) size 64x16
RenderText {#text} at (230,14) size 73x18
text run at (230,14) width 73: " has margin"
RenderBlock {H2} at (3,184) size 778x18
RenderText {#text} at (110,9) size 73x18
text run at (110,9) width 73: " has margin"
RenderBlock {H2} at (3,179) size 778x18
RenderText {#text} at (0,0) size 224x18
text run at (0,0) width 224: "Providing bar and/or value styles"
RenderBlock {DIV} at (0,205) size 784x165 [bgcolor=#EEEEEE]
RenderBlock {DIV} at (0,200) size 784x165 [bgcolor=#EEEEEE]
RenderBlock {UL} at (3,0) size 778x81
RenderBlock (anonymous) at (40,0) size 738x18
RenderText {#text} at (0,0) size 475x18
......@@ -94,10 +100,10 @@ layer at (0,0) size 800x600
RenderBlock {DIV} at (2,2) size 60x12 [bgcolor=#008000] [border: (2px solid #77CC77)]
RenderText {#text} at (80,0) size 235x18
text run at (80,0) width 235: " should have solid bar and value part."
RenderBlock {H2} at (3,373) size 778x18
RenderBlock {H2} at (3,368) size 778x18
RenderText {#text} at (0,0) size 156x18
text run at (0,0) width 156: "Providing appearances"
RenderBlock {DIV} at (0,394) size 784x39 [bgcolor=#EEEEEE]
RenderBlock {DIV} at (0,389) size 784x39 [bgcolor=#EEEEEE]
RenderBlock {UL} at (3,0) size 778x39
RenderListItem {LI} at (43,0) size 732x18
RenderMeter {METER} at (0,1) size 80x16
......@@ -109,10 +115,10 @@ layer at (0,0) size 800x600
RenderMeter {METER} at (0,1) size 80x16
RenderText {#text} at (80,0) size 276x18
text run at (80,0) width 276: " has \"meter\" appearance, should be themed."
RenderBlock {H2} at (3,436) size 778x18
RenderBlock {H2} at (3,431) size 778x18
RenderText {#text} at (0,0) size 161x18
text run at (0,0) width 161: "Providing bar paddings"
RenderBlock {DIV} at (0,457) size 784x18 [bgcolor=#EEEEEE]
RenderBlock {DIV} at (0,452) size 784x18 [bgcolor=#EEEEEE]
RenderMeter {METER} at (0,1) size 80x16
RenderBlock {DIV} at (0,0) size 80x16
RenderBlock {DIV} at (5,5) size 35x6
......
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