[SCM] WebKit Debian packaging branch, debian/experimental, updated. upstream/1.3.3-9427-gc2be6fc

atwilson at chromium.org atwilson at chromium.org
Wed Dec 22 11:37:41 UTC 2010


The following commit has been merged in the debian/experimental branch:
commit aae4e2d96a93f4ac175967b9c05d8891b077d906
Author: atwilson at chromium.org <atwilson at chromium.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Date:   Sat Jul 31 21:55:18 2010 +0000

    Unreviewed un-rollback of r64375 so Satish can land his fixes.
    
    * fast/speech/input-appearance-numberandspeech-expected.txt: Added.
    * fast/speech/input-appearance-numberandspeech.html: Added.
    * fast/speech/input-appearance-searchandspeech-expected.txt: Added.
    * fast/speech/input-appearance-searchandspeech.html: Added.
    * fast/speech/input-appearance-speechbutton-expected.txt: Added.
    * fast/speech/input-appearance-speechbutton.html: Added.
    * platform/chromium/drt_expectations.txt:
    * platform/chromium/test_expectations.txt:
    * platform/gtk/Skipped:
    * platform/mac/Skipped:
    * platform/qt/Skipped:
    * platform/win/Skipped:
    
    git-svn-id: http://svn.webkit.org/repository/webkit/trunk@64424 268f45cc-cd09-0410-ab3c-d52691b4dbfc

diff --git a/LayoutTests/ChangeLog b/LayoutTests/ChangeLog
index 554fb9f..022a19a 100644
--- a/LayoutTests/ChangeLog
+++ b/LayoutTests/ChangeLog
@@ -1,3 +1,20 @@
+2010-07-31  Andrew Wilson  <atwilson at chromium.org>
+
+        Unreviewed un-rollback of r64375 so Satish can land his fixes.
+
+        * fast/speech/input-appearance-numberandspeech-expected.txt: Added.
+        * fast/speech/input-appearance-numberandspeech.html: Added.
+        * fast/speech/input-appearance-searchandspeech-expected.txt: Added.
+        * fast/speech/input-appearance-searchandspeech.html: Added.
+        * fast/speech/input-appearance-speechbutton-expected.txt: Added.
+        * fast/speech/input-appearance-speechbutton.html: Added.
+        * platform/chromium/drt_expectations.txt:
+        * platform/chromium/test_expectations.txt:
+        * platform/gtk/Skipped:
+        * platform/mac/Skipped:
+        * platform/qt/Skipped:
+        * platform/win/Skipped:
+
 2010-07-31  Nikolas Zimmermann  <nzimmermann at rim.com>
 
         Not reviewed. Some more housekeeping to turn Leopard but green again.
diff --git a/LayoutTests/fast/speech/input-appearance-numberandspeech-expected.txt b/LayoutTests/fast/speech/input-appearance-numberandspeech-expected.txt
new file mode 100644
index 0000000..04877ef
--- /dev/null
+++ b/LayoutTests/fast/speech/input-appearance-numberandspeech-expected.txt
@@ -0,0 +1,303 @@
+layer at (0,0) size 785x605
+  RenderView at (0,0) size 785x600
+layer at (0,0) size 785x605
+  RenderBlock {HTML} at (0,0) size 785x600
+    RenderBody {BODY} at (8,8) size 769x584
+      RenderBlock {P} at (0,0) size 769x18
+        RenderText {#text} at (0,0) size 422x18
+          text run at (0,0) width 422: "Test appearances of input-speech-button in <input type='number'>."
+      RenderBlock {DIV} at (0,34) size 769x0
+      RenderBlock {DIV} at (0,34) size 769x539
+        RenderTable {TABLE} at (0,0) size 439x539
+          RenderTableSection {TBODY} at (0,0) size 439x539
+            RenderTableRow {TR} at (0,2) size 439x535
+              RenderTableCell {TD} at (2,85) size 180x369 [r=0 c=0 rs=1 cs=1]
+                RenderBlock {DIV} at (1,1) size 178x35
+                  RenderTextControl {INPUT} at (0,3) size 100x16 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (84,1) size 13x15
+                  RenderText {#text} at (100,0) size 4x18
+                    text run at (100,0) width 4: " "
+                  RenderBR {BR} at (104,14) size 0x0
+                  RenderTextControl {INPUT} at (0,19) size 100x16 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,2) size 94x12
+                      RenderBlock {DIV} at (66,0) size 10x10
+                    RenderBlock {DIV} at (84,1) size 13x15
+                RenderBlock {DIV} at (1,36) size 178x36
+                  RenderTextControl {INPUT} at (0,2) size 102x17 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (86,1) size 13x15
+                  RenderText {#text} at (102,0) size 4x18
+                    text run at (102,0) width 4: " "
+                  RenderBR {BR} at (106,14) size 0x0
+                  RenderTextControl {INPUT} at (0,19) size 102x17 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,2) size 96x13
+                      RenderBlock {DIV} at (67,0) size 11x11
+                    RenderBlock {DIV} at (86,1) size 13x15
+                RenderBlock {DIV} at (1,72) size 178x37
+                  RenderTextControl {INPUT} at (0,1) size 104x18 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (88,2) size 13x15
+                  RenderText {#text} at (104,0) size 4x18
+                    text run at (104,0) width 4: " "
+                  RenderBR {BR} at (108,14) size 0x0
+                  RenderTextControl {INPUT} at (0,19) size 104x18 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,2) size 98x14
+                      RenderBlock {DIV} at (68,0) size 12x12
+                    RenderBlock {DIV} at (88,2) size 13x15
+                RenderBlock {DIV} at (1,109) size 178x47
+                  RenderTextControl {INPUT} at (2,2) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (109,2) size 13x15
+                  RenderText {#text} at (129,2) size 4x18
+                    text run at (129,2) width 4: " "
+                  RenderBR {BR} at (133,16) size 0x0
+                  RenderTextControl {INPUT} at (2,25) size 125x20 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,2) size 119x16
+                      RenderBlock {DIV} at (87,0) size 14x14
+                    RenderBlock {DIV} at (109,3) size 13x15
+                RenderBlock {DIV} at (1,156) size 178x50
+                  RenderTextControl {INPUT} at (2,2) size 127x21 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (111,3) size 13x15
+                  RenderText {#text} at (131,3) size 4x18
+                    text run at (131,3) width 4: " "
+                  RenderBR {BR} at (135,17) size 0x0
+                  RenderTextControl {INPUT} at (2,27) size 127x21 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 121x18
+                      RenderBlock {DIV} at (88,0) size 15x15
+                    RenderBlock {DIV} at (111,3) size 13x15
+                RenderBlock {DIV} at (1,206) size 178x52
+                  RenderTextControl {INPUT} at (2,2) size 148x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (130,0) size 15x22
+                  RenderText {#text} at (152,4) size 4x18
+                    text run at (152,4) width 4: " "
+                  RenderBR {BR} at (156,18) size 0x0
+                  RenderTextControl {INPUT} at (2,28) size 148x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 142x19
+                      RenderBlock {DIV} at (106,0) size 16x16
+                    RenderBlock {DIV} at (130,0) size 15x22
+                RenderBlock {DIV} at (1,258) size 178x54
+                  RenderTextControl {INPUT} at (2,2) size 150x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (132,1) size 15x22
+                  RenderText {#text} at (154,5) size 4x18
+                    text run at (154,5) width 4: " "
+                  RenderBR {BR} at (158,19) size 0x0
+                  RenderTextControl {INPUT} at (2,29) size 150x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 144x20
+                      RenderBlock {DIV} at (107,0) size 17x17
+                    RenderBlock {DIV} at (132,1) size 15x22
+                RenderBlock {DIV} at (1,312) size 178x56
+                  RenderTextControl {INPUT} at (2,2) size 170x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (152,1) size 15x22
+                  RenderText {#text} at (174,6) size 4x18
+                    text run at (174,6) width 4: " "
+                  RenderBR {BR} at (178,20) size 0x0
+                  RenderTextControl {INPUT} at (2,30) size 170x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 164x21
+                      RenderBlock {DIV} at (126,0) size 18x18
+                    RenderBlock {DIV} at (152,1) size 15x22
+              RenderTableCell {TD} at (184,2) size 253x535 [r=0 c=1 rs=1 cs=1]
+                RenderBlock {DIV} at (1,1) size 251x58
+                  RenderTextControl {INPUT} at (2,2) size 172x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (154,1) size 15x22
+                  RenderText {#text} at (176,6) size 4x18
+                    text run at (176,6) width 4: " "
+                  RenderBR {BR} at (180,20) size 0x0
+                  RenderTextControl {INPUT} at (2,30) size 172x26 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 166x23
+                      RenderBlock {DIV} at (126,0) size 20x20
+                    RenderBlock {DIV} at (154,2) size 15x22
+                RenderBlock {DIV} at (1,59) size 251x61
+                  RenderTextControl {INPUT} at (2,2) size 174x26 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (156,2) size 15x22
+                  RenderText {#text} at (178,7) size 4x18
+                    text run at (178,7) width 4: " "
+                  RenderBR {BR} at (182,21) size 0x0
+                  RenderTextControl {INPUT} at (2,32) size 174x27 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 168x25
+                      RenderBlock {DIV} at (127,0) size 21x21
+                    RenderBlock {DIV} at (156,3) size 15x22
+                RenderBlock {DIV} at (1,120) size 251x63
+                  RenderTextControl {INPUT} at (2,2) size 195x27 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (173,0) size 19x27
+                  RenderText {#text} at (199,8) size 4x18
+                    text run at (199,8) width 4: " "
+                  RenderBR {BR} at (203,22) size 0x0
+                  RenderTextControl {INPUT} at (2,33) size 195x28 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 189x26
+                      RenderBlock {DIV} at (143,0) size 22x22
+                    RenderBlock {DIV} at (173,1) size 19x27
+                RenderBlock {DIV} at (1,183) size 251x65
+                  RenderTextControl {INPUT} at (2,2) size 197x28 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (175,1) size 19x27
+                  RenderText {#text} at (201,9) size 4x18
+                    text run at (201,9) width 4: " "
+                  RenderBR {BR} at (205,23) size 0x0
+                  RenderTextControl {INPUT} at (2,34) size 197x29 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 191x27
+                      RenderBlock {DIV} at (144,0) size 23x23
+                    RenderBlock {DIV} at (175,1) size 19x27
+                RenderBlock {DIV} at (1,248) size 251x68
+                  RenderTextControl {INPUT} at (2,2) size 218x29 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (196,1) size 19x27
+                  RenderText {#text} at (222,10) size 4x18
+                    text run at (222,10) width 4: " "
+                  RenderBR {BR} at (226,24) size 0x0
+                  RenderTextControl {INPUT} at (2,35) size 218x31 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 212x29
+                      RenderBlock {DIV} at (163,0) size 25x25
+                    RenderBlock {DIV} at (196,2) size 19x27
+                RenderBlock {DIV} at (1,316) size 251x70
+                  RenderTextControl {INPUT} at (2,2) size 220x30 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (198,2) size 19x27
+                  RenderText {#text} at (224,11) size 4x18
+                    text run at (224,11) width 4: " "
+                  RenderBR {BR} at (228,25) size 0x0
+                  RenderTextControl {INPUT} at (2,36) size 220x32 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 214x30
+                      RenderBlock {DIV} at (164,0) size 26x26
+                    RenderBlock {DIV} at (198,3) size 19x27
+                RenderBlock {DIV} at (1,386) size 251x73
+                  RenderTextControl {INPUT} at (2,2) size 241x32 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (219,3) size 19x27
+                  RenderText {#text} at (245,12) size 4x18
+                    text run at (245,12) width 4: " "
+                  RenderBR {BR} at (249,26) size 0x0
+                  RenderTextControl {INPUT} at (2,38) size 241x33 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,0) size 235x32
+                      RenderBlock {DIV} at (184,0) size 27x27
+                    RenderBlock {DIV} at (219,3) size 19x27
+                RenderBlock {DIV} at (1,459) size 251x75
+                  RenderTextControl {INPUT} at (2,2) size 243x33 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (221,3) size 19x27
+                  RenderText {#text} at (247,13) size 4x18
+                    text run at (247,13) width 4: " "
+                  RenderBR {BR} at (251,27) size 0x0
+                  RenderTextControl {INPUT} at (2,39) size 243x34 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,0) size 237x33
+                      RenderBlock {DIV} at (185,0) size 28x28
+                    RenderBlock {DIV} at (221,4) size 19x27
+layer at (14,134) size 76x10 scrollWidth 154
+  RenderBlock {DIV} at (3,3) size 76x10
+    RenderText {#text} at (1,0) size 152x10
+      text run at (1,0) width 152: "012345678901234567890123456789"
+layer at (14,151) size 66x10 scrollWidth 154
+  RenderBlock {DIV} at (0,2) size 66x10
+    RenderText {#text} at (1,0) size 152x10
+      text run at (1,0) width 152: "012345678901234567890123456789"
+layer at (14,168) size 78x11 scrollWidth 173
+  RenderBlock {DIV} at (3,3) size 78x11
+    RenderText {#text} at (1,0) size 171x11
+      text run at (1,0) width 171: "012345678901234567890123456789"
+layer at (14,186) size 67x11 scrollWidth 173
+  RenderBlock {DIV} at (0,2) size 67x11
+    RenderText {#text} at (1,0) size 171x11
+      text run at (1,0) width 171: "012345678901234567890123456789"
+layer at (14,203) size 80x12 scrollWidth 192
+  RenderBlock {DIV} at (3,3) size 80x12
+    RenderText {#text} at (1,0) size 190x12
+      text run at (1,0) width 190: "012345678901234567890123456789"
+layer at (14,222) size 68x12 scrollWidth 192
+  RenderBlock {DIV} at (0,2) size 68x12
+    RenderText {#text} at (1,0) size 190x12
+      text run at (1,0) width 190: "012345678901234567890123456789"
+layer at (16,241) size 101x13 scrollWidth 211
+  RenderBlock {DIV} at (3,3) size 101x13
+    RenderText {#text} at (1,0) size 209x13
+      text run at (1,0) width 209: "012345678901234567890123456789"
+layer at (16,266) size 87x13 scrollWidth 211
+  RenderBlock {DIV} at (0,3) size 87x13
+    RenderText {#text} at (1,0) size 209x13
+      text run at (1,0) width 209: "012345678901234567890123456789"
+layer at (16,288) size 103x15 scrollWidth 230
+  RenderBlock {DIV} at (3,3) size 103x15
+    RenderText {#text} at (1,0) size 228x15
+      text run at (1,0) width 228: "012345678901234567890123456789"
+layer at (16,314) size 88x15 scrollWidth 230
+  RenderBlock {DIV} at (0,3) size 88x15
+    RenderText {#text} at (1,0) size 228x15
+      text run at (1,0) width 228: "012345678901234567890123456789"
+layer at (16,338) size 122x16 scrollWidth 249
+  RenderBlock {DIV} at (3,3) size 122x16
+    RenderText {#text} at (1,0) size 247x16
+      text run at (1,0) width 247: "012345678901234567890123456789"
+layer at (16,365) size 106x16 scrollWidth 249
+  RenderBlock {DIV} at (0,3) size 106x16
+    RenderText {#text} at (1,0) size 247x16
+      text run at (1,0) width 247: "012345678901234567890123456789"
+layer at (16,390) size 124x17 scrollWidth 268
+  RenderBlock {DIV} at (3,3) size 124x17
+    RenderText {#text} at (1,0) size 266x17
+      text run at (1,0) width 266: "012345678901234567890123456789"
+layer at (16,418) size 107x17 scrollWidth 268
+  RenderBlock {DIV} at (0,3) size 107x17
+    RenderText {#text} at (1,0) size 266x17
+      text run at (1,0) width 266: "012345678901234567890123456789"
+layer at (16,444) size 144x18 scrollWidth 287
+  RenderBlock {DIV} at (3,3) size 144x18
+    RenderText {#text} at (1,0) size 285x18
+      text run at (1,0) width 285: "012345678901234567890123456789"
+layer at (16,473) size 126x18 scrollWidth 287
+  RenderBlock {DIV} at (0,3) size 126x18
+    RenderText {#text} at (1,0) size 285x18
+      text run at (1,0) width 285: "012345678901234567890123456789"
+layer at (198,50) size 146x18 scrollWidth 306
+  RenderBlock {DIV} at (3,3) size 146x18
+    RenderText {#text} at (1,0) size 304x18
+      text run at (1,0) width 304: "012345678901234567890123456789"
+layer at (198,81) size 126x18 scrollWidth 306
+  RenderBlock {DIV} at (0,5) size 126x18
+    RenderText {#text} at (1,0) size 304x18
+      text run at (1,0) width 304: "012345678901234567890123456789"
+layer at (198,108) size 148x20 scrollWidth 325
+  RenderBlock {DIV} at (3,3) size 148x20
+    RenderText {#text} at (1,0) size 323x20
+      text run at (1,0) width 323: "012345678901234567890123456789"
+layer at (198,141) size 127x20 scrollWidth 325
+  RenderBlock {DIV} at (0,5) size 127x20
+    RenderText {#text} at (1,0) size 323x20
+      text run at (1,0) width 323: "012345678901234567890123456789"
+layer at (198,169) size 165x21 scrollWidth 344
+  RenderBlock {DIV} at (3,3) size 165x21
+    RenderText {#text} at (1,0) size 342x21
+      text run at (1,0) width 342: "012345678901234567890123456789"
+layer at (198,203) size 143x21 scrollWidth 344
+  RenderBlock {DIV} at (0,5) size 143x21
+    RenderText {#text} at (1,0) size 342x21
+      text run at (1,0) width 342: "012345678901234567890123456789"
+layer at (198,232) size 167x22 scrollWidth 363
+  RenderBlock {DIV} at (3,3) size 167x22
+    RenderText {#text} at (1,0) size 361x22
+      text run at (1,0) width 361: "012345678901234567890123456789"
+layer at (198,267) size 144x22 scrollWidth 363
+  RenderBlock {DIV} at (0,5) size 144x22
+    RenderText {#text} at (1,0) size 361x22
+      text run at (1,0) width 361: "012345678901234567890123456789"
+layer at (198,297) size 188x23 scrollWidth 382
+  RenderBlock {DIV} at (3,3) size 188x23
+    RenderText {#text} at (1,0) size 380x23
+      text run at (1,0) width 380: "012345678901234567890123456789"
+layer at (198,334) size 163x23 scrollWidth 382
+  RenderBlock {DIV} at (0,6) size 163x23
+    RenderText {#text} at (1,0) size 380x23
+      text run at (1,0) width 380: "012345678901234567890123456789"
+layer at (198,365) size 190x24 scrollWidth 401
+  RenderBlock {DIV} at (3,3) size 190x24
+    RenderText {#text} at (1,0) size 399x24
+      text run at (1,0) width 399: "012345678901234567890123456789"
+layer at (198,403) size 164x24 scrollWidth 401
+  RenderBlock {DIV} at (0,6) size 164x24
+    RenderText {#text} at (1,0) size 399x24
+      text run at (1,0) width 399: "012345678901234567890123456789"
+layer at (198,435) size 211x26 scrollWidth 420
+  RenderBlock {DIV} at (3,3) size 211x26
+    RenderText {#text} at (1,0) size 418x26
+      text run at (1,0) width 418: "012345678901234567890123456789"
+layer at (198,474) size 184x26 scrollWidth 420
+  RenderBlock {DIV} at (0,6) size 184x26
+    RenderText {#text} at (1,0) size 418x26
+      text run at (1,0) width 418: "012345678901234567890123456789"
+layer at (198,508) size 213x27 scrollWidth 439
+  RenderBlock {DIV} at (3,3) size 213x27
+    RenderText {#text} at (1,0) size 437x27
+      text run at (1,0) width 437: "012345678901234567890123456789"
+layer at (198,548) size 185x27 scrollWidth 439
+  RenderBlock {DIV} at (0,6) size 185x27
+    RenderText {#text} at (1,0) size 437x27
+      text run at (1,0) width 437: "012345678901234567890123456789"
diff --git a/LayoutTests/fast/speech/input-appearance-numberandspeech.html b/LayoutTests/fast/speech/input-appearance-numberandspeech.html
new file mode 100644
index 0000000..b7b95d4
--- /dev/null
+++ b/LayoutTests/fast/speech/input-appearance-numberandspeech.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
+<html>
+<head>
+<link rel="stylesheet" href="../../../../fast/js/resources/js-test-style.css">
+<style>
+</style>
+</head>
+<body>
+<p>Test appearances of input-speech-button in &lt;input type='number'&gt;.</p>
+<div id="console"></div>
+
+<script>
+var parent = document.createElement('div');
+document.body.appendChild(parent);
+parent.innerHTML = '<table><tr><td id=p1><td id=p2></tr></table>';
+for (var size = 8; size < 24; size++) {
+    var div = document.createElement('div');
+    document.getElementById(size < (24 + 8) / 2 ? 'p1' : 'p2').appendChild(div);
+    div.innerHTML = '<input type="number" style="font-size:' + size + 'px" value="012345678901234567890123456789"> <br>'
+        + '<input type="number" style="font-size:' + size + 'px" value="012345678901234567890123456789" speech>';
+}
+</script>
+</body>
+</html>
diff --git a/LayoutTests/fast/speech/input-appearance-searchandspeech-expected.txt b/LayoutTests/fast/speech/input-appearance-searchandspeech-expected.txt
new file mode 100644
index 0000000..c21e72e
--- /dev/null
+++ b/LayoutTests/fast/speech/input-appearance-searchandspeech-expected.txt
@@ -0,0 +1,512 @@
+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 {P} at (0,0) size 784x18
+        RenderText {#text} at (0,0) size 414x18
+          text run at (0,0) width 414: "Test appearances of input-speech-button in <input type='search'>."
+      RenderBlock {DIV} at (0,34) size 784x0
+      RenderBlock {DIV} at (0,34) size 784x456
+        RenderTable {TABLE} at (0,0) size 459x456
+          RenderTableSection {TBODY} at (0,0) size 459x456
+            RenderTableRow {TR} at (0,2) size 459x452
+              RenderTableCell {TD} at (2,42) size 135x371 [r=0 c=0 rs=1 cs=1]
+                RenderBlock {DIV} at (1,1) size 133x54
+                  RenderTextControl {INPUT} at (0,1) size 102x17 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,2) size 96x13
+                      RenderBlock {DIV} at (0,2) size 8x9
+                      RenderBlock {DIV} at (72,2) size 13x9
+                      RenderBlock {DIV} at (85,0) size 11x11
+                  RenderText {#text} at (102,0) size 4x18
+                    text run at (102,0) width 4: " "
+                  RenderBR {BR} at (106,14) size 0x0
+                  RenderTextControl {INPUT} at (0,20) size 102x17 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,3) size 96x11
+                      RenderBlock {DIV} at (0,0) size 8x9
+                      RenderBlock {DIV} at (83,0) size 13x9
+                  RenderText {#text} at (102,18) size 4x18
+                    text run at (102,18) width 4: " "
+                  RenderBR {BR} at (106,32) size 0x0
+                  RenderTextControl {INPUT} at (0,37) size 102x17 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,2) size 96x13
+                      RenderBlock {DIV} at (0,2) size 8x9
+                      RenderBlock {DIV} at (72,2) size 13x9
+                      RenderBlock {DIV} at (85,0) size 11x11
+                RenderBlock {DIV} at (1,55) size 133x54
+                  RenderTextControl {INPUT} at (0,1) size 102x17 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,2) size 96x13
+                      RenderBlock {DIV} at (0,2) size 8x9
+                      RenderBlock {DIV} at (72,2) size 13x9
+                      RenderBlock {DIV} at (85,0) size 11x11
+                  RenderText {#text} at (102,0) size 4x18
+                    text run at (102,0) width 4: " "
+                  RenderBR {BR} at (106,14) size 0x0
+                  RenderTextControl {INPUT} at (0,20) size 102x17 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,3) size 96x11
+                      RenderBlock {DIV} at (0,0) size 8x9
+                      RenderBlock {DIV} at (83,0) size 13x9
+                  RenderText {#text} at (102,18) size 4x18
+                    text run at (102,18) width 4: " "
+                  RenderBR {BR} at (106,32) size 0x0
+                  RenderTextControl {INPUT} at (0,37) size 102x17 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,2) size 96x13
+                      RenderBlock {DIV} at (0,2) size 8x9
+                      RenderBlock {DIV} at (72,2) size 13x9
+                      RenderBlock {DIV} at (85,0) size 11x11
+                RenderBlock {DIV} at (1,109) size 133x54
+                  RenderTextControl {INPUT} at (0,1) size 102x17 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,2) size 96x13
+                      RenderBlock {DIV} at (0,2) size 8x9
+                      RenderBlock {DIV} at (72,2) size 13x9
+                      RenderBlock {DIV} at (85,0) size 11x11
+                  RenderText {#text} at (102,0) size 4x18
+                    text run at (102,0) width 4: " "
+                  RenderBR {BR} at (106,14) size 0x0
+                  RenderTextControl {INPUT} at (0,20) size 102x17 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,3) size 96x11
+                      RenderBlock {DIV} at (0,0) size 8x9
+                      RenderBlock {DIV} at (83,0) size 13x9
+                  RenderText {#text} at (102,18) size 4x18
+                    text run at (102,18) width 4: " "
+                  RenderBR {BR} at (106,32) size 0x0
+                  RenderTextControl {INPUT} at (0,37) size 102x17 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,2) size 96x13
+                      RenderBlock {DIV} at (0,2) size 8x9
+                      RenderBlock {DIV} at (72,2) size 13x9
+                      RenderBlock {DIV} at (85,0) size 11x11
+                RenderBlock {DIV} at (1,163) size 133x69
+                  RenderTextControl {INPUT} at (2,2) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 119x16
+                      RenderBlock {DIV} at (0,3) size 8x11
+                      RenderBlock {DIV} at (92,3) size 13x11
+                      RenderBlock {DIV} at (105,0) size 14x14
+                  RenderText {#text} at (129,3) size 4x18
+                    text run at (129,3) width 4: " "
+                  RenderBR {BR} at (133,17) size 0x0
+                  RenderTextControl {INPUT} at (2,25) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,3) size 119x13
+                      RenderBlock {DIV} at (0,0) size 8x11
+                      RenderBlock {DIV} at (106,0) size 13x11
+                  RenderText {#text} at (129,25) size 4x18
+                    text run at (129,25) width 4: " "
+                  RenderBR {BR} at (133,39) size 0x0
+                  RenderTextControl {INPUT} at (2,48) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 119x16
+                      RenderBlock {DIV} at (0,3) size 8x11
+                      RenderBlock {DIV} at (92,3) size 13x11
+                      RenderBlock {DIV} at (105,0) size 14x14
+                RenderBlock {DIV} at (1,232) size 133x69
+                  RenderTextControl {INPUT} at (2,2) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 119x16
+                      RenderBlock {DIV} at (0,3) size 8x11
+                      RenderBlock {DIV} at (92,3) size 13x11
+                      RenderBlock {DIV} at (105,0) size 14x14
+                  RenderText {#text} at (129,3) size 4x18
+                    text run at (129,3) width 4: " "
+                  RenderBR {BR} at (133,17) size 0x0
+                  RenderTextControl {INPUT} at (2,25) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,3) size 119x13
+                      RenderBlock {DIV} at (0,0) size 8x11
+                      RenderBlock {DIV} at (106,0) size 13x11
+                  RenderText {#text} at (129,25) size 4x18
+                    text run at (129,25) width 4: " "
+                  RenderBR {BR} at (133,39) size 0x0
+                  RenderTextControl {INPUT} at (2,48) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 119x16
+                      RenderBlock {DIV} at (0,3) size 8x11
+                      RenderBlock {DIV} at (92,3) size 13x11
+                      RenderBlock {DIV} at (105,0) size 14x14
+                RenderBlock {DIV} at (1,301) size 133x69
+                  RenderTextControl {INPUT} at (2,2) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 119x16
+                      RenderBlock {DIV} at (0,3) size 8x11
+                      RenderBlock {DIV} at (92,3) size 13x11
+                      RenderBlock {DIV} at (105,0) size 14x14
+                  RenderText {#text} at (129,3) size 4x18
+                    text run at (129,3) width 4: " "
+                  RenderBR {BR} at (133,17) size 0x0
+                  RenderTextControl {INPUT} at (2,25) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,3) size 119x13
+                      RenderBlock {DIV} at (0,0) size 8x11
+                      RenderBlock {DIV} at (106,0) size 13x11
+                  RenderText {#text} at (129,25) size 4x18
+                    text run at (129,25) width 4: " "
+                  RenderBR {BR} at (133,39) size 0x0
+                  RenderTextControl {INPUT} at (2,48) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 119x16
+                      RenderBlock {DIV} at (0,3) size 8x11
+                      RenderBlock {DIV} at (92,3) size 13x11
+                      RenderBlock {DIV} at (105,0) size 14x14
+              RenderTableCell {TD} at (139,2) size 158x452 [r=0 c=1 rs=1 cs=1]
+                RenderBlock {DIV} at (1,1) size 156x69
+                  RenderTextControl {INPUT} at (2,2) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 119x16
+                      RenderBlock {DIV} at (0,3) size 8x11
+                      RenderBlock {DIV} at (92,3) size 13x11
+                      RenderBlock {DIV} at (105,0) size 14x14
+                  RenderText {#text} at (129,3) size 4x18
+                    text run at (129,3) width 4: " "
+                  RenderBR {BR} at (133,17) size 0x0
+                  RenderTextControl {INPUT} at (2,25) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,3) size 119x13
+                      RenderBlock {DIV} at (0,0) size 8x11
+                      RenderBlock {DIV} at (106,0) size 13x11
+                  RenderText {#text} at (129,25) size 4x18
+                    text run at (129,25) width 4: " "
+                  RenderBR {BR} at (133,39) size 0x0
+                  RenderTextControl {INPUT} at (2,48) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 119x16
+                      RenderBlock {DIV} at (0,3) size 8x11
+                      RenderBlock {DIV} at (92,3) size 13x11
+                      RenderBlock {DIV} at (105,0) size 14x14
+                RenderBlock {DIV} at (1,70) size 156x69
+                  RenderTextControl {INPUT} at (2,2) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 119x16
+                      RenderBlock {DIV} at (0,3) size 8x11
+                      RenderBlock {DIV} at (92,3) size 13x11
+                      RenderBlock {DIV} at (105,0) size 14x14
+                  RenderText {#text} at (129,3) size 4x18
+                    text run at (129,3) width 4: " "
+                  RenderBR {BR} at (133,17) size 0x0
+                  RenderTextControl {INPUT} at (2,25) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,3) size 119x13
+                      RenderBlock {DIV} at (0,0) size 8x11
+                      RenderBlock {DIV} at (106,0) size 13x11
+                  RenderText {#text} at (129,25) size 4x18
+                    text run at (129,25) width 4: " "
+                  RenderBR {BR} at (133,39) size 0x0
+                  RenderTextControl {INPUT} at (2,48) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 119x16
+                      RenderBlock {DIV} at (0,3) size 8x11
+                      RenderBlock {DIV} at (92,3) size 13x11
+                      RenderBlock {DIV} at (105,0) size 14x14
+                RenderBlock {DIV} at (1,139) size 156x78
+                  RenderTextControl {INPUT} at (2,2) size 148x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 142x19
+                      RenderBlock {DIV} at (0,3) size 10x13
+                      RenderBlock {DIV} at (110,3) size 16x13
+                      RenderBlock {DIV} at (126,0) size 16x16
+                  RenderText {#text} at (152,5) size 4x18
+                    text run at (152,5) width 4: " "
+                  RenderBR {BR} at (156,19) size 0x0
+                  RenderTextControl {INPUT} at (2,28) size 148x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,3) size 142x16
+                      RenderBlock {DIV} at (0,0) size 10x13
+                      RenderBlock {DIV} at (126,0) size 16x13
+                  RenderText {#text} at (152,30) size 4x18
+                    text run at (152,30) width 4: " "
+                  RenderBR {BR} at (156,44) size 0x0
+                  RenderTextControl {INPUT} at (2,54) size 148x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 142x19
+                      RenderBlock {DIV} at (0,3) size 10x13
+                      RenderBlock {DIV} at (110,3) size 16x13
+                      RenderBlock {DIV} at (126,0) size 16x16
+                RenderBlock {DIV} at (1,217) size 156x78
+                  RenderTextControl {INPUT} at (2,2) size 148x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 142x19
+                      RenderBlock {DIV} at (0,3) size 10x13
+                      RenderBlock {DIV} at (110,3) size 16x13
+                      RenderBlock {DIV} at (126,0) size 16x16
+                  RenderText {#text} at (152,5) size 4x18
+                    text run at (152,5) width 4: " "
+                  RenderBR {BR} at (156,19) size 0x0
+                  RenderTextControl {INPUT} at (2,28) size 148x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,3) size 142x16
+                      RenderBlock {DIV} at (0,0) size 10x13
+                      RenderBlock {DIV} at (126,0) size 16x13
+                  RenderText {#text} at (152,30) size 4x18
+                    text run at (152,30) width 4: " "
+                  RenderBR {BR} at (156,44) size 0x0
+                  RenderTextControl {INPUT} at (2,54) size 148x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 142x19
+                      RenderBlock {DIV} at (0,3) size 10x13
+                      RenderBlock {DIV} at (110,3) size 16x13
+                      RenderBlock {DIV} at (126,0) size 16x16
+                RenderBlock {DIV} at (1,295) size 156x78
+                  RenderTextControl {INPUT} at (2,2) size 148x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 142x19
+                      RenderBlock {DIV} at (0,3) size 10x13
+                      RenderBlock {DIV} at (110,3) size 16x13
+                      RenderBlock {DIV} at (126,0) size 16x16
+                  RenderText {#text} at (152,5) size 4x18
+                    text run at (152,5) width 4: " "
+                  RenderBR {BR} at (156,19) size 0x0
+                  RenderTextControl {INPUT} at (2,28) size 148x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,3) size 142x16
+                      RenderBlock {DIV} at (0,0) size 10x13
+                      RenderBlock {DIV} at (126,0) size 16x13
+                  RenderText {#text} at (152,30) size 4x18
+                    text run at (152,30) width 4: " "
+                  RenderBR {BR} at (156,44) size 0x0
+                  RenderTextControl {INPUT} at (2,54) size 148x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 142x19
+                      RenderBlock {DIV} at (0,3) size 10x13
+                      RenderBlock {DIV} at (110,3) size 16x13
+                      RenderBlock {DIV} at (126,0) size 16x16
+                RenderBlock {DIV} at (1,373) size 156x78
+                  RenderTextControl {INPUT} at (2,2) size 148x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 142x19
+                      RenderBlock {DIV} at (0,3) size 10x13
+                      RenderBlock {DIV} at (110,3) size 16x13
+                      RenderBlock {DIV} at (126,0) size 16x16
+                  RenderText {#text} at (152,5) size 4x18
+                    text run at (152,5) width 4: " "
+                  RenderBR {BR} at (156,19) size 0x0
+                  RenderTextControl {INPUT} at (2,28) size 148x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,3) size 142x16
+                      RenderBlock {DIV} at (0,0) size 10x13
+                      RenderBlock {DIV} at (126,0) size 16x13
+                  RenderText {#text} at (152,30) size 4x18
+                    text run at (152,30) width 4: " "
+                  RenderBR {BR} at (156,44) size 0x0
+                  RenderTextControl {INPUT} at (2,54) size 148x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 142x19
+                      RenderBlock {DIV} at (0,3) size 10x13
+                      RenderBlock {DIV} at (110,3) size 16x13
+                      RenderBlock {DIV} at (126,0) size 16x16
+              RenderTableCell {TD} at (299,71) size 158x314 [r=0 c=2 rs=1 cs=1]
+                RenderBlock {DIV} at (1,1) size 156x78
+                  RenderTextControl {INPUT} at (2,2) size 148x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 142x19
+                      RenderBlock {DIV} at (0,3) size 10x13
+                      RenderBlock {DIV} at (110,3) size 16x13
+                      RenderBlock {DIV} at (126,0) size 16x16
+                  RenderText {#text} at (152,5) size 4x18
+                    text run at (152,5) width 4: " "
+                  RenderBR {BR} at (156,19) size 0x0
+                  RenderTextControl {INPUT} at (2,28) size 148x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,3) size 142x16
+                      RenderBlock {DIV} at (0,0) size 10x13
+                      RenderBlock {DIV} at (126,0) size 16x13
+                  RenderText {#text} at (152,30) size 4x18
+                    text run at (152,30) width 4: " "
+                  RenderBR {BR} at (156,44) size 0x0
+                  RenderTextControl {INPUT} at (2,54) size 148x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 142x19
+                      RenderBlock {DIV} at (0,3) size 10x13
+                      RenderBlock {DIV} at (110,3) size 16x13
+                      RenderBlock {DIV} at (126,0) size 16x16
+                RenderBlock {DIV} at (1,79) size 156x78
+                  RenderTextControl {INPUT} at (2,2) size 148x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 142x19
+                      RenderBlock {DIV} at (0,3) size 10x13
+                      RenderBlock {DIV} at (110,3) size 16x13
+                      RenderBlock {DIV} at (126,0) size 16x16
+                  RenderText {#text} at (152,5) size 4x18
+                    text run at (152,5) width 4: " "
+                  RenderBR {BR} at (156,19) size 0x0
+                  RenderTextControl {INPUT} at (2,28) size 148x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,3) size 142x16
+                      RenderBlock {DIV} at (0,0) size 10x13
+                      RenderBlock {DIV} at (126,0) size 16x13
+                  RenderText {#text} at (152,30) size 4x18
+                    text run at (152,30) width 4: " "
+                  RenderBR {BR} at (156,44) size 0x0
+                  RenderTextControl {INPUT} at (2,54) size 148x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 142x19
+                      RenderBlock {DIV} at (0,3) size 10x13
+                      RenderBlock {DIV} at (110,3) size 16x13
+                      RenderBlock {DIV} at (126,0) size 16x16
+                RenderBlock {DIV} at (1,157) size 156x78
+                  RenderTextControl {INPUT} at (2,2) size 148x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 142x19
+                      RenderBlock {DIV} at (0,3) size 10x13
+                      RenderBlock {DIV} at (110,3) size 16x13
+                      RenderBlock {DIV} at (126,0) size 16x16
+                  RenderText {#text} at (152,5) size 4x18
+                    text run at (152,5) width 4: " "
+                  RenderBR {BR} at (156,19) size 0x0
+                  RenderTextControl {INPUT} at (2,28) size 148x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,3) size 142x16
+                      RenderBlock {DIV} at (0,0) size 10x13
+                      RenderBlock {DIV} at (126,0) size 16x13
+                  RenderText {#text} at (152,30) size 4x18
+                    text run at (152,30) width 4: " "
+                  RenderBR {BR} at (156,44) size 0x0
+                  RenderTextControl {INPUT} at (2,54) size 148x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 142x19
+                      RenderBlock {DIV} at (0,3) size 10x13
+                      RenderBlock {DIV} at (110,3) size 16x13
+                      RenderBlock {DIV} at (126,0) size 16x16
+                RenderBlock {DIV} at (1,235) size 156x78
+                  RenderTextControl {INPUT} at (2,2) size 148x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 142x19
+                      RenderBlock {DIV} at (0,3) size 10x13
+                      RenderBlock {DIV} at (110,3) size 16x13
+                      RenderBlock {DIV} at (126,0) size 16x16
+                  RenderText {#text} at (152,5) size 4x18
+                    text run at (152,5) width 4: " "
+                  RenderBR {BR} at (156,19) size 0x0
+                  RenderTextControl {INPUT} at (2,28) size 148x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,3) size 142x16
+                      RenderBlock {DIV} at (0,0) size 10x13
+                      RenderBlock {DIV} at (126,0) size 16x13
+                  RenderText {#text} at (152,30) size 4x18
+                    text run at (152,30) width 4: " "
+                  RenderBR {BR} at (156,44) size 0x0
+                  RenderTextControl {INPUT} at (2,54) size 148x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 142x19
+                      RenderBlock {DIV} at (0,3) size 10x13
+                      RenderBlock {DIV} at (110,3) size 16x13
+                      RenderBlock {DIV} at (126,0) size 16x16
+layer at (22,90) size 64x11
+  RenderBlock {DIV} at (8,2) size 64x11
+layer at (22,108) size 75x11 scrollWidth 173
+  RenderBlock {DIV} at (8,0) size 75x11
+    RenderText {#text} at (1,0) size 171x11
+      text run at (1,0) width 171: "012345678901234567890123456789"
+layer at (22,126) size 64x11 scrollWidth 173
+  RenderBlock {DIV} at (8,2) size 64x11
+    RenderText {#text} at (1,0) size 171x11
+      text run at (1,0) width 171: "012345678901234567890123456789"
+layer at (22,144) size 64x11
+  RenderBlock {DIV} at (8,2) size 64x11
+layer at (22,162) size 75x11 scrollWidth 173
+  RenderBlock {DIV} at (8,0) size 75x11
+    RenderText {#text} at (1,0) size 171x11
+      text run at (1,0) width 171: "012345678901234567890123456789"
+layer at (22,180) size 64x11 scrollWidth 173
+  RenderBlock {DIV} at (8,2) size 64x11
+    RenderText {#text} at (1,0) size 171x11
+      text run at (1,0) width 171: "012345678901234567890123456789"
+layer at (22,198) size 64x11
+  RenderBlock {DIV} at (8,2) size 64x11
+layer at (22,216) size 75x11 scrollWidth 173
+  RenderBlock {DIV} at (8,0) size 75x11
+    RenderText {#text} at (1,0) size 171x11
+      text run at (1,0) width 171: "012345678901234567890123456789"
+layer at (22,234) size 64x11 scrollWidth 173
+  RenderBlock {DIV} at (8,2) size 64x11
+    RenderText {#text} at (1,0) size 171x11
+      text run at (1,0) width 171: "012345678901234567890123456789"
+layer at (24,253) size 84x13
+  RenderBlock {DIV} at (8,3) size 84x13
+layer at (24,275) size 98x13 scrollWidth 211
+  RenderBlock {DIV} at (8,0) size 98x13
+    RenderText {#text} at (1,0) size 209x13
+      text run at (1,0) width 209: "012345678901234567890123456789"
+layer at (24,299) size 84x13 scrollWidth 211
+  RenderBlock {DIV} at (8,3) size 84x13
+    RenderText {#text} at (1,0) size 209x13
+      text run at (1,0) width 209: "012345678901234567890123456789"
+layer at (24,322) size 84x13
+  RenderBlock {DIV} at (8,3) size 84x13
+layer at (24,344) size 98x13 scrollWidth 211
+  RenderBlock {DIV} at (8,0) size 98x13
+    RenderText {#text} at (1,0) size 209x13
+      text run at (1,0) width 209: "012345678901234567890123456789"
+layer at (24,368) size 84x13 scrollWidth 211
+  RenderBlock {DIV} at (8,3) size 84x13
+    RenderText {#text} at (1,0) size 209x13
+      text run at (1,0) width 209: "012345678901234567890123456789"
+layer at (24,391) size 84x13
+  RenderBlock {DIV} at (8,3) size 84x13
+layer at (24,413) size 98x13 scrollWidth 211
+  RenderBlock {DIV} at (8,0) size 98x13
+    RenderText {#text} at (1,0) size 209x13
+      text run at (1,0) width 209: "012345678901234567890123456789"
+layer at (24,437) size 84x13 scrollWidth 211
+  RenderBlock {DIV} at (8,3) size 84x13
+    RenderText {#text} at (1,0) size 209x13
+      text run at (1,0) width 209: "012345678901234567890123456789"
+layer at (161,51) size 84x13
+  RenderBlock {DIV} at (8,3) size 84x13
+layer at (161,73) size 98x13 scrollWidth 211
+  RenderBlock {DIV} at (8,0) size 98x13
+    RenderText {#text} at (1,0) size 209x13
+      text run at (1,0) width 209: "012345678901234567890123456789"
+layer at (161,97) size 84x13 scrollWidth 211
+  RenderBlock {DIV} at (8,3) size 84x13
+    RenderText {#text} at (1,0) size 209x13
+      text run at (1,0) width 209: "012345678901234567890123456789"
+layer at (161,120) size 84x13
+  RenderBlock {DIV} at (8,3) size 84x13
+layer at (161,142) size 98x13 scrollWidth 211
+  RenderBlock {DIV} at (8,0) size 98x13
+    RenderText {#text} at (1,0) size 209x13
+      text run at (1,0) width 209: "012345678901234567890123456789"
+layer at (161,166) size 84x13 scrollWidth 211
+  RenderBlock {DIV} at (8,3) size 84x13
+    RenderText {#text} at (1,0) size 209x13
+      text run at (1,0) width 209: "012345678901234567890123456789"
+layer at (163,189) size 100x16
+  RenderBlock {DIV} at (10,3) size 100x16
+layer at (163,214) size 116x16 scrollWidth 249
+  RenderBlock {DIV} at (10,0) size 116x16
+    RenderText {#text} at (1,0) size 247x16
+      text run at (1,0) width 247: "012345678901234567890123456789"
+layer at (163,241) size 100x16 scrollWidth 249
+  RenderBlock {DIV} at (10,3) size 100x16
+    RenderText {#text} at (1,0) size 247x16
+      text run at (1,0) width 247: "012345678901234567890123456789"
+layer at (163,267) size 100x16
+  RenderBlock {DIV} at (10,3) size 100x16
+layer at (163,292) size 116x16 scrollWidth 249
+  RenderBlock {DIV} at (10,0) size 116x16
+    RenderText {#text} at (1,0) size 247x16
+      text run at (1,0) width 247: "012345678901234567890123456789"
+layer at (163,319) size 100x16 scrollWidth 249
+  RenderBlock {DIV} at (10,3) size 100x16
+    RenderText {#text} at (1,0) size 247x16
+      text run at (1,0) width 247: "012345678901234567890123456789"
+layer at (163,345) size 100x16
+  RenderBlock {DIV} at (10,3) size 100x16
+layer at (163,370) size 116x16 scrollWidth 249
+  RenderBlock {DIV} at (10,0) size 116x16
+    RenderText {#text} at (1,0) size 247x16
+      text run at (1,0) width 247: "012345678901234567890123456789"
+layer at (163,397) size 100x16 scrollWidth 249
+  RenderBlock {DIV} at (10,3) size 100x16
+    RenderText {#text} at (1,0) size 247x16
+      text run at (1,0) width 247: "012345678901234567890123456789"
+layer at (163,423) size 100x16
+  RenderBlock {DIV} at (10,3) size 100x16
+layer at (163,448) size 116x16 scrollWidth 249
+  RenderBlock {DIV} at (10,0) size 116x16
+    RenderText {#text} at (1,0) size 247x16
+      text run at (1,0) width 247: "012345678901234567890123456789"
+layer at (163,475) size 100x16 scrollWidth 249
+  RenderBlock {DIV} at (10,3) size 100x16
+    RenderText {#text} at (1,0) size 247x16
+      text run at (1,0) width 247: "012345678901234567890123456789"
+layer at (323,120) size 100x16
+  RenderBlock {DIV} at (10,3) size 100x16
+layer at (323,145) size 116x16 scrollWidth 249
+  RenderBlock {DIV} at (10,0) size 116x16
+    RenderText {#text} at (1,0) size 247x16
+      text run at (1,0) width 247: "012345678901234567890123456789"
+layer at (323,172) size 100x16 scrollWidth 249
+  RenderBlock {DIV} at (10,3) size 100x16
+    RenderText {#text} at (1,0) size 247x16
+      text run at (1,0) width 247: "012345678901234567890123456789"
+layer at (323,198) size 100x16
+  RenderBlock {DIV} at (10,3) size 100x16
+layer at (323,223) size 116x16 scrollWidth 249
+  RenderBlock {DIV} at (10,0) size 116x16
+    RenderText {#text} at (1,0) size 247x16
+      text run at (1,0) width 247: "012345678901234567890123456789"
+layer at (323,250) size 100x16 scrollWidth 249
+  RenderBlock {DIV} at (10,3) size 100x16
+    RenderText {#text} at (1,0) size 247x16
+      text run at (1,0) width 247: "012345678901234567890123456789"
+layer at (323,276) size 100x16
+  RenderBlock {DIV} at (10,3) size 100x16
+layer at (323,301) size 116x16 scrollWidth 249
+  RenderBlock {DIV} at (10,0) size 116x16
+    RenderText {#text} at (1,0) size 247x16
+      text run at (1,0) width 247: "012345678901234567890123456789"
+layer at (323,328) size 100x16 scrollWidth 249
+  RenderBlock {DIV} at (10,3) size 100x16
+    RenderText {#text} at (1,0) size 247x16
+      text run at (1,0) width 247: "012345678901234567890123456789"
+layer at (323,354) size 100x16
+  RenderBlock {DIV} at (10,3) size 100x16
+layer at (323,379) size 116x16 scrollWidth 249
+  RenderBlock {DIV} at (10,0) size 116x16
+    RenderText {#text} at (1,0) size 247x16
+      text run at (1,0) width 247: "012345678901234567890123456789"
+layer at (323,406) size 100x16 scrollWidth 249
+  RenderBlock {DIV} at (10,3) size 100x16
+    RenderText {#text} at (1,0) size 247x16
+      text run at (1,0) width 247: "012345678901234567890123456789"
diff --git a/LayoutTests/fast/speech/input-appearance-searchandspeech.html b/LayoutTests/fast/speech/input-appearance-searchandspeech.html
new file mode 100644
index 0000000..befe9a1
--- /dev/null
+++ b/LayoutTests/fast/speech/input-appearance-searchandspeech.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
+<html>
+<head>
+<link rel="stylesheet" href="../../../../fast/js/resources/js-test-style.css">
+<style>
+</style>
+</head>
+<body>
+<p>Test appearances of input-speech-button in &lt;input type='search'&gt;.</p>
+<div id="console"></div>
+
+<script>
+var parent = document.createElement('div');
+document.body.appendChild(parent);
+parent.innerHTML = '<table><tr><td id=p1><td id=p2><td id=p3></tr></table>';
+for (var size = 8; size < 24; size++) {
+    var div = document.createElement('div');
+    document.getElementById('p' + (Math.floor((size - 8) / 6) + 1)).appendChild(div);
+    div.innerHTML = '<input type="search" style="font-size:' + size + 'px" speech> <br>'
+        + '<input type="search" style="font-size:' + size + 'px" value="012345678901234567890123456789"> <br>'
+        + '<input type="search" style="font-size:' + size + 'px" value="012345678901234567890123456789" speech>';
+}
+</script>
+</body>
+</html>
diff --git a/LayoutTests/fast/speech/input-appearance-speechbutton-expected.txt b/LayoutTests/fast/speech/input-appearance-speechbutton-expected.txt
new file mode 100644
index 0000000..5356e3a
--- /dev/null
+++ b/LayoutTests/fast/speech/input-appearance-speechbutton-expected.txt
@@ -0,0 +1,271 @@
+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 {P} at (0,0) size 784x18
+        RenderText {#text} at (0,0) size 258x18
+          text run at (0,0) width 258: "Test appearances of input-speech-button."
+      RenderBlock {DIV} at (0,34) size 784x0
+      RenderBlock {DIV} at (0,34) size 784x539
+        RenderTable {TABLE} at (0,0) size 439x539
+          RenderTableSection {TBODY} at (0,0) size 439x539
+            RenderTableRow {TR} at (0,2) size 439x535
+              RenderTableCell {TD} at (2,85) size 180x369 [r=0 c=0 rs=1 cs=1]
+                RenderBlock {DIV} at (1,1) size 178x35
+                  RenderTextControl {INPUT} at (0,3) size 100x16 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                  RenderText {#text} at (100,0) size 4x18
+                    text run at (100,0) width 4: " "
+                  RenderBR {BR} at (104,14) size 0x0
+                  RenderTextControl {INPUT} at (0,19) size 100x16 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,2) size 94x12
+                      RenderBlock {DIV} at (84,0) size 10x10
+                RenderBlock {DIV} at (1,36) size 178x36
+                  RenderTextControl {INPUT} at (0,2) size 102x17 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                  RenderText {#text} at (102,0) size 4x18
+                    text run at (102,0) width 4: " "
+                  RenderBR {BR} at (106,14) size 0x0
+                  RenderTextControl {INPUT} at (0,19) size 102x17 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,2) size 96x13
+                      RenderBlock {DIV} at (85,0) size 11x11
+                RenderBlock {DIV} at (1,72) size 178x37
+                  RenderTextControl {INPUT} at (0,1) size 104x18 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                  RenderText {#text} at (104,0) size 4x18
+                    text run at (104,0) width 4: " "
+                  RenderBR {BR} at (108,14) size 0x0
+                  RenderTextControl {INPUT} at (0,19) size 104x18 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,2) size 98x14
+                      RenderBlock {DIV} at (86,0) size 12x12
+                RenderBlock {DIV} at (1,109) size 178x47
+                  RenderTextControl {INPUT} at (2,2) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                  RenderText {#text} at (129,2) size 4x18
+                    text run at (129,2) width 4: " "
+                  RenderBR {BR} at (133,16) size 0x0
+                  RenderTextControl {INPUT} at (2,25) size 125x20 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,2) size 119x16
+                      RenderBlock {DIV} at (105,0) size 14x14
+                RenderBlock {DIV} at (1,156) size 178x50
+                  RenderTextControl {INPUT} at (2,2) size 127x21 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                  RenderText {#text} at (131,3) size 4x18
+                    text run at (131,3) width 4: " "
+                  RenderBR {BR} at (135,17) size 0x0
+                  RenderTextControl {INPUT} at (2,27) size 127x21 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 121x18
+                      RenderBlock {DIV} at (106,0) size 15x15
+                RenderBlock {DIV} at (1,206) size 178x52
+                  RenderTextControl {INPUT} at (2,2) size 148x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                  RenderText {#text} at (152,4) size 4x18
+                    text run at (152,4) width 4: " "
+                  RenderBR {BR} at (156,18) size 0x0
+                  RenderTextControl {INPUT} at (2,28) size 148x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 142x19
+                      RenderBlock {DIV} at (126,0) size 16x16
+                RenderBlock {DIV} at (1,258) size 178x54
+                  RenderTextControl {INPUT} at (2,2) size 150x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                  RenderText {#text} at (154,5) size 4x18
+                    text run at (154,5) width 4: " "
+                  RenderBR {BR} at (158,19) size 0x0
+                  RenderTextControl {INPUT} at (2,29) size 150x23 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 144x20
+                      RenderBlock {DIV} at (127,0) size 17x17
+                RenderBlock {DIV} at (1,312) size 178x56
+                  RenderTextControl {INPUT} at (2,2) size 170x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                  RenderText {#text} at (174,6) size 4x18
+                    text run at (174,6) width 4: " "
+                  RenderBR {BR} at (178,20) size 0x0
+                  RenderTextControl {INPUT} at (2,30) size 170x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 164x21
+                      RenderBlock {DIV} at (146,0) size 18x18
+              RenderTableCell {TD} at (184,2) size 253x535 [r=0 c=1 rs=1 cs=1]
+                RenderBlock {DIV} at (1,1) size 251x58
+                  RenderTextControl {INPUT} at (2,2) size 172x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                  RenderText {#text} at (176,6) size 4x18
+                    text run at (176,6) width 4: " "
+                  RenderBR {BR} at (180,20) size 0x0
+                  RenderTextControl {INPUT} at (2,30) size 172x26 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 166x23
+                      RenderBlock {DIV} at (146,0) size 20x20
+                RenderBlock {DIV} at (1,59) size 251x61
+                  RenderTextControl {INPUT} at (2,2) size 174x26 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                  RenderText {#text} at (178,7) size 4x18
+                    text run at (178,7) width 4: " "
+                  RenderBR {BR} at (182,21) size 0x0
+                  RenderTextControl {INPUT} at (2,32) size 174x27 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 168x25
+                      RenderBlock {DIV} at (147,0) size 21x21
+                RenderBlock {DIV} at (1,120) size 251x63
+                  RenderTextControl {INPUT} at (2,2) size 195x27 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                  RenderText {#text} at (199,8) size 4x18
+                    text run at (199,8) width 4: " "
+                  RenderBR {BR} at (203,22) size 0x0
+                  RenderTextControl {INPUT} at (2,33) size 195x28 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 189x26
+                      RenderBlock {DIV} at (167,0) size 22x22
+                RenderBlock {DIV} at (1,183) size 251x65
+                  RenderTextControl {INPUT} at (2,2) size 197x28 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                  RenderText {#text} at (201,9) size 4x18
+                    text run at (201,9) width 4: " "
+                  RenderBR {BR} at (205,23) size 0x0
+                  RenderTextControl {INPUT} at (2,34) size 197x29 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 191x27
+                      RenderBlock {DIV} at (168,0) size 23x23
+                RenderBlock {DIV} at (1,248) size 251x68
+                  RenderTextControl {INPUT} at (2,2) size 218x29 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                  RenderText {#text} at (222,10) size 4x18
+                    text run at (222,10) width 4: " "
+                  RenderBR {BR} at (226,24) size 0x0
+                  RenderTextControl {INPUT} at (2,35) size 218x31 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 212x29
+                      RenderBlock {DIV} at (187,0) size 25x25
+                RenderBlock {DIV} at (1,316) size 251x70
+                  RenderTextControl {INPUT} at (2,2) size 220x30 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                  RenderText {#text} at (224,11) size 4x18
+                    text run at (224,11) width 4: " "
+                  RenderBR {BR} at (228,25) size 0x0
+                  RenderTextControl {INPUT} at (2,36) size 220x32 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,1) size 214x30
+                      RenderBlock {DIV} at (188,0) size 26x26
+                RenderBlock {DIV} at (1,386) size 251x73
+                  RenderTextControl {INPUT} at (2,2) size 241x32 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                  RenderText {#text} at (245,12) size 4x18
+                    text run at (245,12) width 4: " "
+                  RenderBR {BR} at (249,26) size 0x0
+                  RenderTextControl {INPUT} at (2,38) size 241x33 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,0) size 235x32
+                      RenderBlock {DIV} at (208,0) size 27x27
+                RenderBlock {DIV} at (1,459) size 251x75
+                  RenderTextControl {INPUT} at (2,2) size 243x33 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                  RenderText {#text} at (247,13) size 4x18
+                    text run at (247,13) width 4: " "
+                  RenderBR {BR} at (251,27) size 0x0
+                  RenderTextControl {INPUT} at (2,39) size 243x34 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+                    RenderBlock {DIV} at (3,0) size 237x33
+                      RenderBlock {DIV} at (209,0) size 28x28
+layer at (14,134) size 94x10 scrollWidth 177
+  RenderBlock {DIV} at (3,3) size 94x10
+    RenderText {#text} at (1,0) size 175x10
+      text run at (1,0) width 175: "A quick brown fox jumps over the lazy dog"
+layer at (14,151) size 84x10 scrollWidth 177
+  RenderBlock {DIV} at (0,2) size 84x10
+    RenderText {#text} at (1,0) size 175x10
+      text run at (1,0) width 175: "A quick brown fox jumps over the lazy dog"
+layer at (14,168) size 96x11 scrollWidth 195
+  RenderBlock {DIV} at (3,3) size 96x11
+    RenderText {#text} at (1,0) size 193x11
+      text run at (1,0) width 193: "A quick brown fox jumps over the lazy dog"
+layer at (14,186) size 85x11 scrollWidth 195
+  RenderBlock {DIV} at (0,2) size 85x11
+    RenderText {#text} at (1,0) size 193x11
+      text run at (1,0) width 193: "A quick brown fox jumps over the lazy dog"
+layer at (14,203) size 98x12 scrollWidth 213
+  RenderBlock {DIV} at (3,3) size 98x12
+    RenderText {#text} at (1,0) size 211x12
+      text run at (1,0) width 211: "A quick brown fox jumps over the lazy dog"
+layer at (14,222) size 86x12 scrollWidth 213
+  RenderBlock {DIV} at (0,2) size 86x12
+    RenderText {#text} at (1,0) size 211x12
+      text run at (1,0) width 211: "A quick brown fox jumps over the lazy dog"
+layer at (16,241) size 119x13 scrollWidth 233
+  RenderBlock {DIV} at (3,3) size 119x13
+    RenderText {#text} at (1,0) size 231x13
+      text run at (1,0) width 231: "A quick brown fox jumps over the lazy dog"
+layer at (16,266) size 105x13 scrollWidth 233
+  RenderBlock {DIV} at (0,3) size 105x13
+    RenderText {#text} at (1,0) size 231x13
+      text run at (1,0) width 231: "A quick brown fox jumps over the lazy dog"
+layer at (16,288) size 121x15 scrollWidth 260
+  RenderBlock {DIV} at (3,3) size 121x15
+    RenderText {#text} at (1,0) size 258x15
+      text run at (1,0) width 258: "A quick brown fox jumps over the lazy dog"
+layer at (16,314) size 106x15 scrollWidth 260
+  RenderBlock {DIV} at (0,3) size 106x15
+    RenderText {#text} at (1,0) size 258x15
+      text run at (1,0) width 258: "A quick brown fox jumps over the lazy dog"
+layer at (16,338) size 142x16 scrollWidth 278
+  RenderBlock {DIV} at (3,3) size 142x16
+    RenderText {#text} at (1,0) size 276x16
+      text run at (1,0) width 276: "A quick brown fox jumps over the lazy dog"
+layer at (16,365) size 126x16 scrollWidth 278
+  RenderBlock {DIV} at (0,3) size 126x16
+    RenderText {#text} at (1,0) size 276x16
+      text run at (1,0) width 276: "A quick brown fox jumps over the lazy dog"
+layer at (16,390) size 144x17 scrollWidth 296
+  RenderBlock {DIV} at (3,3) size 144x17
+    RenderText {#text} at (1,0) size 294x17
+      text run at (1,0) width 294: "A quick brown fox jumps over the lazy dog"
+layer at (16,418) size 127x17 scrollWidth 296
+  RenderBlock {DIV} at (0,3) size 127x17
+    RenderText {#text} at (1,0) size 294x17
+      text run at (1,0) width 294: "A quick brown fox jumps over the lazy dog"
+layer at (16,444) size 164x18 scrollWidth 323
+  RenderBlock {DIV} at (3,3) size 164x18
+    RenderText {#text} at (1,0) size 321x18
+      text run at (1,0) width 321: "A quick brown fox jumps over the lazy dog"
+layer at (16,473) size 146x18 scrollWidth 323
+  RenderBlock {DIV} at (0,3) size 146x18
+    RenderText {#text} at (1,0) size 321x18
+      text run at (1,0) width 321: "A quick brown fox jumps over the lazy dog"
+layer at (198,50) size 166x18 scrollWidth 340
+  RenderBlock {DIV} at (3,3) size 166x18
+    RenderText {#text} at (1,0) size 338x18
+      text run at (1,0) width 338: "A quick brown fox jumps over the lazy dog"
+layer at (198,81) size 146x18 scrollWidth 340
+  RenderBlock {DIV} at (0,5) size 146x18
+    RenderText {#text} at (1,0) size 338x18
+      text run at (1,0) width 338: "A quick brown fox jumps over the lazy dog"
+layer at (198,108) size 168x20 scrollWidth 358
+  RenderBlock {DIV} at (3,3) size 168x20
+    RenderText {#text} at (1,0) size 356x20
+      text run at (1,0) width 356: "A quick brown fox jumps over the lazy dog"
+layer at (198,141) size 147x20 scrollWidth 358
+  RenderBlock {DIV} at (0,5) size 147x20
+    RenderText {#text} at (1,0) size 356x20
+      text run at (1,0) width 356: "A quick brown fox jumps over the lazy dog"
+layer at (198,169) size 189x21 scrollWidth 384
+  RenderBlock {DIV} at (3,3) size 189x21
+    RenderText {#text} at (1,0) size 382x21
+      text run at (1,0) width 382: "A quick brown fox jumps over the lazy dog"
+layer at (198,203) size 167x21 scrollWidth 384
+  RenderBlock {DIV} at (0,5) size 167x21
+    RenderText {#text} at (1,0) size 382x21
+      text run at (1,0) width 382: "A quick brown fox jumps over the lazy dog"
+layer at (198,232) size 191x22 scrollWidth 404
+  RenderBlock {DIV} at (3,3) size 191x22
+    RenderText {#text} at (1,0) size 402x22
+      text run at (1,0) width 402: "A quick brown fox jumps over the lazy dog"
+layer at (198,267) size 168x22 scrollWidth 404
+  RenderBlock {DIV} at (0,5) size 168x22
+    RenderText {#text} at (1,0) size 402x22
+      text run at (1,0) width 402: "A quick brown fox jumps over the lazy dog"
+layer at (198,297) size 212x23 scrollWidth 421
+  RenderBlock {DIV} at (3,3) size 212x23
+    RenderText {#text} at (1,0) size 419x23
+      text run at (1,0) width 419: "A quick brown fox jumps over the lazy dog"
+layer at (198,334) size 187x23 scrollWidth 421
+  RenderBlock {DIV} at (0,6) size 187x23
+    RenderText {#text} at (1,0) size 419x23
+      text run at (1,0) width 419: "A quick brown fox jumps over the lazy dog"
+layer at (198,365) size 214x24 scrollWidth 449
+  RenderBlock {DIV} at (3,3) size 214x24
+    RenderText {#text} at (1,0) size 447x24
+      text run at (1,0) width 447: "A quick brown fox jumps over the lazy dog"
+layer at (198,403) size 188x24 scrollWidth 449
+  RenderBlock {DIV} at (0,6) size 188x24
+    RenderText {#text} at (1,0) size 447x24
+      text run at (1,0) width 447: "A quick brown fox jumps over the lazy dog"
+layer at (198,435) size 235x26 scrollWidth 468
+  RenderBlock {DIV} at (3,3) size 235x26
+    RenderText {#text} at (1,0) size 466x26
+      text run at (1,0) width 466: "A quick brown fox jumps over the lazy dog"
+layer at (198,474) size 208x26 scrollWidth 468
+  RenderBlock {DIV} at (0,6) size 208x26
+    RenderText {#text} at (1,0) size 466x26
+      text run at (1,0) width 466: "A quick brown fox jumps over the lazy dog"
+layer at (198,508) size 237x27 scrollWidth 485
+  RenderBlock {DIV} at (3,3) size 237x27
+    RenderText {#text} at (1,0) size 483x27
+      text run at (1,0) width 483: "A quick brown fox jumps over the lazy dog"
+layer at (198,548) size 209x27 scrollWidth 485
+  RenderBlock {DIV} at (0,6) size 209x27
+    RenderText {#text} at (1,0) size 483x27
+      text run at (1,0) width 483: "A quick brown fox jumps over the lazy dog"
diff --git a/LayoutTests/fast/speech/input-appearance-speechbutton.html b/LayoutTests/fast/speech/input-appearance-speechbutton.html
new file mode 100644
index 0000000..4eb8f28
--- /dev/null
+++ b/LayoutTests/fast/speech/input-appearance-speechbutton.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
+<html>
+<head>
+<link rel="stylesheet" href="../../../../fast/js/resources/js-test-style.css">
+<style>
+</style>
+</head>
+<body>
+<p>Test appearances of input-speech-button.</p>
+<div id="console"></div>
+
+<script>
+var parent = document.createElement('div');
+document.body.appendChild(parent);
+parent.innerHTML = '<table><tr><td id=p1><td id=p2></tr></table>';
+for (var size = 8; size < 24; size++) {
+    var div = document.createElement('div');
+    document.getElementById(size < (24 + 8) / 2 ? 'p1' : 'p2').appendChild(div);
+    div.innerHTML = '<input style="font-size:' + size + 'px" value="A quick brown fox jumps over the lazy dog"> <br>'
+        + '<input style="font-size:' + size + 'px" value="A quick brown fox jumps over the lazy dog" speech>';
+}
+</script>
+</body>
+</html>
diff --git a/LayoutTests/platform/chromium/drt_expectations.txt b/LayoutTests/platform/chromium/drt_expectations.txt
index 735144e..fd58b63 100644
--- a/LayoutTests/platform/chromium/drt_expectations.txt
+++ b/LayoutTests/platform/chromium/drt_expectations.txt
@@ -6,10 +6,10 @@
 BUG_DRT : fast/backgrounds/animated-gif-as-background.html = IMAGE
 
 // Missing image resource
-BUG_DRT MAC : fast/forms/input-appearance-searchandspeech.html = IMAGE
-BUG_DRT MAC : fast/forms/input-appearance-speechbutton.html = IMAGE
-BUG_DRT WIN LINUX : fast/forms/input-appearance-searchandspeech.html = IMAGE+TEXT
-BUG_DRT WIN LINUX : fast/forms/input-appearance-speechbutton.html = IMAGE+TEXT
+BUG_DRT MAC : fast/speech/input-appearance-searchandspeech.html = IMAGE
+BUG_DRT MAC : fast/speech/input-appearance-speechbutton.html = IMAGE
+BUG_DRT WIN LINUX : fast/speech/input-appearance-searchandspeech.html = IMAGE+TEXT
+BUG_DRT WIN LINUX : fast/speech/input-appearance-speechbutton.html = IMAGE+TEXT
 
 BUG48431 : plugins/geturlnotify-during-document-teardown.html = TEXT
 BUG48431 : plugins/open-and-close-window-with-plugin.html = TEXT
diff --git a/LayoutTests/platform/chromium/test_expectations.txt b/LayoutTests/platform/chromium/test_expectations.txt
index a967258..b642e95 100644
--- a/LayoutTests/platform/chromium/test_expectations.txt
+++ b/LayoutTests/platform/chromium/test_expectations.txt
@@ -2884,9 +2884,7 @@ BUGWK41311 WIN LINUX : fast/borders/borderRadiusDouble08.html = IMAGE
 BUGWK41311 WIN LINUX : fast/borders/borderRadiusDouble09.html = IMAGE
 
 // Speech input is not yet enabled.
-BUG44844: fast/forms/input-appearance-numberandspeech.html = IMAGE+TEXT
-BUG44844: fast/forms/input-appearance-searchandspeech.html = IMAGE+TEXT
-BUG44844: fast/forms/input-appearance-speechbutton.html = IMAGE+TEXT
+BUG44844: fast/speech = IMAGE+TEXT
 
 // v8 bindings for dataset need to be implemented.
 BUG48133 :  fast/dom/dataset-xhtml.xhtml = TEXT
diff --git a/LayoutTests/platform/gtk/Skipped b/LayoutTests/platform/gtk/Skipped
index 5b23f74..2209d91 100644
--- a/LayoutTests/platform/gtk/Skipped
+++ b/LayoutTests/platform/gtk/Skipped
@@ -5726,9 +5726,7 @@ fast/js/sputnik/Conformance/10_Execution_Contexts/10.2_Entering_An_Execution_Con
 editing/pasteboard/5761530-1.html
 
 # Speech input is not yet enabled.
-fast/forms/input-appearance-numberandspeech.html
-fast/forms/input-appearance-searchandspeech.html
-fast/forms/input-appearance-speechbutton.html
+fast/speech
 
 # Tests failing because we lack execCommand support.
 # https://bugs.webkit.org/show_bug.cgi?id=35351
diff --git a/LayoutTests/platform/mac/Skipped b/LayoutTests/platform/mac/Skipped
index 7104eeb..18c6e95 100644
--- a/LayoutTests/platform/mac/Skipped
+++ b/LayoutTests/platform/mac/Skipped
@@ -260,9 +260,7 @@ editing/pasteboard/file-drag-to-editable.html
 http/tests/multipart/policy-ignore-crash.php
 
 # Speech input is not yet enabled.
-fast/forms/input-appearance-numberandspeech.html
-fast/forms/input-appearance-searchandspeech.html
-fast/forms/input-appearance-speechbutton.html
+fast/speech
 
 # Needs to be fixed at image decoder layer for Safari.
 fast/images/large-size-image-crash.html
diff --git a/LayoutTests/platform/qt/Skipped b/LayoutTests/platform/qt/Skipped
index b3effbe..e5b63c9 100644
--- a/LayoutTests/platform/qt/Skipped
+++ b/LayoutTests/platform/qt/Skipped
@@ -5414,9 +5414,7 @@ fast/forms/input-appearance-spinbutton-disabled-readonly.html
 fast/forms/input-number-events.html
 
 # Speech input is not yet enabled.
-fast/forms/input-appearance-numberandspeech.html
-fast/forms/input-appearance-searchandspeech.html
-fast/forms/input-appearance-speechbutton.html
+fast/speech
 
 # [Qt] fast/dom/beforeload/script-before-load-dynamic.html is crashy-flakey
 # https://bugs.webkit.org/show_bug.cgi?id=41452
diff --git a/LayoutTests/platform/win/Skipped b/LayoutTests/platform/win/Skipped
index 7c8da3e..1ca7eca 100644
--- a/LayoutTests/platform/win/Skipped
+++ b/LayoutTests/platform/win/Skipped
@@ -920,9 +920,7 @@ fast/forms/input-appearance-spinbutton-disabled-readonly.html
 fast/forms/input-number-events.html
 
 # Speech input is not yet enabled.
-fast/forms/input-appearance-numberandspeech.html
-fast/forms/input-appearance-searchandspeech.html
-fast/forms/input-appearance-speechbutton.html
+fast/speech
 
 # Needs to be fixed at image decoder layer for Safari.
 fast/images/large-size-image-crash.html

-- 
WebKit Debian packaging



More information about the Pkg-webkit-commits mailing list