| This test checks that the min-width style is applied to block CSS tables. |
| |
| On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE". |
| |
| |
| ======== General notes ======== |
| |
| The stylesheet used to style the table in each test is available at: LayoutTests/fast/table/resources/min-width.css |
| |
| Most importantly, note that each table has: |
| - minimum intrinsic width and height both equal to 100px based on the table content |
| - maximum intrinsic width and height both equal to 250px based on the table content |
| - borders and paddings that add up to 30px in both the horizontal and vertical directions |
| - a parent whose dimensions are 1000px by 1000px |
| |
| The function signature of computeLogicalWidth is: |
| function computeLogicalWidth(writingMode, direction, tableStyle) |
| |
| ======== Test horizontal writing mode ======== |
| |
| ==== Test ltr direction ==== |
| |
| PASS computeLogicalWidth('horizontal', 'ltr', 'min-width: 500px;') is '500px' |
| PASS computeLogicalWidth('horizontal', 'ltr', 'min-width: 150px;') is '250px' |
| PASS computeLogicalWidth('horizontal', 'ltr', 'min-width: 50px;') is '250px' |
| PASS computeLogicalWidth('horizontal', 'ltr', 'width: 600px; min-width: 500px;') is '600px' |
| PASS computeLogicalWidth('horizontal', 'ltr', 'width: 400px; min-width: 500px;') is '500px' |
| PASS computeLogicalWidth('horizontal', 'ltr', 'width: 60%; min-width: 500px;') is '600px' |
| PASS computeLogicalWidth('horizontal', 'ltr', 'width: 40%; min-width: 500px;') is '500px' |
| PASS computeLogicalWidth('horizontal', 'ltr', 'min-width: 50%;') is '500px' |
| PASS computeLogicalWidth('horizontal', 'ltr', 'min-width: 15%;') is '250px' |
| PASS computeLogicalWidth('horizontal', 'ltr', 'min-width: 5%;') is '250px' |
| PASS computeLogicalWidth('horizontal', 'ltr', 'width: 600px; min-width: 50%;') is '600px' |
| PASS computeLogicalWidth('horizontal', 'ltr', 'width: 400px; min-width: 50%;') is '500px' |
| PASS computeLogicalWidth('horizontal', 'ltr', 'width: 60%; min-width: 50%;') is '600px' |
| PASS computeLogicalWidth('horizontal', 'ltr', 'width: 40%; min-width: 50%;') is '500px' |
| PASS computeLogicalWidth('horizontal', 'ltr', 'min-width: auto;') is '250px' |
| |
| ==== Test rtl direction ==== |
| |
| PASS computeLogicalWidth('horizontal', 'rtl', 'min-width: 500px;') is '500px' |
| PASS computeLogicalWidth('horizontal', 'rtl', 'min-width: 150px;') is '250px' |
| PASS computeLogicalWidth('horizontal', 'rtl', 'min-width: 50px;') is '250px' |
| PASS computeLogicalWidth('horizontal', 'rtl', 'width: 600px; min-width: 500px;') is '600px' |
| PASS computeLogicalWidth('horizontal', 'rtl', 'width: 400px; min-width: 500px;') is '500px' |
| PASS computeLogicalWidth('horizontal', 'rtl', 'width: 60%; min-width: 500px;') is '600px' |
| PASS computeLogicalWidth('horizontal', 'rtl', 'width: 40%; min-width: 500px;') is '500px' |
| PASS computeLogicalWidth('horizontal', 'rtl', 'min-width: 50%;') is '500px' |
| PASS computeLogicalWidth('horizontal', 'rtl', 'min-width: 15%;') is '250px' |
| PASS computeLogicalWidth('horizontal', 'rtl', 'min-width: 5%;') is '250px' |
| PASS computeLogicalWidth('horizontal', 'rtl', 'width: 600px; min-width: 50%;') is '600px' |
| PASS computeLogicalWidth('horizontal', 'rtl', 'width: 400px; min-width: 50%;') is '500px' |
| PASS computeLogicalWidth('horizontal', 'rtl', 'width: 60%; min-width: 50%;') is '600px' |
| PASS computeLogicalWidth('horizontal', 'rtl', 'width: 40%; min-width: 50%;') is '500px' |
| PASS computeLogicalWidth('horizontal', 'rtl', 'min-width: auto;') is '250px' |
| |
| ======== Test vertical writing mode ======== |
| |
| ==== Test ltr direction ==== |
| |
| PASS computeLogicalWidth('vertical', 'ltr', 'min-height: 500px;') is '500px' |
| PASS computeLogicalWidth('vertical', 'ltr', 'min-height: 150px;') is '250px' |
| PASS computeLogicalWidth('vertical', 'ltr', 'min-height: 50px;') is '250px' |
| PASS computeLogicalWidth('vertical', 'ltr', 'height: 600px; min-height: 500px;') is '600px' |
| PASS computeLogicalWidth('vertical', 'ltr', 'height: 400px; min-height: 500px;') is '500px' |
| PASS computeLogicalWidth('vertical', 'ltr', 'height: 60%; min-height: 500px;') is '600px' |
| PASS computeLogicalWidth('vertical', 'ltr', 'height: 40%; min-height: 500px;') is '500px' |
| PASS computeLogicalWidth('vertical', 'ltr', 'min-height: 50%;') is '500px' |
| PASS computeLogicalWidth('vertical', 'ltr', 'min-height: 15%;') is '250px' |
| PASS computeLogicalWidth('vertical', 'ltr', 'min-height: 5%;') is '250px' |
| PASS computeLogicalWidth('vertical', 'ltr', 'height: 600px; min-height: 50%;') is '600px' |
| PASS computeLogicalWidth('vertical', 'ltr', 'height: 400px; min-height: 50%;') is '500px' |
| PASS computeLogicalWidth('vertical', 'ltr', 'height: 60%; min-height: 50%;') is '600px' |
| PASS computeLogicalWidth('vertical', 'ltr', 'height: 40%; min-height: 50%;') is '500px' |
| PASS computeLogicalWidth('vertical', 'ltr', 'min-height: auto;') is '250px' |
| |
| ==== Test rtl direction ==== |
| |
| PASS computeLogicalWidth('vertical', 'rtl', 'min-height: 500px;') is '500px' |
| PASS computeLogicalWidth('vertical', 'rtl', 'min-height: 150px;') is '250px' |
| PASS computeLogicalWidth('vertical', 'rtl', 'min-height: 50px;') is '250px' |
| PASS computeLogicalWidth('vertical', 'rtl', 'height: 600px; min-height: 500px;') is '600px' |
| PASS computeLogicalWidth('vertical', 'rtl', 'height: 400px; min-height: 500px;') is '500px' |
| PASS computeLogicalWidth('vertical', 'rtl', 'height: 60%; min-height: 500px;') is '600px' |
| PASS computeLogicalWidth('vertical', 'rtl', 'height: 40%; min-height: 500px;') is '500px' |
| PASS computeLogicalWidth('vertical', 'rtl', 'min-height: 50%;') is '500px' |
| PASS computeLogicalWidth('vertical', 'rtl', 'min-height: 15%;') is '250px' |
| PASS computeLogicalWidth('vertical', 'rtl', 'min-height: 5%;') is '250px' |
| PASS computeLogicalWidth('vertical', 'rtl', 'height: 600px; min-height: 50%;') is '600px' |
| PASS computeLogicalWidth('vertical', 'rtl', 'height: 400px; min-height: 50%;') is '500px' |
| PASS computeLogicalWidth('vertical', 'rtl', 'height: 60%; min-height: 50%;') is '600px' |
| PASS computeLogicalWidth('vertical', 'rtl', 'height: 40%; min-height: 50%;') is '500px' |
| PASS computeLogicalWidth('vertical', 'rtl', 'min-height: auto;') is '250px' |
| |
| PASS successfullyParsed is true |
| |
| TEST COMPLETE |
| |