<TD> baseline tests

All the baseline values. Many text values map to plain baseline.

Xp
Xp
Xp
Xp
Xp
Xp
Xp
Xp
Xp
Xp
Xp
Xp

All the baseline values. Same as test before, but use display:table/table-cell. Default td alignment is baseline, not middle.

Xp
Xp
Xp
Xp
Xp
Xp
Xp
Xp
Xp
Xp
Xp
Xp

Baselines with %ge children

FF/Edge fails here

inline table

Baseline and td height If td is baseline aligned, and has a height, how tall should the td be?

Legacy/FF apply height to below baseline?. With baseline alignment, this makes the cell taller.

base

Baseline of rowspanned cell rowspanned td's should contribute to baseline, but not to the row height.

Xp
Xp

Xp
Xp
Xp

Summary

Harness status: OK

Found 5 tests

Details

ResultTest NameMessage
Failtable, .display-table 1assert_equals: <table style="height:100px" class="ahem vgrad"> <tbody><tr><td style="font: 75px/1 Ahem;vertical-align:baseline;"><div class="m" data-offset-y="0">Xp</div></td> <td style="" title="default"><div class="m" data-offset-y="25">Xp</div></td> <td style="vertical-align: top"><div class="m" data-offset-y="0">Xp</div></td> <td style="vertical-align: middle"><div class="m" data-offset-y="25">Xp</div></td> <td style="vertical-align: bottom"><div class="m" data-offset-y="50">Xp</div></td> <td style="vertical-align: baseline"><div class="m" data-offset-y="28">Xp</div></td> <td style="vertical-align: sub"><div class="m" data-offset-y="28">Xp</div></td> <td style="vertical-align: super"><div class="m" data-offset-y="28">Xp</div></td> <td style="vertical-align: text-top"><div class="m" data-offset-y="28">Xp</div></td> <td style="vertical-align: text-bottom"><div class="m" data-offset-y="28">Xp</div></td> <td style="vertical-align: 100px"><div class="m" data-offset-y="28">Xp</div></td> <td style="vertical-align: 100%"><div class="m" data-offset-y="28">Xp</div></td> </tr></tbody></table> offsetTop expected 28 but got 30
    at assert_tolerance (http://www2.wpt.live/resources/check-layout-th.js:24:9)
    at checkExpectedValues (http://www2.wpt.live/resources/check-layout-th.js:87:9)
    at checkSubtreeExpectedValues (http://www2.wpt.live/resources/check-layout-th.js:7:25)
    at http://www2.wpt.live/resources/check-layout-th.js:9:26
    at NodeList.forEach (<anonymous>)
Asserts run
Pass
assert_true(true, "data-offset-y is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass
assert_true(true, "data-offset-y is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass
assert_true(true, "data-offset-y is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass
assert_true(true, "data-offset-y is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass
assert_true(true, "data-offset-y is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass
assert_true(true, "data-offset-y is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)
Fail
assert_equals(30, 28, "\n<table style=\"height:100px\" class=\"ahem vgrad\">\n  <tbody><tr><td style=\"font: 75px/1 Ahem;vertical-align:baseline;\"><div class=\"m\" data-offset-y=\"0\">Xp</div></td>\n  <td style=\"\" title=\"default\"><div class=\"m\" data-offset-y=\"25\">Xp</div></td>\n  <td style=\"vertical-align: top\"><div class=\"m\" data-offset-y=\"0\">Xp</div></td>\n  <td style=\"vertical-align: middle\"><div class=\"m\" data-offset-y=\"25\">Xp</div></td>\n  <td style=\"vertical-align: bottom\"><div class=\"m\" data-offset-y=\"50\">Xp</div></td>\n  <td style=\"vertical-align: baseline\"><div class=\"m\" data-offset-y=\"28\">Xp</div></td>\n  <td style=\"vertical-align: sub\"><div class=\"m\" data-offset-y=\"28\">Xp</div></td>\n  <td style=\"vertical-align: super\"><div class=\"m\" data-offset-y=\"28\">Xp</div></td>\n  <td style=\"vertical-align: text-top\"><div class=\"m\" data-offset-y=\"28\">Xp</div></td>\n  <td style=\"vertical-align: text-bottom\"><div class=\"m\" data-offset-y=\"28\">Xp</div></td>\n  <td style=\"vertical-align: 100px\"><div class=\"m\" data-offset-y=\"28\">Xp</div></td>\n  <td style=\"vertical-align: 100%\"><div class=\"m\" data-offset-y=\"28\">Xp</div></td>\n</tr></tbody></table>\noffsetTop")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)
Failtable, .display-table 2assert_equals: <div style="height:100px;position:relative" class="ahem vgrad display-table"> <div class="display-cell" style="font: 75px/1 Ahem;vertical-align:baseline;"><div class="m" data-offset-y="0">Xp</div></div> <div class="display-cell" style="" title="default"><div class="m" data-offset-y="28">Xp</div></div> <div class="display-cell" style="vertical-align: top"><div class="m" data-offset-y="0">Xp</div></div> <div class="display-cell" style="vertical-align: middle"><div class="m" data-offset-y="25">Xp</div></div> <div class="display-cell" style="vertical-align: bottom"><div class="m" data-offset-y="50">Xp</div></div> <div class="display-cell" style="vertical-align: baseline"><div class="m" data-offset-y="28">Xp</div></div> <div class="display-cell" style="vertical-align: sub"><div class="m" data-offset-y="28">Xp</div></div> <div class="display-cell" style="vertical-align: super"><div class="m" data-offset-y="28">Xp</div></div> <div class="display-cell" style="vertical-align: text-top"><div class="m" data-offset-y="28">Xp</div></div> <div class="display-cell" style="vertical-align: text-bottom"><div class="m" data-offset-y="28">Xp</div></div> <div class="display-cell" style="vertical-align: 100px"><div class="m" data-offset-y="28">Xp</div></div> <div class="display-cell" style="vertical-align: 100%"><div class="m" data-offset-y="28">Xp</div></div> </div> offsetTop expected 28 but got 30
    at assert_tolerance (http://www2.wpt.live/resources/check-layout-th.js:24:9)
    at checkExpectedValues (http://www2.wpt.live/resources/check-layout-th.js:87:9)
    at checkSubtreeExpectedValues (http://www2.wpt.live/resources/check-layout-th.js:7:25)
    at http://www2.wpt.live/resources/check-layout-th.js:9:26
    at NodeList.forEach (<anonymous>)
Asserts run
Pass
assert_true(true, "data-offset-y is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass
assert_true(true, "data-offset-y is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)
Fail
assert_equals(30, 28, "\n<div style=\"height:100px;position:relative\" class=\"ahem vgrad display-table\">\n  <div class=\"display-cell\" style=\"font: 75px/1 Ahem;vertical-align:baseline;\"><div class=\"m\" data-offset-y=\"0\">Xp</div></div>\n  <div class=\"display-cell\" style=\"\" title=\"default\"><div class=\"m\" data-offset-y=\"28\">Xp</div></div>\n  <div class=\"display-cell\" style=\"vertical-align: top\"><div class=\"m\" data-offset-y=\"0\">Xp</div></div>\n  <div class=\"display-cell\" style=\"vertical-align: middle\"><div class=\"m\" data-offset-y=\"25\">Xp</div></div>\n  <div class=\"display-cell\" style=\"vertical-align: bottom\"><div class=\"m\" data-offset-y=\"50\">Xp</div></div>\n  <div class=\"display-cell\" style=\"vertical-align: baseline\"><div class=\"m\" data-offset-y=\"28\">Xp</div></div>\n  <div class=\"display-cell\" style=\"vertical-align: sub\"><div class=\"m\" data-offset-y=\"28\">Xp</div></div>\n  <div class=\"display-cell\" style=\"vertical-align: super\"><div class=\"m\" data-offset-y=\"28\">Xp</div></div>\n  <div class=\"display-cell\" style=\"vertical-align: text-top\"><div class=\"m\" data-offset-y=\"28\">Xp</div></div>\n  <div class=\"display-cell\" style=\"vertical-align: text-bottom\"><div class=\"m\" data-offset-y=\"28\">Xp</div></div>\n  <div class=\"display-cell\" style=\"vertical-align: 100px\"><div class=\"m\" data-offset-y=\"28\">Xp</div></div>\n  <div class=\"display-cell\" style=\"vertical-align: 100%\"><div class=\"m\" data-offset-y=\"28\">Xp</div></div>\n</div>\noffsetTop")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)
Passtable, .display-table 3
Asserts run
Pass
assert_true(true, "data-offset-y is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass
assert_true(true, "data-offset-y is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)
Passtable, .display-table 4
Asserts run
Pass
assert_true(true, "data-expected-height is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)
Passtable, .display-table 5
Asserts run
Pass
assert_true(true, "data-expected-height is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass
assert_true(true, "data-expected-height is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)