| Fail | .flexbox 1 | assert_equals:
<div class="flexbox" style="width: 10px;" data-expected-width="10">
<!-- should use content width, clamped by converted max-height, as minimum width. -->
<img src="support/100x100-green.png" style="max-height: 5px;" data-expected-width="5" data-expected-height="5">
</div>
width expected 5 but got 16 at assert_tolerance (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:24:9)
at checkExpectedValues (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:72:9)
at checkSubtreeExpectedValues (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:7:25)
at https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:9:26
at NodeList.forEach (<anonymous>)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-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(16, 5, "\n<div class=\"flexbox\" style=\"width: 10px;\" data-expected-width=\"10\">\n <!-- should use content width, clamped by converted max-height, as minimum width. -->\n <img src=\"support/100x100-green.png\" style=\"max-height: 5px;\" data-expected-width=\"5\" data-expected-height=\"5\">\n</div>\nwidth")
at assert_tolerance ( /resources/check-layout-th.js:24:9) |
|
| Fail | .flexbox 2 | assert_equals:
<div class="flexbox" style="width: 10px;" data-expected-width="10">
<!-- should use min(specified, content width) = 10px as minimum width,
which the image will shrink to due to default flex-shrink. -->
<img src="support/10x10-green.png" style="width: 100px;" data-expected-width="10">
</div>
width expected 10 but got 16 at assert_tolerance (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:24:9)
at checkExpectedValues (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:72:9)
at checkSubtreeExpectedValues (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:7:25)
at https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:9:26
at NodeList.forEach (<anonymous>)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-width is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) | | Fail | assert_equals(16, 10, "\n<div class=\"flexbox\" style=\"width: 10px;\" data-expected-width=\"10\">\n <!-- should use min(specified, content width) = 10px as minimum width,\n which the image will shrink to due to default flex-shrink. -->\n <img src=\"support/10x10-green.png\" style=\"width: 100px;\" data-expected-width=\"10\">\n</div>\nwidth")
at assert_tolerance ( /resources/check-layout-th.js:24:9) |
|
| Fail | .flexbox 3 | assert_equals:
<div class="flexbox" style="width: 10px;" data-expected-width="10">
<!-- should use content width, clamped by converted min-height, as minimum width. -->
<img src="support/100x100-green.png" style="max-height: 5px;" data-expected-width="5" data-expected-height="5">
</div>
width expected 5 but got 16 at assert_tolerance (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:24:9)
at checkExpectedValues (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:72:9)
at checkSubtreeExpectedValues (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:7:25)
at https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:9:26
at NodeList.forEach (<anonymous>)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-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(16, 5, "\n<div class=\"flexbox\" style=\"width: 10px;\" data-expected-width=\"10\">\n <!-- should use content width, clamped by converted min-height, as minimum width. -->\n <img src=\"support/100x100-green.png\" style=\"max-height: 5px;\" data-expected-width=\"5\" data-expected-height=\"5\">\n</div>\nwidth")
at assert_tolerance ( /resources/check-layout-th.js:24:9) |
|
| Fail | .flexbox 4 | assert_equals:
<div class="flexbox" style="width: 10px;" data-expected-width="10">
<!-- should use content width, clamped by converted min-height, as minimum width. -->
<img src="support/100x100-green.png" style="max-height: 5px; min-height: 10px;" data-expected-width="10" data-expected-height="10">
</div>
width expected 10 but got 16 at assert_tolerance (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:24:9)
at checkExpectedValues (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:72:9)
at checkSubtreeExpectedValues (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:7:25)
at https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:9:26
at NodeList.forEach (<anonymous>)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-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(16, 10, "\n<div class=\"flexbox\" style=\"width: 10px;\" data-expected-width=\"10\">\n <!-- should use content width, clamped by converted min-height, as minimum width. -->\n <img src=\"support/100x100-green.png\" style=\"max-height: 5px; min-height: 10px;\" data-expected-width=\"10\" data-expected-height=\"10\">\n</div>\nwidth")
at assert_tolerance ( /resources/check-layout-th.js:24:9) |
|
| Fail | .flexbox 5 | assert_equals:
<div class="flexbox" style="width: 10px;" data-expected-width="10">
<!-- transferred and content suggestions are both 100px here, so minimum
width is min(transferred, content width) = 100px. -->
<img src="support/10x10-green.png" style="height: 100px;" data-expected-width="100">
</div>
width expected 100 but got 16 at assert_tolerance (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:24:9)
at checkExpectedValues (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:72:9)
at checkSubtreeExpectedValues (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:7:25)
at https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:9:26
at NodeList.forEach (<anonymous>)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-width is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) | | Fail | assert_equals(16, 100, "\n<div class=\"flexbox\" style=\"width: 10px;\" data-expected-width=\"10\">\n <!-- transferred and content suggestions are both 100px here, so minimum\n width is min(transferred, content width) = 100px. -->\n <img src=\"support/10x10-green.png\" style=\"height: 100px;\" data-expected-width=\"100\">\n</div>\nwidth")
at assert_tolerance ( /resources/check-layout-th.js:24:9) |
|
| Fail | .flexbox 6 | assert_equals:
<div class="flexbox column" style="height: 10px;" data-expected-height="10">
<!-- should use content height, clamped by converted max-width, as minimum height. -->
<img src="support/100x100-green.png" style="max-width: 5px;" data-expected-width="5" data-expected-height="5">
</div>
height expected 5 but got 16 at assert_tolerance (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:24:9)
at checkExpectedValues (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:77:9)
at checkSubtreeExpectedValues (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:7:25)
at https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:9:26
at NodeList.forEach (<anonymous>)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-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(16, 5, "\n<div class=\"flexbox column\" style=\"height: 10px;\" data-expected-height=\"10\">\n <!-- should use content height, clamped by converted max-width, as minimum height. -->\n <img src=\"support/100x100-green.png\" style=\"max-width: 5px;\" data-expected-width=\"5\" data-expected-height=\"5\">\n</div>\nheight")
at assert_tolerance ( /resources/check-layout-th.js:24:9) |
|
| Fail | .flexbox 7 | assert_equals:
<div class="flexbox column" style="height: 10px; width: 50px;" data-expected-height="10">
<!-- should use min(specified=100, content height=50) = 50px as minimum height,
which the image will shrink to due to default flex-shrink. -->
<img src="support/10x10-green.png" style="height: 100px;" data-expected-height="50">
</div>
height expected 50 but got 16 at assert_tolerance (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:24:9)
at checkExpectedValues (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:77:9)
at checkSubtreeExpectedValues (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:7:25)
at https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:9:26
at NodeList.forEach (<anonymous>)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) | | Fail | assert_equals(16, 50, "\n<div class=\"flexbox column\" style=\"height: 10px; width: 50px;\" data-expected-height=\"10\">\n <!-- should use min(specified=100, content height=50) = 50px as minimum height,\n which the image will shrink to due to default flex-shrink. -->\n <img src=\"support/10x10-green.png\" style=\"height: 100px;\" data-expected-height=\"50\">\n</div>\nheight")
at assert_tolerance ( /resources/check-layout-th.js:24:9) |
|
| Pass | .flexbox 8 | 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) |
|
| Fail | .flexbox 9 | assert_equals:
<div class="flexbox" style="height: 10px;" data-expected-height="10">
<!-- should use content height, clamped by converted min-width, as minimum height. -->
<img src="support/100x100-green.png" style="max-width: 5px; min-width: 10px;" data-expected-height="10" data-expected-width="10">
</div>
height expected 10 but got 16 at assert_tolerance (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:24:9)
at checkExpectedValues (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:77:9)
at checkSubtreeExpectedValues (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:7:25)
at https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:9:26
at NodeList.forEach (<anonymous>)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) | | Pass | assert_true(true, "data-expected-width is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) | | Fail | assert_equals(16, 10, "\n<div class=\"flexbox\" style=\"height: 10px;\" data-expected-height=\"10\">\n <!-- should use content height, clamped by converted min-width, as minimum height. -->\n <img src=\"support/100x100-green.png\" style=\"max-width: 5px; min-width: 10px;\" data-expected-height=\"10\" data-expected-width=\"10\">\n</div>\nheight")
at assert_tolerance ( /resources/check-layout-th.js:24:9) |
|
| Fail | .flexbox 10 | assert_equals:
<div class="flexbox column" style="height: 10px;" data-expected-height="10">
<!-- should use min(transferred (100), content height (100)) = 100px as
minimum height, which will be final height of the image -->
<img src="support/10x10-green.png" style="width: 100px;" data-expected-height="100">
</div>
height expected 100 but got 16 at assert_tolerance (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:24:9)
at checkExpectedValues (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:77:9)
at checkSubtreeExpectedValues (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:7:25)
at https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:9:26
at NodeList.forEach (<anonymous>)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) | | Fail | assert_equals(16, 100, "\n<div class=\"flexbox column\" style=\"height: 10px;\" data-expected-height=\"10\">\n <!-- should use min(transferred (100), content height (100)) = 100px as\n minimum height, which will be final height of the image -->\n <img src=\"support/10x10-green.png\" style=\"width: 100px;\" data-expected-height=\"100\">\n</div>\nheight")
at assert_tolerance ( /resources/check-layout-th.js:24:9) |
|
