| <!-- webkit-test-runner [ VectorBasedControlsOnMacEnabled=true ] --> |
| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| |
| #input1 { |
| padding-top: 22px; |
| } |
| |
| #input2 { |
| padding-right: 22px; |
| } |
| |
| #input3 { |
| padding-bottom: 22px; |
| } |
| |
| #input4 { |
| padding-left: 22px; |
| } |
| |
| #input5 { |
| padding-block-start: 22px; |
| } |
| |
| #input6 { |
| padding-inline-end: 22px; |
| } |
| |
| #input7 { |
| padding-block-end: 22px; |
| } |
| |
| #input8 { |
| padding-inline-start: 22px; |
| } |
| |
| </style> |
| <script src="../../resources/js-test.js"></script> |
| </head> |
| <body> |
| <p id="description"></p> |
| |
| <input id="input1"> |
| <input id="input2"> |
| <input id="input3"> |
| <input id="input4"> |
| <input id="input5"> |
| <input id="input6"> |
| <input id="input7"> |
| <input id="input8"> |
| |
| <div id="console"></div> |
| <script> |
| |
| description('This test checks that padding applies to text inputs with native appearance.'); |
| |
| shouldBeEqualToString('getComputedStyle(input1).paddingTop', '22px'); |
| shouldBeEqualToString('getComputedStyle(input2).paddingRight', '22px'); |
| shouldBeEqualToString('getComputedStyle(input3).paddingBottom', '22px'); |
| shouldBeEqualToString('getComputedStyle(input4).paddingLeft', '22px'); |
| shouldBeEqualToString('getComputedStyle(input5).paddingBlockStart', '22px'); |
| shouldBeEqualToString('getComputedStyle(input6).paddingInlineEnd', '22px'); |
| shouldBeEqualToString('getComputedStyle(input7).paddingBlockEnd', '22px'); |
| shouldBeEqualToString('getComputedStyle(input8).paddingInlineStart', '22px'); |
| |
| </script> |
| </body> |
| </html> |
