| Test for size attribute of input |
| |
| On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE". |
| |
| PASS spinButtonWidth is >= 1 |
| The content area of the number input without min/max/step attribute should have the same width as text input |
| PASS number.offsetWidth is text.offsetWidth |
| |
| |
| The number whose width is specified should respect the setting |
| PASS numberWithWidth.offsetWidth is 100 |
| PASS numberWithWidth.min = 0; numberWithWidth.max = 100; numberWithWidth.offsetWidth is 100 |
| |
| |
| The number input should ignore size attribute for layout |
| PASS number.size = 10; number.offsetWidth is text.offsetWidth |
| PASS number.size is 10 |
| PASS number.size = 100; number.offsetWidth is text.offsetWidth |
| PASS number.size is 100 |
| PASS number.size = null threw exception IndexSizeError: Failed to set the 'size' property on 'HTMLInputElement': The value provided is 0, which is an invalid size.. |
| |
| |
| If min or max is absent, the number input has the same width as input[type=text] |
| PASS numberWidth(0, null, null) is text.offsetWidth |
| PASS numberWidth(null, 100, null) is text.offsetWidth |
| PASS numberWidth(null, null, 100) is text.offsetWidth |
| |
| |
| If step is any, the input[type=text] has the same width as input[type=text] |
| PASS numberWidth(0, 1, "any") is text.offsetWidth |
| PASS numberWidth(0, 10, "any") is text.offsetWidth |
| PASS numberWidth(0, 1.1, "any") is text.offsetWidth |
| |
| |
| The case the inner spin button has border or padding. |
| PASS numberWidth(0, 10, 1, "with-border") is textWidthPlusSpinButtonWidth(2) + borderWidth |
| PASS numberWidth(0, 10, 1, "with-padding") is textWidthPlusSpinButtonWidth(2) + paddingWidth |
| PASS numberWidth(0, 10, 1, "with-margin") is textWidthPlusSpinButtonWidth(2) |
| PASS numberWidth(0, 10, 1, "with-border with-padding") is textWidthPlusSpinButtonWidth(2) + borderWidth + paddingWidth |
| |
| |
| The default step does not need to be considered. |
| PASS numberWidth(0, 1, null) is textWidthPlusSpinButtonWidth(1) |
| PASS numberWidth(0, 100, null) is textWidthPlusSpinButtonWidth(3) |
| PASS numberWidth(-100, 1, null) is textWidthPlusSpinButtonWidth(4) |
| PASS numberWidth(0.0, 1.0, null) is textWidthPlusSpinButtonWidth(1) |
| PASS numberWidth(0.5, 1.5, null) is textWidthPlusSpinButtonWidth(3) |
| PASS numberWidth(-0.5, 1.5, null) is textWidthPlusSpinButtonWidth(4) |
| PASS numberWidth(1e+10, 1e+10 + 1, null) is textWidthPlusSpinButtonWidth(11) |
| PASS numberWidth(-1e+10, 1e+10 + 1, null) is textWidthPlusSpinButtonWidth(12) |
| |
| |
| Check the width of a number input when min/max/step is changed variously |
| PASS numberWidth(0, 1, 1) is textWidthPlusSpinButtonWidth(1) |
| PASS numberWidth(0, 10, 1) is textWidthPlusSpinButtonWidth(2) |
| PASS numberWidth(0, 100, 1) is textWidthPlusSpinButtonWidth(3) |
| PASS numberWidth(0, 1000, 1) is textWidthPlusSpinButtonWidth(4) |
| PASS numberWidth(0, 10000, 1) is textWidthPlusSpinButtonWidth(5) |
| PASS numberWidth(0, 100000, 1) is textWidthPlusSpinButtonWidth(6) |
| PASS numberWidth(0, 1000000, 1) is textWidthPlusSpinButtonWidth(7) |
| PASS numberWidth(0, 10000000, 1) is textWidthPlusSpinButtonWidth(8) |
| PASS numberWidth(0, 100000000, 1) is textWidthPlusSpinButtonWidth(9) |
| PASS numberWidth(0, 1000000000, 1) is textWidthPlusSpinButtonWidth(10) |
| PASS numberWidth(-1, 0, 1) is textWidthPlusSpinButtonWidth(2) |
| PASS numberWidth(-10, 0, 1) is textWidthPlusSpinButtonWidth(3) |
| PASS numberWidth(-100, 0, 1) is textWidthPlusSpinButtonWidth(4) |
| PASS numberWidth(-1000, 0, 1) is textWidthPlusSpinButtonWidth(5) |
| PASS numberWidth(-10000, 0, 1) is textWidthPlusSpinButtonWidth(6) |
| PASS numberWidth(-100000, 0, 1) is textWidthPlusSpinButtonWidth(7) |
| PASS numberWidth(-1000000, 0, 1) is textWidthPlusSpinButtonWidth(8) |
| PASS numberWidth(-10000000, 0, 1) is textWidthPlusSpinButtonWidth(9) |
| PASS numberWidth(-100000000, 0, 1) is textWidthPlusSpinButtonWidth(10) |
| PASS numberWidth(-1000000000, 0, 1) is textWidthPlusSpinButtonWidth(11) |
| PASS numberWidth(0, 1, 0.5) is textWidthPlusSpinButtonWidth(3) |
| PASS numberWidth(0, 1, 0.05) is textWidthPlusSpinButtonWidth(4) |
| PASS numberWidth(0, 1, 0.005) is textWidthPlusSpinButtonWidth(5) |
| PASS numberWidth(0, 1, 0.0005) is textWidthPlusSpinButtonWidth(6) |
| PASS numberWidth(0, 1, 0.00005) is textWidthPlusSpinButtonWidth(7) |
| PASS numberWidth(0, 1, 0.000005) is textWidthPlusSpinButtonWidth(8) |
| PASS numberWidth(0, 1, 0.0000005) is textWidthPlusSpinButtonWidth(9) |
| PASS numberWidth(0.5, 1, 1) is textWidthPlusSpinButtonWidth(3) |
| PASS numberWidth(0.05, 1, 1) is textWidthPlusSpinButtonWidth(4) |
| PASS numberWidth(0.005, 1, 1) is textWidthPlusSpinButtonWidth(5) |
| PASS numberWidth(1.5, 2, 1) is textWidthPlusSpinButtonWidth(3) |
| PASS numberWidth(1.05, 2, 1) is textWidthPlusSpinButtonWidth(4) |
| PASS numberWidth(1.005, 2, 1) is textWidthPlusSpinButtonWidth(5) |
| PASS numberWidth(123456, 123456, 0.0000005) is textWidthPlusSpinButtonWidth(14) |
| |
| |
| PASS successfullyParsed is true |
| |
| TEST COMPLETE |
| |
