[macOS] Color wells should appear pressed when presenting a color picker
[WebKit-https.git] / LayoutTests / platform / mac / fast / forms / color / input-appearance-color-expected.txt
1 layer at (0,0) size 800x600
2   RenderView at (0,0) size 800x600
3 layer at (0,0) size 800x600
4   RenderBlock {HTML} at (0,0) size 800x600
5     RenderBody {BODY} at (8,8) size 784x584
6       RenderBlock {H3} at (0,0) size 784x22
7         RenderText {#text} at (0,0) size 164x22
8           text run at (0,0) width 164: "Default Appearance"
9       RenderBlock (anonymous) at (0,40) size 784x42
10         RenderText {#text} at (0,0) size 457x18
11           text run at (0,0) width 457: "List color controls have different appearance if ENABLE(DATALIST)."
12         RenderBR {BR} at (456,14) size 1x0
13         RenderBlock {INPUT} at (0,18) size 44x23 [bgcolor=#FFFFFF] [border: none (2px inset #000000) none (2px inset #000000)]
14           RenderFlexibleBox {DIV} at (3,1) size 38x21
15             RenderBlock {DIV} at (2,4) size 34x13 [bgcolor=#000000] [border: (1px solid #8A8A8A)]
16         RenderBlock {INPUT} at (44,18) size 44x23 [bgcolor=#FFFFFF] [border: none (2px inset #000000) none (2px inset #000000)]
17           RenderFlexibleBox {DIV} at (3,1) size 38x21
18             RenderBlock {DIV} at (2,4) size 34x13 [bgcolor=#000000] [border: (1px solid #8A8A8A)]
19         RenderText {#text} at (0,0) size 0x0
20       RenderBlock {H3} at (0,100) size 784x23
21         RenderText {#text} at (0,0) size 162x22
22           text run at (0,0) width 162: "Different Font Sizes"
23       RenderBlock (anonymous) at (0,141) size 784x42
24         RenderText {#text} at (0,0) size 590x18
25           text run at (0,0) width 590: "List color controls have different sizes depending on font sizes. Normal color controls don't."
26         RenderBR {BR} at (589,14) size 1x0
27         RenderBlock {INPUT} at (0,18) size 44x23 [bgcolor=#FFFFFF] [border: none (2px inset #000000) none (2px inset #000000)]
28           RenderFlexibleBox {DIV} at (3,1) size 38x21
29             RenderBlock {DIV} at (2,4) size 34x13 [bgcolor=#00FF00] [border: (1px solid #8A8A8A)]
30         RenderText {#text} at (44,21) size 4x18
31           text run at (44,21) width 4: " "
32         RenderBlock {INPUT} at (48,18) size 44x23 [bgcolor=#FFFFFF] [border: none (2px inset #000000) none (2px inset #000000)]
33           RenderFlexibleBox {DIV} at (3,1) size 38x21
34             RenderBlock {DIV} at (2,4) size 34x13 [bgcolor=#00FF00] [border: (1px solid #8A8A8A)]
35         RenderText {#text} at (92,21) size 4x18
36           text run at (92,21) width 4: " "
37         RenderBlock {INPUT} at (96,18) size 44x23 [bgcolor=#FFFFFF] [border: none (2px inset #000000) none (2px inset #000000)]
38           RenderFlexibleBox {DIV} at (3,1) size 38x21
39             RenderBlock {DIV} at (2,4) size 34x13 [bgcolor=#00FF00] [border: (1px solid #8A8A8A)]
40         RenderText {#text} at (140,21) size 4x18
41           text run at (140,21) width 4: " "
42         RenderBlock {INPUT} at (144,18) size 44x23 [bgcolor=#FFFFFF] [border: none (2px inset #000000) none (2px inset #000000)]
43           RenderFlexibleBox {DIV} at (3,1) size 38x21
44             RenderBlock {DIV} at (2,4) size 34x13 [bgcolor=#00FF00] [border: (1px solid #8A8A8A)]
45         RenderText {#text} at (188,21) size 4x18
46           text run at (188,21) width 4: " "
47         RenderBlock {INPUT} at (192,18) size 44x23 [bgcolor=#FFFFFF] [border: none (2px inset #000000) none (2px inset #000000)]
48           RenderFlexibleBox {DIV} at (3,1) size 38x21
49             RenderBlock {DIV} at (2,4) size 34x13 [bgcolor=#00FF00] [border: (1px solid #8A8A8A)]
50         RenderText {#text} at (236,21) size 4x18
51           text run at (236,21) width 4: " "
52         RenderBlock {INPUT} at (240,18) size 44x23 [bgcolor=#FFFFFF] [border: none (2px inset #000000) none (2px inset #000000)]
53           RenderFlexibleBox {DIV} at (3,1) size 38x21
54             RenderBlock {DIV} at (2,4) size 34x13 [bgcolor=#00FF00] [border: (1px solid #8A8A8A)]
55         RenderText {#text} at (0,0) size 0x0
56       RenderBlock {H3} at (0,200) size 784x23
57         RenderText {#text} at (0,0) size 122x22
58           text run at (0,0) width 122: "Various Colors"
59       RenderBlock (anonymous) at (0,241) size 784x24
60         RenderBlock {INPUT} at (0,0) size 44x23 [bgcolor=#FFFFFF] [border: none (2px inset #000000) none (2px inset #000000)]
61           RenderFlexibleBox {DIV} at (3,1) size 38x21
62             RenderBlock {DIV} at (2,4) size 34x13 [bgcolor=#FF0000] [border: (1px solid #8A8A8A)]
63         RenderText {#text} at (44,3) size 4x18
64           text run at (44,3) width 4: " "
65         RenderBlock {INPUT} at (48,0) size 44x23 [bgcolor=#FFFFFF] [border: none (2px inset #000000) none (2px inset #000000)]
66           RenderFlexibleBox {DIV} at (3,1) size 38x21
67             RenderBlock {DIV} at (2,4) size 34x13 [bgcolor=#00FF00] [border: (1px solid #8A8A8A)]
68         RenderText {#text} at (92,3) size 4x18
69           text run at (92,3) width 4: " "
70         RenderBlock {INPUT} at (96,0) size 44x23 [bgcolor=#FFFFFF] [border: none (2px inset #000000) none (2px inset #000000)]
71           RenderFlexibleBox {DIV} at (3,1) size 38x21
72             RenderBlock {DIV} at (2,4) size 34x13 [bgcolor=#0000FF] [border: (1px solid #8A8A8A)]
73         RenderText {#text} at (140,3) size 4x18
74           text run at (140,3) width 4: " "
75         RenderBlock {INPUT} at (144,0) size 44x23 [bgcolor=#FFFFFF] [border: none (2px inset #000000) none (2px inset #000000)]
76           RenderFlexibleBox {DIV} at (3,1) size 38x21
77             RenderBlock {DIV} at (2,4) size 34x13 [bgcolor=#EC008C] [border: (1px solid #8A8A8A)]
78         RenderText {#text} at (188,3) size 4x18
79           text run at (188,3) width 4: " "
80         RenderBlock {INPUT} at (192,0) size 44x23 [bgcolor=#FFFFFF] [border: none (2px inset #000000) none (2px inset #000000)]
81           RenderFlexibleBox {DIV} at (3,1) size 38x21
82             RenderBlock {DIV} at (2,4) size 34x13 [bgcolor=#40E0D0] [border: (1px solid #8A8A8A)]
83         RenderText {#text} at (236,3) size 4x18
84           text run at (236,3) width 4: " "
85         RenderBlock {INPUT} at (240,0) size 44x23 [bgcolor=#FFFFFF] [border: none (2px inset #000000) none (2px inset #000000)]
86           RenderFlexibleBox {DIV} at (3,1) size 38x21
87             RenderBlock {DIV} at (2,4) size 34x13 [bgcolor=#FF0000] [border: (1px solid #8A8A8A)]
88         RenderText {#text} at (284,3) size 4x18
89           text run at (284,3) width 4: " "
90         RenderBlock {INPUT} at (288,0) size 44x23 [bgcolor=#FFFFFF] [border: none (2px inset #000000) none (2px inset #000000)]
91           RenderFlexibleBox {DIV} at (3,1) size 38x21
92             RenderBlock {DIV} at (2,4) size 34x13 [bgcolor=#00FF00] [border: (1px solid #8A8A8A)]
93         RenderText {#text} at (332,3) size 4x18
94           text run at (332,3) width 4: " "
95         RenderBlock {INPUT} at (336,0) size 44x23 [bgcolor=#FFFFFF] [border: none (2px inset #000000) none (2px inset #000000)]
96           RenderFlexibleBox {DIV} at (3,1) size 38x21
97             RenderBlock {DIV} at (2,4) size 34x13 [bgcolor=#0000FF] [border: (1px solid #8A8A8A)]
98         RenderText {#text} at (380,3) size 4x18
99           text run at (380,3) width 4: " "
100         RenderBlock {INPUT} at (384,0) size 44x23 [bgcolor=#FFFFFF] [border: none (2px inset #000000) none (2px inset #000000)]
101           RenderFlexibleBox {DIV} at (3,1) size 38x21
102             RenderBlock {DIV} at (2,4) size 34x13 [bgcolor=#EC008C] [border: (1px solid #8A8A8A)]
103         RenderText {#text} at (428,3) size 4x18
104           text run at (428,3) width 4: " "
105         RenderBlock {INPUT} at (432,0) size 44x23 [bgcolor=#FFFFFF] [border: none (2px inset #000000) none (2px inset #000000)]
106           RenderFlexibleBox {DIV} at (3,1) size 38x21
107             RenderBlock {DIV} at (2,4) size 34x13 [bgcolor=#40E0D0] [border: (1px solid #8A8A8A)]
108         RenderText {#text} at (0,0) size 0x0
109       RenderBlock {H3} at (0,283) size 784x23
110         RenderText {#text} at (0,0) size 118x22
111           text run at (0,0) width 118: "Arbitrary Size"
112       RenderBlock (anonymous) at (0,324) size 784x31
113         RenderBlock {INPUT} at (0,0) size 100x30 [bgcolor=#FFFFFF] [border: none (2px inset #000000) none (2px inset #000000)]
114           RenderFlexibleBox {DIV} at (3,1) size 94x28
115             RenderBlock {DIV} at (2,4) size 90x20 [bgcolor=#FF0000] [border: (1px solid #8A8A8A)]