CSS Multi-column Layout Test: column-gap supports percentages

Summary

Harness status: OK

Found 12 tests

7 Pass

5 Fail

Details

Result

Test Name

Message

Pass

.multicol 1

Asserts run

Pass	assert_true(true, "data-expected-width 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)
Pass	assert_true(true, "data-offset-x 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-expected-width 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)
Pass	assert_true(true, "data-offset-x 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-expected-width 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)

Fail

.multicol 2

assert_equals: <div class="multicol fixed200" data-expected-width="200" data-expected-height="40"> <div data-offset-x="0" data-offset-y="0" data-expected-width="75" data-expected-height="40">XX X X</div> <div data-offset-x="125" data-offset-y="0" data-expected-width="75" data-expected-height="40">XX X X</div> </div> height expected 40 but got 20

    at assert_tolerance (http://wpt.live/resources/check-layout-th.js:24:9)
    at checkExpectedValues (http://wpt.live/resources/check-layout-th.js:77:9)
    at checkSubtreeExpectedValues (http://wpt.live/resources/check-layout-th.js:7:25)
    at Test.<anonymous> (http://wpt.live/resources/check-layout-th.js:229:34)
    at Test.step (http://wpt.live/resources/testharness.js:2642:25)

Asserts run

Pass

assert_true(true, "data-expected-width 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)

Fail

assert_equals(20, 40, "\n<div class=\"multicol fixed200\" data-expected-width=\"200\" data-expected-height=\"40\">\n  <div data-offset-x=\"0\" data-offset-y=\"0\" data-expected-width=\"75\" data-expected-height=\"40\">XX X X</div>\n  <div data-offset-x=\"125\" data-offset-y=\"0\" data-expected-width=\"75\" data-expected-height=\"40\">XX X X</div>\n</div>\nheight")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Pass

.multicol 3

Asserts run

Pass	assert_true(true, "data-expected-width 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)
Pass	assert_true(true, "data-offset-x 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-expected-width 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)
Pass	assert_true(true, "data-offset-x 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-expected-width 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)

Fail

.multicol 4

assert_equals: <div class="multicol inlineBlock" data-expected-width="40" data-expected-height="20"> <div data-offset-x="0" data-offset-y="0" data-expected-width="15" data-expected-height="20">X</div> <div data-offset-x="25" data-offset-y="0" data-expected-width="15" data-expected-height="20">X</div> </div> width expected 40 but got 28

    at assert_tolerance (http://wpt.live/resources/check-layout-th.js:24:9)
    at checkExpectedValues (http://wpt.live/resources/check-layout-th.js:72:9)
    at checkSubtreeExpectedValues (http://wpt.live/resources/check-layout-th.js:7:25)
    at Test.<anonymous> (http://wpt.live/resources/check-layout-th.js:229:34)
    at Test.step (http://wpt.live/resources/testharness.js:2642:25)

Asserts run

Pass

assert_true(true, "data-expected-width 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)

Fail

assert_equals(28, 40, "\n<div class=\"multicol inlineBlock\" data-expected-width=\"40\" data-expected-height=\"20\">\n  <div data-offset-x=\"0\" data-offset-y=\"0\" data-expected-width=\"15\" data-expected-height=\"20\">X</div>\n  <div data-offset-x=\"25\" data-offset-y=\"0\" data-expected-width=\"15\" data-expected-height=\"20\">X</div>\n</div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Fail

.multicol 5

assert_equals: <div class="multicol inlineBlock" data-expected-width="240" data-expected-height="40"> <div data-offset-x="0" data-offset-y="0" data-expected-width="90" data-expected-height="40">XX X X</div> <div data-offset-x="150" data-offset-y="0" data-expected-width="90" data-expected-height="40">XX X X</div> </div> width expected 240 but got 136

    at assert_tolerance (http://wpt.live/resources/check-layout-th.js:24:9)
    at checkExpectedValues (http://wpt.live/resources/check-layout-th.js:72:9)
    at checkSubtreeExpectedValues (http://wpt.live/resources/check-layout-th.js:7:25)
    at Test.<anonymous> (http://wpt.live/resources/check-layout-th.js:229:34)
    at Test.step (http://wpt.live/resources/testharness.js:2642:25)

Asserts run

Pass

assert_true(true, "data-expected-width 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)

Fail

assert_equals(136, 240, "\n<div class=\"multicol inlineBlock\" data-expected-width=\"240\" data-expected-height=\"40\">\n  <div data-offset-x=\"0\" data-offset-y=\"0\" data-expected-width=\"90\" data-expected-height=\"40\">XX X X</div>\n  <div data-offset-x=\"150\" data-offset-y=\"0\" data-expected-width=\"90\" data-expected-height=\"40\">XX X X</div>\n</div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Fail

.multicol 6

assert_equals: <div class="multicol inlineBlock" data-expected-width="200" data-expected-height="20"> <div data-offset-x="0" data-offset-y="0" data-expected-width="75" data-expected-height="20">XXXXX</div> <div data-offset-x="125" data-offset-y="0" data-expected-width="75" data-expected-height="20">XXXXX</div> </div> width expected 200 but got 140

    at assert_tolerance (http://wpt.live/resources/check-layout-th.js:24:9)
    at checkExpectedValues (http://wpt.live/resources/check-layout-th.js:72:9)
    at checkSubtreeExpectedValues (http://wpt.live/resources/check-layout-th.js:7:25)
    at Test.<anonymous> (http://wpt.live/resources/check-layout-th.js:229:34)
    at Test.step (http://wpt.live/resources/testharness.js:2642:25)

Asserts run

Pass

assert_true(true, "data-expected-width 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)

Fail

assert_equals(140, 200, "\n<div class=\"multicol inlineBlock\" data-expected-width=\"200\" data-expected-height=\"20\">\n  <div data-offset-x=\"0\" data-offset-y=\"0\" data-expected-width=\"75\" data-expected-height=\"20\">XXXXX</div>\n  <div data-offset-x=\"125\" data-offset-y=\"0\" data-expected-width=\"75\" data-expected-height=\"20\">XXXXX</div>\n</div>\nwidth")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Pass

.multicol 7

Asserts run

Pass	assert_true(true, "data-expected-width 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)
Pass	assert_true(true, "data-offset-x 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-expected-width 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)
Pass	assert_true(true, "data-offset-x 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-expected-width 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)

Fail

.multicol 8

assert_equals: <div class="multicol marginTopBottom" data-expected-width="200" data-expected-height="40"> <div data-offset-x="0" data-offset-y="0" data-expected-width="75" data-expected-height="40">XX X X</div> <div data-offset-x="125" data-offset-y="0" data-expected-width="75" data-expected-height="40">XX X X</div> </div> height expected 40 but got 20

    at assert_tolerance (http://wpt.live/resources/check-layout-th.js:24:9)
    at checkExpectedValues (http://wpt.live/resources/check-layout-th.js:77:9)
    at checkSubtreeExpectedValues (http://wpt.live/resources/check-layout-th.js:7:25)
    at Test.<anonymous> (http://wpt.live/resources/check-layout-th.js:229:34)
    at Test.step (http://wpt.live/resources/testharness.js:2642:25)

Asserts run

Pass

assert_true(true, "data-expected-width 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)

Fail

assert_equals(20, 40, "\n<div class=\"multicol marginTopBottom\" data-expected-width=\"200\" data-expected-height=\"40\">\n    <div data-offset-x=\"0\" data-offset-y=\"0\" data-expected-width=\"75\" data-expected-height=\"40\">XX X X</div>\n    <div data-offset-x=\"125\" data-offset-y=\"0\" data-expected-width=\"75\" data-expected-height=\"40\">XX X X</div>\n  </div>\nheight")
    at assert_tolerance ( /resources/check-layout-th.js:24:9)

Pass

.multicol 9

Asserts run

Pass	assert_true(true, "data-expected-width 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)
Pass	assert_true(true, "data-offset-x 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-expected-width 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)
Pass	assert_true(true, "data-offset-x 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-expected-width 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)

Pass

.multicol 10

Asserts run

Pass	assert_true(true, "data-expected-width 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)
Pass	assert_true(true, "data-offset-x 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-expected-width 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)
Pass	assert_true(true, "data-offset-x 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-expected-width 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)

Pass

.multicol 11

Asserts run

Pass	assert_true(true, "data-expected-width 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)
Pass	assert_true(true, "data-offset-x 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-expected-width 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)
Pass	assert_true(true, "data-offset-x 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-expected-width 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)

Pass

.multicol 12

Asserts run

Pass	assert_true(true, "data-expected-width 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)
Pass	assert_true(true, "data-offset-x 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-expected-width 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)
Pass	assert_true(true, "data-offset-x 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-expected-width 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)

Summary

Details

Multicol container: fixed width

Multicol container: intrinsic width

Multicol container: auto width