Pass | .target 1 | Asserts runPass | assert_true(true, "data-expected-width is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) |
|
Pass | .target 2 | Asserts runPass | assert_true(true, "data-expected-height is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) |
|
Pass | .target 3 | Asserts runPass | assert_true(true, "data-expected-width is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) |
|
Pass | .target 4 | Asserts runPass | assert_true(true, "data-expected-height is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) |
|
Pass | .target 5 | Asserts runPass | assert_true(true, "data-expected-width is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) |
|
Pass | .target 6 | Asserts runPass | assert_true(true, "data-expected-height is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) |
|
Pass | .target 7 | Asserts runPass | assert_true(true, "data-expected-height is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) |
|
Pass | .target 8 | Asserts runPass | assert_true(true, "data-expected-width is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) |
|
Pass | .target 9 | Asserts runPass | assert_true(true, "data-expected-height is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) |
|
Pass | .target 10 | Asserts runPass | assert_true(true, "data-expected-width is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) |
|
Pass | .target 11 | Asserts runPass | assert_true(true, "data-expected-height is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) |
|
Pass | .target 12 | Asserts runPass | assert_true(true, "data-expected-width is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) |
|
Fail | .target 13 | assert_equals:
<div class="container">
<div class="anchor1"></div>
<!-- Basic cases of all `anchor-size`s. -->
<div class="target" style="width: anchor-size(--a1 width)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 height)" data-expected-height="7"></div>
<div class="target" style="width: anchor-size(--a1 inline)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 block)" data-expected-height="7"></div>
<div class="target" style="width: anchor-size(--a1 self-inline)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 self-block)" data-expected-height="7"></div>
<!-- Different axes should work. -->
<div class="target" style="height: anchor-size(--a1 width)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 height)" data-expected-width="7"></div>
<div class="target" style="height: anchor-size(--a1 inline)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 block)" data-expected-width="7"></div>
<div class="target" style="height: anchor-size(--a1 self-inline)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 self-block)" data-expected-width="7"></div>
<!-- anchor-size() in insets -->
<div class="target" style="left: anchor-size(--a1 width)" data-offset-x="5"></div>
<div class="target" style="top: anchor-size(--a1 height)" data-offset-y="7"></div>
<div class="target" style="left: anchor-size(--a1 height)" data-offset-x="7"></div>
<div class="target" style="top: anchor-size(--a1 width" data-offset-y="5"></div>
<!-- anchor-size() in margins -->
<div class="target" style="margin-left: anchor-size(--a1 width)" data-expected-margin-left="5"></div>
<div class="target" style="margin-top: anchor-size(--a1 height)" data-expected-margin-top="7"></div>
<div class="target" style="margin-right: anchor-size(--a1 height)" data-expected-margin-right="7"></div>
<div class="target" style="margin-bottom: anchor-size(--a1 width" data-expected-margin-bottom="5"></div>
<!-- Implicit <anchor-size> -->
<div class="target" style="width: anchor-size(--a1)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1)" data-expected-height="7"></div>
<div class="target" style="left: anchor-size(--a1)" data-offset-x="5"></div>
<div class="target" style="top: anchor-size(--a1)" data-offset-y="7"></div>
<div class="target" style="margin-left: anchor-size(--a1)" data-expected-margin-left="5"></div>
<div class="target" style="margin-right: anchor-size(--a1)" data-expected-margin-right="5"></div>
<div class="target" style="margin-top: anchor-size(--a1)" data-expected-margin-top="7"></div>
<div class="target" style="margin-bottom: anchor-size(--a1)" data-expected-margin-bottom="7"></div>
</div>
offsetLeft expected 5 but got 0 at assert_tolerance (https://www2.wpt.live/resources/check-layout-th.js:24:9)
at checkExpectedValues (https://www2.wpt.live/resources/check-layout-th.js:82:9)
at checkSubtreeExpectedValues (https://www2.wpt.live/resources/check-layout-th.js:7:25)
at Test.<anonymous> (https://www2.wpt.live/resources/check-layout-th.js:229:34)
at Test.step (https://www2.wpt.live/resources/testharness.js:2638:25) Asserts runPass | assert_true(true, "data-offset-x is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) | Fail | assert_equals(0, 5, "\n<div class=\"container\">\n <div class=\"anchor1\"></div>\n\n <!-- Basic cases of all `anchor-size`s. -->\n <div class=\"target\" style=\"width: anchor-size(--a1 width)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 height)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 inline)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 block)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 self-inline)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 self-block)\" data-expected-height=\"7\"></div>\n\n <!-- Different axes should work. -->\n <div class=\"target\" style=\"height: anchor-size(--a1 width)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 height)\" data-expected-width=\"7\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 inline)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 block)\" data-expected-width=\"7\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 self-inline)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 self-block)\" data-expected-width=\"7\"></div>\n\n <!-- anchor-size() in insets -->\n <div class=\"target\" style=\"left: anchor-size(--a1 width)\" data-offset-x=\"5\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1 height)\" data-offset-y=\"7\"></div>\n <div class=\"target\" style=\"left: anchor-size(--a1 height)\" data-offset-x=\"7\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1 width\" data-offset-y=\"5\"></div>\n\n <!-- anchor-size() in margins -->\n <div class=\"target\" style=\"margin-left: anchor-size(--a1 width)\" data-expected-margin-left=\"5\"></div>\n <div class=\"target\" style=\"margin-top: anchor-size(--a1 height)\" data-expected-margin-top=\"7\"></div>\n <div class=\"target\" style=\"margin-right: anchor-size(--a1 height)\" data-expected-margin-right=\"7\"></div>\n <div class=\"target\" style=\"margin-bottom: anchor-size(--a1 width\" data-expected-margin-bottom=\"5\"></div>\n\n <!-- Implicit <anchor-size> -->\n <div class=\"target\" style=\"width: anchor-size(--a1)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"left: anchor-size(--a1)\" data-offset-x=\"5\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1)\" data-offset-y=\"7\"></div>\n <div class=\"target\" style=\"margin-left: anchor-size(--a1)\" data-expected-margin-left=\"5\"></div>\n <div class=\"target\" style=\"margin-right: anchor-size(--a1)\" data-expected-margin-right=\"5\"></div>\n <div class=\"target\" style=\"margin-top: anchor-size(--a1)\" data-expected-margin-top=\"7\"></div>\n <div class=\"target\" style=\"margin-bottom: anchor-size(--a1)\" data-expected-margin-bottom=\"7\"></div>\n </div>\noffsetLeft")
at assert_tolerance ( /resources/check-layout-th.js:24:9) |
|
Pass | .target 14 | Asserts runPass | assert_true(true, "data-offset-y is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) |
|
Fail | .target 15 | assert_equals:
<div class="container">
<div class="anchor1"></div>
<!-- Basic cases of all `anchor-size`s. -->
<div class="target" style="width: anchor-size(--a1 width)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 height)" data-expected-height="7"></div>
<div class="target" style="width: anchor-size(--a1 inline)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 block)" data-expected-height="7"></div>
<div class="target" style="width: anchor-size(--a1 self-inline)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 self-block)" data-expected-height="7"></div>
<!-- Different axes should work. -->
<div class="target" style="height: anchor-size(--a1 width)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 height)" data-expected-width="7"></div>
<div class="target" style="height: anchor-size(--a1 inline)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 block)" data-expected-width="7"></div>
<div class="target" style="height: anchor-size(--a1 self-inline)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 self-block)" data-expected-width="7"></div>
<!-- anchor-size() in insets -->
<div class="target" style="left: anchor-size(--a1 width)" data-offset-x="5"></div>
<div class="target" style="top: anchor-size(--a1 height)" data-offset-y="7"></div>
<div class="target" style="left: anchor-size(--a1 height)" data-offset-x="7"></div>
<div class="target" style="top: anchor-size(--a1 width" data-offset-y="5"></div>
<!-- anchor-size() in margins -->
<div class="target" style="margin-left: anchor-size(--a1 width)" data-expected-margin-left="5"></div>
<div class="target" style="margin-top: anchor-size(--a1 height)" data-expected-margin-top="7"></div>
<div class="target" style="margin-right: anchor-size(--a1 height)" data-expected-margin-right="7"></div>
<div class="target" style="margin-bottom: anchor-size(--a1 width" data-expected-margin-bottom="5"></div>
<!-- Implicit <anchor-size> -->
<div class="target" style="width: anchor-size(--a1)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1)" data-expected-height="7"></div>
<div class="target" style="left: anchor-size(--a1)" data-offset-x="5"></div>
<div class="target" style="top: anchor-size(--a1)" data-offset-y="7"></div>
<div class="target" style="margin-left: anchor-size(--a1)" data-expected-margin-left="5"></div>
<div class="target" style="margin-right: anchor-size(--a1)" data-expected-margin-right="5"></div>
<div class="target" style="margin-top: anchor-size(--a1)" data-expected-margin-top="7"></div>
<div class="target" style="margin-bottom: anchor-size(--a1)" data-expected-margin-bottom="7"></div>
</div>
offsetLeft expected 7 but got 0 at assert_tolerance (https://www2.wpt.live/resources/check-layout-th.js:24:9)
at checkExpectedValues (https://www2.wpt.live/resources/check-layout-th.js:82:9)
at checkSubtreeExpectedValues (https://www2.wpt.live/resources/check-layout-th.js:7:25)
at Test.<anonymous> (https://www2.wpt.live/resources/check-layout-th.js:229:34)
at Test.step (https://www2.wpt.live/resources/testharness.js:2638:25) Asserts runPass | assert_true(true, "data-offset-x is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) | Fail | assert_equals(0, 7, "\n<div class=\"container\">\n <div class=\"anchor1\"></div>\n\n <!-- Basic cases of all `anchor-size`s. -->\n <div class=\"target\" style=\"width: anchor-size(--a1 width)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 height)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 inline)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 block)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 self-inline)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 self-block)\" data-expected-height=\"7\"></div>\n\n <!-- Different axes should work. -->\n <div class=\"target\" style=\"height: anchor-size(--a1 width)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 height)\" data-expected-width=\"7\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 inline)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 block)\" data-expected-width=\"7\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 self-inline)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 self-block)\" data-expected-width=\"7\"></div>\n\n <!-- anchor-size() in insets -->\n <div class=\"target\" style=\"left: anchor-size(--a1 width)\" data-offset-x=\"5\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1 height)\" data-offset-y=\"7\"></div>\n <div class=\"target\" style=\"left: anchor-size(--a1 height)\" data-offset-x=\"7\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1 width\" data-offset-y=\"5\"></div>\n\n <!-- anchor-size() in margins -->\n <div class=\"target\" style=\"margin-left: anchor-size(--a1 width)\" data-expected-margin-left=\"5\"></div>\n <div class=\"target\" style=\"margin-top: anchor-size(--a1 height)\" data-expected-margin-top=\"7\"></div>\n <div class=\"target\" style=\"margin-right: anchor-size(--a1 height)\" data-expected-margin-right=\"7\"></div>\n <div class=\"target\" style=\"margin-bottom: anchor-size(--a1 width\" data-expected-margin-bottom=\"5\"></div>\n\n <!-- Implicit <anchor-size> -->\n <div class=\"target\" style=\"width: anchor-size(--a1)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"left: anchor-size(--a1)\" data-offset-x=\"5\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1)\" data-offset-y=\"7\"></div>\n <div class=\"target\" style=\"margin-left: anchor-size(--a1)\" data-expected-margin-left=\"5\"></div>\n <div class=\"target\" style=\"margin-right: anchor-size(--a1)\" data-expected-margin-right=\"5\"></div>\n <div class=\"target\" style=\"margin-top: anchor-size(--a1)\" data-expected-margin-top=\"7\"></div>\n <div class=\"target\" style=\"margin-bottom: anchor-size(--a1)\" data-expected-margin-bottom=\"7\"></div>\n </div>\noffsetLeft")
at assert_tolerance ( /resources/check-layout-th.js:24:9) |
|
Fail | .target 16 | assert_equals:
<div class="container">
<div class="anchor1"></div>
<!-- Basic cases of all `anchor-size`s. -->
<div class="target" style="width: anchor-size(--a1 width)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 height)" data-expected-height="7"></div>
<div class="target" style="width: anchor-size(--a1 inline)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 block)" data-expected-height="7"></div>
<div class="target" style="width: anchor-size(--a1 self-inline)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 self-block)" data-expected-height="7"></div>
<!-- Different axes should work. -->
<div class="target" style="height: anchor-size(--a1 width)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 height)" data-expected-width="7"></div>
<div class="target" style="height: anchor-size(--a1 inline)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 block)" data-expected-width="7"></div>
<div class="target" style="height: anchor-size(--a1 self-inline)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 self-block)" data-expected-width="7"></div>
<!-- anchor-size() in insets -->
<div class="target" style="left: anchor-size(--a1 width)" data-offset-x="5"></div>
<div class="target" style="top: anchor-size(--a1 height)" data-offset-y="7"></div>
<div class="target" style="left: anchor-size(--a1 height)" data-offset-x="7"></div>
<div class="target" style="top: anchor-size(--a1 width" data-offset-y="5"></div>
<!-- anchor-size() in margins -->
<div class="target" style="margin-left: anchor-size(--a1 width)" data-expected-margin-left="5"></div>
<div class="target" style="margin-top: anchor-size(--a1 height)" data-expected-margin-top="7"></div>
<div class="target" style="margin-right: anchor-size(--a1 height)" data-expected-margin-right="7"></div>
<div class="target" style="margin-bottom: anchor-size(--a1 width" data-expected-margin-bottom="5"></div>
<!-- Implicit <anchor-size> -->
<div class="target" style="width: anchor-size(--a1)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1)" data-expected-height="7"></div>
<div class="target" style="left: anchor-size(--a1)" data-offset-x="5"></div>
<div class="target" style="top: anchor-size(--a1)" data-offset-y="7"></div>
<div class="target" style="margin-left: anchor-size(--a1)" data-expected-margin-left="5"></div>
<div class="target" style="margin-right: anchor-size(--a1)" data-expected-margin-right="5"></div>
<div class="target" style="margin-top: anchor-size(--a1)" data-expected-margin-top="7"></div>
<div class="target" style="margin-bottom: anchor-size(--a1)" data-expected-margin-bottom="7"></div>
</div>
offsetTop expected 5 but got 7 at assert_tolerance (https://www2.wpt.live/resources/check-layout-th.js:24:9)
at checkExpectedValues (https://www2.wpt.live/resources/check-layout-th.js:87:9)
at checkSubtreeExpectedValues (https://www2.wpt.live/resources/check-layout-th.js:7:25)
at Test.<anonymous> (https://www2.wpt.live/resources/check-layout-th.js:229:34)
at Test.step (https://www2.wpt.live/resources/testharness.js:2638:25) Asserts runPass | assert_true(true, "data-offset-y is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) | Fail | assert_equals(7, 5, "\n<div class=\"container\">\n <div class=\"anchor1\"></div>\n\n <!-- Basic cases of all `anchor-size`s. -->\n <div class=\"target\" style=\"width: anchor-size(--a1 width)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 height)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 inline)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 block)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 self-inline)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 self-block)\" data-expected-height=\"7\"></div>\n\n <!-- Different axes should work. -->\n <div class=\"target\" style=\"height: anchor-size(--a1 width)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 height)\" data-expected-width=\"7\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 inline)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 block)\" data-expected-width=\"7\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 self-inline)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 self-block)\" data-expected-width=\"7\"></div>\n\n <!-- anchor-size() in insets -->\n <div class=\"target\" style=\"left: anchor-size(--a1 width)\" data-offset-x=\"5\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1 height)\" data-offset-y=\"7\"></div>\n <div class=\"target\" style=\"left: anchor-size(--a1 height)\" data-offset-x=\"7\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1 width\" data-offset-y=\"5\"></div>\n\n <!-- anchor-size() in margins -->\n <div class=\"target\" style=\"margin-left: anchor-size(--a1 width)\" data-expected-margin-left=\"5\"></div>\n <div class=\"target\" style=\"margin-top: anchor-size(--a1 height)\" data-expected-margin-top=\"7\"></div>\n <div class=\"target\" style=\"margin-right: anchor-size(--a1 height)\" data-expected-margin-right=\"7\"></div>\n <div class=\"target\" style=\"margin-bottom: anchor-size(--a1 width\" data-expected-margin-bottom=\"5\"></div>\n\n <!-- Implicit <anchor-size> -->\n <div class=\"target\" style=\"width: anchor-size(--a1)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"left: anchor-size(--a1)\" data-offset-x=\"5\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1)\" data-offset-y=\"7\"></div>\n <div class=\"target\" style=\"margin-left: anchor-size(--a1)\" data-expected-margin-left=\"5\"></div>\n <div class=\"target\" style=\"margin-right: anchor-size(--a1)\" data-expected-margin-right=\"5\"></div>\n <div class=\"target\" style=\"margin-top: anchor-size(--a1)\" data-expected-margin-top=\"7\"></div>\n <div class=\"target\" style=\"margin-bottom: anchor-size(--a1)\" data-expected-margin-bottom=\"7\"></div>\n </div>\noffsetTop")
at assert_tolerance ( /resources/check-layout-th.js:24:9) |
|
Fail | .target 17 | assert_equals:
<div class="container">
<div class="anchor1"></div>
<!-- Basic cases of all `anchor-size`s. -->
<div class="target" style="width: anchor-size(--a1 width)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 height)" data-expected-height="7"></div>
<div class="target" style="width: anchor-size(--a1 inline)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 block)" data-expected-height="7"></div>
<div class="target" style="width: anchor-size(--a1 self-inline)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 self-block)" data-expected-height="7"></div>
<!-- Different axes should work. -->
<div class="target" style="height: anchor-size(--a1 width)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 height)" data-expected-width="7"></div>
<div class="target" style="height: anchor-size(--a1 inline)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 block)" data-expected-width="7"></div>
<div class="target" style="height: anchor-size(--a1 self-inline)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 self-block)" data-expected-width="7"></div>
<!-- anchor-size() in insets -->
<div class="target" style="left: anchor-size(--a1 width)" data-offset-x="5"></div>
<div class="target" style="top: anchor-size(--a1 height)" data-offset-y="7"></div>
<div class="target" style="left: anchor-size(--a1 height)" data-offset-x="7"></div>
<div class="target" style="top: anchor-size(--a1 width" data-offset-y="5"></div>
<!-- anchor-size() in margins -->
<div class="target" style="margin-left: anchor-size(--a1 width)" data-expected-margin-left="5"></div>
<div class="target" style="margin-top: anchor-size(--a1 height)" data-expected-margin-top="7"></div>
<div class="target" style="margin-right: anchor-size(--a1 height)" data-expected-margin-right="7"></div>
<div class="target" style="margin-bottom: anchor-size(--a1 width" data-expected-margin-bottom="5"></div>
<!-- Implicit <anchor-size> -->
<div class="target" style="width: anchor-size(--a1)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1)" data-expected-height="7"></div>
<div class="target" style="left: anchor-size(--a1)" data-offset-x="5"></div>
<div class="target" style="top: anchor-size(--a1)" data-offset-y="7"></div>
<div class="target" style="margin-left: anchor-size(--a1)" data-expected-margin-left="5"></div>
<div class="target" style="margin-right: anchor-size(--a1)" data-expected-margin-right="5"></div>
<div class="target" style="margin-top: anchor-size(--a1)" data-expected-margin-top="7"></div>
<div class="target" style="margin-bottom: anchor-size(--a1)" data-expected-margin-bottom="7"></div>
</div>
margin-left expected "5" but got "0" at checkExpectedValues (https://www2.wpt.live/resources/check-layout-th.js:193:9)
at checkSubtreeExpectedValues (https://www2.wpt.live/resources/check-layout-th.js:7:25)
at Test.<anonymous> (https://www2.wpt.live/resources/check-layout-th.js:229:34)
at Test.step (https://www2.wpt.live/resources/testharness.js:2638:25)
at test (https://www2.wpt.live/resources/testharness.js:633:30) Asserts runPass | assert_true(true, "data-expected-margin-left is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) | Fail | assert_equals("0", "5", "\n<div class=\"container\">\n <div class=\"anchor1\"></div>\n\n <!-- Basic cases of all `anchor-size`s. -->\n <div class=\"target\" style=\"width: anchor-size(--a1 width)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 height)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 inline)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 block)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 self-inline)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 self-block)\" data-expected-height=\"7\"></div>\n\n <!-- Different axes should work. -->\n <div class=\"target\" style=\"height: anchor-size(--a1 width)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 height)\" data-expected-width=\"7\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 inline)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 block)\" data-expected-width=\"7\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 self-inline)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 self-block)\" data-expected-width=\"7\"></div>\n\n <!-- anchor-size() in insets -->\n <div class=\"target\" style=\"left: anchor-size(--a1 width)\" data-offset-x=\"5\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1 height)\" data-offset-y=\"7\"></div>\n <div class=\"target\" style=\"left: anchor-size(--a1 height)\" data-offset-x=\"7\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1 width\" data-offset-y=\"5\"></div>\n\n <!-- anchor-size() in margins -->\n <div class=\"target\" style=\"margin-left: anchor-size(--a1 width)\" data-expected-margin-left=\"5\"></div>\n <div class=\"target\" style=\"margin-top: anchor-size(--a1 height)\" data-expected-margin-top=\"7\"></div>\n <div class=\"target\" style=\"margin-right: anchor-size(--a1 height)\" data-expected-margin-right=\"7\"></div>\n <div class=\"target\" style=\"margin-bottom: anchor-size(--a1 width\" data-expected-margin-bottom=\"5\"></div>\n\n <!-- Implicit <anchor-size> -->\n <div class=\"target\" style=\"width: anchor-size(--a1)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"left: anchor-size(--a1)\" data-offset-x=\"5\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1)\" data-offset-y=\"7\"></div>\n <div class=\"target\" style=\"margin-left: anchor-size(--a1)\" data-expected-margin-left=\"5\"></div>\n <div class=\"target\" style=\"margin-right: anchor-size(--a1)\" data-expected-margin-right=\"5\"></div>\n <div class=\"target\" style=\"margin-top: anchor-size(--a1)\" data-expected-margin-top=\"7\"></div>\n <div class=\"target\" style=\"margin-bottom: anchor-size(--a1)\" data-expected-margin-bottom=\"7\"></div>\n </div>\nmargin-left")
at checkExpectedValues ( /resources/check-layout-th.js:193:9) |
|
Fail | .target 18 | assert_equals:
<div class="container">
<div class="anchor1"></div>
<!-- Basic cases of all `anchor-size`s. -->
<div class="target" style="width: anchor-size(--a1 width)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 height)" data-expected-height="7"></div>
<div class="target" style="width: anchor-size(--a1 inline)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 block)" data-expected-height="7"></div>
<div class="target" style="width: anchor-size(--a1 self-inline)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 self-block)" data-expected-height="7"></div>
<!-- Different axes should work. -->
<div class="target" style="height: anchor-size(--a1 width)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 height)" data-expected-width="7"></div>
<div class="target" style="height: anchor-size(--a1 inline)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 block)" data-expected-width="7"></div>
<div class="target" style="height: anchor-size(--a1 self-inline)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 self-block)" data-expected-width="7"></div>
<!-- anchor-size() in insets -->
<div class="target" style="left: anchor-size(--a1 width)" data-offset-x="5"></div>
<div class="target" style="top: anchor-size(--a1 height)" data-offset-y="7"></div>
<div class="target" style="left: anchor-size(--a1 height)" data-offset-x="7"></div>
<div class="target" style="top: anchor-size(--a1 width" data-offset-y="5"></div>
<!-- anchor-size() in margins -->
<div class="target" style="margin-left: anchor-size(--a1 width)" data-expected-margin-left="5"></div>
<div class="target" style="margin-top: anchor-size(--a1 height)" data-expected-margin-top="7"></div>
<div class="target" style="margin-right: anchor-size(--a1 height)" data-expected-margin-right="7"></div>
<div class="target" style="margin-bottom: anchor-size(--a1 width" data-expected-margin-bottom="5"></div>
<!-- Implicit <anchor-size> -->
<div class="target" style="width: anchor-size(--a1)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1)" data-expected-height="7"></div>
<div class="target" style="left: anchor-size(--a1)" data-offset-x="5"></div>
<div class="target" style="top: anchor-size(--a1)" data-offset-y="7"></div>
<div class="target" style="margin-left: anchor-size(--a1)" data-expected-margin-left="5"></div>
<div class="target" style="margin-right: anchor-size(--a1)" data-expected-margin-right="5"></div>
<div class="target" style="margin-top: anchor-size(--a1)" data-expected-margin-top="7"></div>
<div class="target" style="margin-bottom: anchor-size(--a1)" data-expected-margin-bottom="7"></div>
</div>
margin-top expected "7" but got "0" at checkExpectedValues (https://www2.wpt.live/resources/check-layout-th.js:177:9)
at checkSubtreeExpectedValues (https://www2.wpt.live/resources/check-layout-th.js:7:25)
at Test.<anonymous> (https://www2.wpt.live/resources/check-layout-th.js:229:34)
at Test.step (https://www2.wpt.live/resources/testharness.js:2638:25)
at test (https://www2.wpt.live/resources/testharness.js:633:30) Asserts runPass | assert_true(true, "data-expected-margin-top is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) | Fail | assert_equals("0", "7", "\n<div class=\"container\">\n <div class=\"anchor1\"></div>\n\n <!-- Basic cases of all `anchor-size`s. -->\n <div class=\"target\" style=\"width: anchor-size(--a1 width)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 height)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 inline)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 block)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 self-inline)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 self-block)\" data-expected-height=\"7\"></div>\n\n <!-- Different axes should work. -->\n <div class=\"target\" style=\"height: anchor-size(--a1 width)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 height)\" data-expected-width=\"7\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 inline)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 block)\" data-expected-width=\"7\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 self-inline)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 self-block)\" data-expected-width=\"7\"></div>\n\n <!-- anchor-size() in insets -->\n <div class=\"target\" style=\"left: anchor-size(--a1 width)\" data-offset-x=\"5\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1 height)\" data-offset-y=\"7\"></div>\n <div class=\"target\" style=\"left: anchor-size(--a1 height)\" data-offset-x=\"7\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1 width\" data-offset-y=\"5\"></div>\n\n <!-- anchor-size() in margins -->\n <div class=\"target\" style=\"margin-left: anchor-size(--a1 width)\" data-expected-margin-left=\"5\"></div>\n <div class=\"target\" style=\"margin-top: anchor-size(--a1 height)\" data-expected-margin-top=\"7\"></div>\n <div class=\"target\" style=\"margin-right: anchor-size(--a1 height)\" data-expected-margin-right=\"7\"></div>\n <div class=\"target\" style=\"margin-bottom: anchor-size(--a1 width\" data-expected-margin-bottom=\"5\"></div>\n\n <!-- Implicit <anchor-size> -->\n <div class=\"target\" style=\"width: anchor-size(--a1)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"left: anchor-size(--a1)\" data-offset-x=\"5\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1)\" data-offset-y=\"7\"></div>\n <div class=\"target\" style=\"margin-left: anchor-size(--a1)\" data-expected-margin-left=\"5\"></div>\n <div class=\"target\" style=\"margin-right: anchor-size(--a1)\" data-expected-margin-right=\"5\"></div>\n <div class=\"target\" style=\"margin-top: anchor-size(--a1)\" data-expected-margin-top=\"7\"></div>\n <div class=\"target\" style=\"margin-bottom: anchor-size(--a1)\" data-expected-margin-bottom=\"7\"></div>\n </div>\nmargin-top")
at checkExpectedValues ( /resources/check-layout-th.js:177:9) |
|
Fail | .target 19 | assert_equals:
<div class="container">
<div class="anchor1"></div>
<!-- Basic cases of all `anchor-size`s. -->
<div class="target" style="width: anchor-size(--a1 width)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 height)" data-expected-height="7"></div>
<div class="target" style="width: anchor-size(--a1 inline)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 block)" data-expected-height="7"></div>
<div class="target" style="width: anchor-size(--a1 self-inline)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 self-block)" data-expected-height="7"></div>
<!-- Different axes should work. -->
<div class="target" style="height: anchor-size(--a1 width)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 height)" data-expected-width="7"></div>
<div class="target" style="height: anchor-size(--a1 inline)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 block)" data-expected-width="7"></div>
<div class="target" style="height: anchor-size(--a1 self-inline)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 self-block)" data-expected-width="7"></div>
<!-- anchor-size() in insets -->
<div class="target" style="left: anchor-size(--a1 width)" data-offset-x="5"></div>
<div class="target" style="top: anchor-size(--a1 height)" data-offset-y="7"></div>
<div class="target" style="left: anchor-size(--a1 height)" data-offset-x="7"></div>
<div class="target" style="top: anchor-size(--a1 width" data-offset-y="5"></div>
<!-- anchor-size() in margins -->
<div class="target" style="margin-left: anchor-size(--a1 width)" data-expected-margin-left="5"></div>
<div class="target" style="margin-top: anchor-size(--a1 height)" data-expected-margin-top="7"></div>
<div class="target" style="margin-right: anchor-size(--a1 height)" data-expected-margin-right="7"></div>
<div class="target" style="margin-bottom: anchor-size(--a1 width" data-expected-margin-bottom="5"></div>
<!-- Implicit <anchor-size> -->
<div class="target" style="width: anchor-size(--a1)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1)" data-expected-height="7"></div>
<div class="target" style="left: anchor-size(--a1)" data-offset-x="5"></div>
<div class="target" style="top: anchor-size(--a1)" data-offset-y="7"></div>
<div class="target" style="margin-left: anchor-size(--a1)" data-expected-margin-left="5"></div>
<div class="target" style="margin-right: anchor-size(--a1)" data-expected-margin-right="5"></div>
<div class="target" style="margin-top: anchor-size(--a1)" data-expected-margin-top="7"></div>
<div class="target" style="margin-bottom: anchor-size(--a1)" data-expected-margin-bottom="7"></div>
</div>
margin-right expected "7" but got "0" at checkExpectedValues (https://www2.wpt.live/resources/check-layout-th.js:201:9)
at checkSubtreeExpectedValues (https://www2.wpt.live/resources/check-layout-th.js:7:25)
at Test.<anonymous> (https://www2.wpt.live/resources/check-layout-th.js:229:34)
at Test.step (https://www2.wpt.live/resources/testharness.js:2638:25)
at test (https://www2.wpt.live/resources/testharness.js:633:30) Asserts runPass | assert_true(true, "data-expected-margin-right is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) | Fail | assert_equals("0", "7", "\n<div class=\"container\">\n <div class=\"anchor1\"></div>\n\n <!-- Basic cases of all `anchor-size`s. -->\n <div class=\"target\" style=\"width: anchor-size(--a1 width)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 height)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 inline)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 block)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 self-inline)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 self-block)\" data-expected-height=\"7\"></div>\n\n <!-- Different axes should work. -->\n <div class=\"target\" style=\"height: anchor-size(--a1 width)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 height)\" data-expected-width=\"7\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 inline)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 block)\" data-expected-width=\"7\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 self-inline)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 self-block)\" data-expected-width=\"7\"></div>\n\n <!-- anchor-size() in insets -->\n <div class=\"target\" style=\"left: anchor-size(--a1 width)\" data-offset-x=\"5\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1 height)\" data-offset-y=\"7\"></div>\n <div class=\"target\" style=\"left: anchor-size(--a1 height)\" data-offset-x=\"7\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1 width\" data-offset-y=\"5\"></div>\n\n <!-- anchor-size() in margins -->\n <div class=\"target\" style=\"margin-left: anchor-size(--a1 width)\" data-expected-margin-left=\"5\"></div>\n <div class=\"target\" style=\"margin-top: anchor-size(--a1 height)\" data-expected-margin-top=\"7\"></div>\n <div class=\"target\" style=\"margin-right: anchor-size(--a1 height)\" data-expected-margin-right=\"7\"></div>\n <div class=\"target\" style=\"margin-bottom: anchor-size(--a1 width\" data-expected-margin-bottom=\"5\"></div>\n\n <!-- Implicit <anchor-size> -->\n <div class=\"target\" style=\"width: anchor-size(--a1)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"left: anchor-size(--a1)\" data-offset-x=\"5\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1)\" data-offset-y=\"7\"></div>\n <div class=\"target\" style=\"margin-left: anchor-size(--a1)\" data-expected-margin-left=\"5\"></div>\n <div class=\"target\" style=\"margin-right: anchor-size(--a1)\" data-expected-margin-right=\"5\"></div>\n <div class=\"target\" style=\"margin-top: anchor-size(--a1)\" data-expected-margin-top=\"7\"></div>\n <div class=\"target\" style=\"margin-bottom: anchor-size(--a1)\" data-expected-margin-bottom=\"7\"></div>\n </div>\nmargin-right")
at checkExpectedValues ( /resources/check-layout-th.js:201:9) |
|
Fail | .target 20 | assert_equals:
<div class="container">
<div class="anchor1"></div>
<!-- Basic cases of all `anchor-size`s. -->
<div class="target" style="width: anchor-size(--a1 width)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 height)" data-expected-height="7"></div>
<div class="target" style="width: anchor-size(--a1 inline)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 block)" data-expected-height="7"></div>
<div class="target" style="width: anchor-size(--a1 self-inline)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 self-block)" data-expected-height="7"></div>
<!-- Different axes should work. -->
<div class="target" style="height: anchor-size(--a1 width)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 height)" data-expected-width="7"></div>
<div class="target" style="height: anchor-size(--a1 inline)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 block)" data-expected-width="7"></div>
<div class="target" style="height: anchor-size(--a1 self-inline)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 self-block)" data-expected-width="7"></div>
<!-- anchor-size() in insets -->
<div class="target" style="left: anchor-size(--a1 width)" data-offset-x="5"></div>
<div class="target" style="top: anchor-size(--a1 height)" data-offset-y="7"></div>
<div class="target" style="left: anchor-size(--a1 height)" data-offset-x="7"></div>
<div class="target" style="top: anchor-size(--a1 width" data-offset-y="5"></div>
<!-- anchor-size() in margins -->
<div class="target" style="margin-left: anchor-size(--a1 width)" data-expected-margin-left="5"></div>
<div class="target" style="margin-top: anchor-size(--a1 height)" data-expected-margin-top="7"></div>
<div class="target" style="margin-right: anchor-size(--a1 height)" data-expected-margin-right="7"></div>
<div class="target" style="margin-bottom: anchor-size(--a1 width" data-expected-margin-bottom="5"></div>
<!-- Implicit <anchor-size> -->
<div class="target" style="width: anchor-size(--a1)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1)" data-expected-height="7"></div>
<div class="target" style="left: anchor-size(--a1)" data-offset-x="5"></div>
<div class="target" style="top: anchor-size(--a1)" data-offset-y="7"></div>
<div class="target" style="margin-left: anchor-size(--a1)" data-expected-margin-left="5"></div>
<div class="target" style="margin-right: anchor-size(--a1)" data-expected-margin-right="5"></div>
<div class="target" style="margin-top: anchor-size(--a1)" data-expected-margin-top="7"></div>
<div class="target" style="margin-bottom: anchor-size(--a1)" data-expected-margin-bottom="7"></div>
</div>
margin-bottom expected "5" but got "0" at checkExpectedValues (https://www2.wpt.live/resources/check-layout-th.js:185:9)
at checkSubtreeExpectedValues (https://www2.wpt.live/resources/check-layout-th.js:7:25)
at Test.<anonymous> (https://www2.wpt.live/resources/check-layout-th.js:229:34)
at Test.step (https://www2.wpt.live/resources/testharness.js:2638:25)
at test (https://www2.wpt.live/resources/testharness.js:633:30) Asserts runPass | assert_true(true, "data-expected-margin-bottom is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) | Fail | assert_equals("0", "5", "\n<div class=\"container\">\n <div class=\"anchor1\"></div>\n\n <!-- Basic cases of all `anchor-size`s. -->\n <div class=\"target\" style=\"width: anchor-size(--a1 width)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 height)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 inline)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 block)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 self-inline)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 self-block)\" data-expected-height=\"7\"></div>\n\n <!-- Different axes should work. -->\n <div class=\"target\" style=\"height: anchor-size(--a1 width)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 height)\" data-expected-width=\"7\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 inline)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 block)\" data-expected-width=\"7\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 self-inline)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 self-block)\" data-expected-width=\"7\"></div>\n\n <!-- anchor-size() in insets -->\n <div class=\"target\" style=\"left: anchor-size(--a1 width)\" data-offset-x=\"5\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1 height)\" data-offset-y=\"7\"></div>\n <div class=\"target\" style=\"left: anchor-size(--a1 height)\" data-offset-x=\"7\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1 width\" data-offset-y=\"5\"></div>\n\n <!-- anchor-size() in margins -->\n <div class=\"target\" style=\"margin-left: anchor-size(--a1 width)\" data-expected-margin-left=\"5\"></div>\n <div class=\"target\" style=\"margin-top: anchor-size(--a1 height)\" data-expected-margin-top=\"7\"></div>\n <div class=\"target\" style=\"margin-right: anchor-size(--a1 height)\" data-expected-margin-right=\"7\"></div>\n <div class=\"target\" style=\"margin-bottom: anchor-size(--a1 width\" data-expected-margin-bottom=\"5\"></div>\n\n <!-- Implicit <anchor-size> -->\n <div class=\"target\" style=\"width: anchor-size(--a1)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"left: anchor-size(--a1)\" data-offset-x=\"5\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1)\" data-offset-y=\"7\"></div>\n <div class=\"target\" style=\"margin-left: anchor-size(--a1)\" data-expected-margin-left=\"5\"></div>\n <div class=\"target\" style=\"margin-right: anchor-size(--a1)\" data-expected-margin-right=\"5\"></div>\n <div class=\"target\" style=\"margin-top: anchor-size(--a1)\" data-expected-margin-top=\"7\"></div>\n <div class=\"target\" style=\"margin-bottom: anchor-size(--a1)\" data-expected-margin-bottom=\"7\"></div>\n </div>\nmargin-bottom")
at checkExpectedValues ( /resources/check-layout-th.js:185:9) |
|
Fail | .target 21 | assert_equals:
<div class="container">
<div class="anchor1"></div>
<!-- Basic cases of all `anchor-size`s. -->
<div class="target" style="width: anchor-size(--a1 width)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 height)" data-expected-height="7"></div>
<div class="target" style="width: anchor-size(--a1 inline)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 block)" data-expected-height="7"></div>
<div class="target" style="width: anchor-size(--a1 self-inline)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 self-block)" data-expected-height="7"></div>
<!-- Different axes should work. -->
<div class="target" style="height: anchor-size(--a1 width)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 height)" data-expected-width="7"></div>
<div class="target" style="height: anchor-size(--a1 inline)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 block)" data-expected-width="7"></div>
<div class="target" style="height: anchor-size(--a1 self-inline)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 self-block)" data-expected-width="7"></div>
<!-- anchor-size() in insets -->
<div class="target" style="left: anchor-size(--a1 width)" data-offset-x="5"></div>
<div class="target" style="top: anchor-size(--a1 height)" data-offset-y="7"></div>
<div class="target" style="left: anchor-size(--a1 height)" data-offset-x="7"></div>
<div class="target" style="top: anchor-size(--a1 width" data-offset-y="5"></div>
<!-- anchor-size() in margins -->
<div class="target" style="margin-left: anchor-size(--a1 width)" data-expected-margin-left="5"></div>
<div class="target" style="margin-top: anchor-size(--a1 height)" data-expected-margin-top="7"></div>
<div class="target" style="margin-right: anchor-size(--a1 height)" data-expected-margin-right="7"></div>
<div class="target" style="margin-bottom: anchor-size(--a1 width" data-expected-margin-bottom="5"></div>
<!-- Implicit <anchor-size> -->
<div class="target" style="width: anchor-size(--a1)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1)" data-expected-height="7"></div>
<div class="target" style="left: anchor-size(--a1)" data-offset-x="5"></div>
<div class="target" style="top: anchor-size(--a1)" data-offset-y="7"></div>
<div class="target" style="margin-left: anchor-size(--a1)" data-expected-margin-left="5"></div>
<div class="target" style="margin-right: anchor-size(--a1)" data-expected-margin-right="5"></div>
<div class="target" style="margin-top: anchor-size(--a1)" data-expected-margin-top="7"></div>
<div class="target" style="margin-bottom: anchor-size(--a1)" data-expected-margin-bottom="7"></div>
</div>
width expected 5 but got 0 at assert_tolerance (https://www2.wpt.live/resources/check-layout-th.js:24:9)
at checkExpectedValues (https://www2.wpt.live/resources/check-layout-th.js:72:9)
at checkSubtreeExpectedValues (https://www2.wpt.live/resources/check-layout-th.js:7:25)
at Test.<anonymous> (https://www2.wpt.live/resources/check-layout-th.js:229:34)
at Test.step (https://www2.wpt.live/resources/testharness.js:2638:25) Asserts runPass | assert_true(true, "data-expected-width is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) | Fail | assert_equals(0, 5, "\n<div class=\"container\">\n <div class=\"anchor1\"></div>\n\n <!-- Basic cases of all `anchor-size`s. -->\n <div class=\"target\" style=\"width: anchor-size(--a1 width)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 height)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 inline)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 block)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 self-inline)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 self-block)\" data-expected-height=\"7\"></div>\n\n <!-- Different axes should work. -->\n <div class=\"target\" style=\"height: anchor-size(--a1 width)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 height)\" data-expected-width=\"7\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 inline)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 block)\" data-expected-width=\"7\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 self-inline)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 self-block)\" data-expected-width=\"7\"></div>\n\n <!-- anchor-size() in insets -->\n <div class=\"target\" style=\"left: anchor-size(--a1 width)\" data-offset-x=\"5\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1 height)\" data-offset-y=\"7\"></div>\n <div class=\"target\" style=\"left: anchor-size(--a1 height)\" data-offset-x=\"7\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1 width\" data-offset-y=\"5\"></div>\n\n <!-- anchor-size() in margins -->\n <div class=\"target\" style=\"margin-left: anchor-size(--a1 width)\" data-expected-margin-left=\"5\"></div>\n <div class=\"target\" style=\"margin-top: anchor-size(--a1 height)\" data-expected-margin-top=\"7\"></div>\n <div class=\"target\" style=\"margin-right: anchor-size(--a1 height)\" data-expected-margin-right=\"7\"></div>\n <div class=\"target\" style=\"margin-bottom: anchor-size(--a1 width\" data-expected-margin-bottom=\"5\"></div>\n\n <!-- Implicit <anchor-size> -->\n <div class=\"target\" style=\"width: anchor-size(--a1)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"left: anchor-size(--a1)\" data-offset-x=\"5\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1)\" data-offset-y=\"7\"></div>\n <div class=\"target\" style=\"margin-left: anchor-size(--a1)\" data-expected-margin-left=\"5\"></div>\n <div class=\"target\" style=\"margin-right: anchor-size(--a1)\" data-expected-margin-right=\"5\"></div>\n <div class=\"target\" style=\"margin-top: anchor-size(--a1)\" data-expected-margin-top=\"7\"></div>\n <div class=\"target\" style=\"margin-bottom: anchor-size(--a1)\" data-expected-margin-bottom=\"7\"></div>\n </div>\nwidth")
at assert_tolerance ( /resources/check-layout-th.js:24:9) |
|
Fail | .target 22 | assert_equals:
<div class="container">
<div class="anchor1"></div>
<!-- Basic cases of all `anchor-size`s. -->
<div class="target" style="width: anchor-size(--a1 width)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 height)" data-expected-height="7"></div>
<div class="target" style="width: anchor-size(--a1 inline)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 block)" data-expected-height="7"></div>
<div class="target" style="width: anchor-size(--a1 self-inline)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 self-block)" data-expected-height="7"></div>
<!-- Different axes should work. -->
<div class="target" style="height: anchor-size(--a1 width)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 height)" data-expected-width="7"></div>
<div class="target" style="height: anchor-size(--a1 inline)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 block)" data-expected-width="7"></div>
<div class="target" style="height: anchor-size(--a1 self-inline)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 self-block)" data-expected-width="7"></div>
<!-- anchor-size() in insets -->
<div class="target" style="left: anchor-size(--a1 width)" data-offset-x="5"></div>
<div class="target" style="top: anchor-size(--a1 height)" data-offset-y="7"></div>
<div class="target" style="left: anchor-size(--a1 height)" data-offset-x="7"></div>
<div class="target" style="top: anchor-size(--a1 width" data-offset-y="5"></div>
<!-- anchor-size() in margins -->
<div class="target" style="margin-left: anchor-size(--a1 width)" data-expected-margin-left="5"></div>
<div class="target" style="margin-top: anchor-size(--a1 height)" data-expected-margin-top="7"></div>
<div class="target" style="margin-right: anchor-size(--a1 height)" data-expected-margin-right="7"></div>
<div class="target" style="margin-bottom: anchor-size(--a1 width" data-expected-margin-bottom="5"></div>
<!-- Implicit <anchor-size> -->
<div class="target" style="width: anchor-size(--a1)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1)" data-expected-height="7"></div>
<div class="target" style="left: anchor-size(--a1)" data-offset-x="5"></div>
<div class="target" style="top: anchor-size(--a1)" data-offset-y="7"></div>
<div class="target" style="margin-left: anchor-size(--a1)" data-expected-margin-left="5"></div>
<div class="target" style="margin-right: anchor-size(--a1)" data-expected-margin-right="5"></div>
<div class="target" style="margin-top: anchor-size(--a1)" data-expected-margin-top="7"></div>
<div class="target" style="margin-bottom: anchor-size(--a1)" data-expected-margin-bottom="7"></div>
</div>
height expected 7 but got 0 at assert_tolerance (https://www2.wpt.live/resources/check-layout-th.js:24:9)
at checkExpectedValues (https://www2.wpt.live/resources/check-layout-th.js:77:9)
at checkSubtreeExpectedValues (https://www2.wpt.live/resources/check-layout-th.js:7:25)
at Test.<anonymous> (https://www2.wpt.live/resources/check-layout-th.js:229:34)
at Test.step (https://www2.wpt.live/resources/testharness.js:2638:25) Asserts runPass | assert_true(true, "data-expected-height is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) | Fail | assert_equals(0, 7, "\n<div class=\"container\">\n <div class=\"anchor1\"></div>\n\n <!-- Basic cases of all `anchor-size`s. -->\n <div class=\"target\" style=\"width: anchor-size(--a1 width)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 height)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 inline)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 block)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 self-inline)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 self-block)\" data-expected-height=\"7\"></div>\n\n <!-- Different axes should work. -->\n <div class=\"target\" style=\"height: anchor-size(--a1 width)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 height)\" data-expected-width=\"7\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 inline)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 block)\" data-expected-width=\"7\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 self-inline)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 self-block)\" data-expected-width=\"7\"></div>\n\n <!-- anchor-size() in insets -->\n <div class=\"target\" style=\"left: anchor-size(--a1 width)\" data-offset-x=\"5\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1 height)\" data-offset-y=\"7\"></div>\n <div class=\"target\" style=\"left: anchor-size(--a1 height)\" data-offset-x=\"7\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1 width\" data-offset-y=\"5\"></div>\n\n <!-- anchor-size() in margins -->\n <div class=\"target\" style=\"margin-left: anchor-size(--a1 width)\" data-expected-margin-left=\"5\"></div>\n <div class=\"target\" style=\"margin-top: anchor-size(--a1 height)\" data-expected-margin-top=\"7\"></div>\n <div class=\"target\" style=\"margin-right: anchor-size(--a1 height)\" data-expected-margin-right=\"7\"></div>\n <div class=\"target\" style=\"margin-bottom: anchor-size(--a1 width\" data-expected-margin-bottom=\"5\"></div>\n\n <!-- Implicit <anchor-size> -->\n <div class=\"target\" style=\"width: anchor-size(--a1)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"left: anchor-size(--a1)\" data-offset-x=\"5\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1)\" data-offset-y=\"7\"></div>\n <div class=\"target\" style=\"margin-left: anchor-size(--a1)\" data-expected-margin-left=\"5\"></div>\n <div class=\"target\" style=\"margin-right: anchor-size(--a1)\" data-expected-margin-right=\"5\"></div>\n <div class=\"target\" style=\"margin-top: anchor-size(--a1)\" data-expected-margin-top=\"7\"></div>\n <div class=\"target\" style=\"margin-bottom: anchor-size(--a1)\" data-expected-margin-bottom=\"7\"></div>\n </div>\nheight")
at assert_tolerance ( /resources/check-layout-th.js:24:9) |
|
Fail | .target 23 | assert_equals:
<div class="container">
<div class="anchor1"></div>
<!-- Basic cases of all `anchor-size`s. -->
<div class="target" style="width: anchor-size(--a1 width)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 height)" data-expected-height="7"></div>
<div class="target" style="width: anchor-size(--a1 inline)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 block)" data-expected-height="7"></div>
<div class="target" style="width: anchor-size(--a1 self-inline)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 self-block)" data-expected-height="7"></div>
<!-- Different axes should work. -->
<div class="target" style="height: anchor-size(--a1 width)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 height)" data-expected-width="7"></div>
<div class="target" style="height: anchor-size(--a1 inline)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 block)" data-expected-width="7"></div>
<div class="target" style="height: anchor-size(--a1 self-inline)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 self-block)" data-expected-width="7"></div>
<!-- anchor-size() in insets -->
<div class="target" style="left: anchor-size(--a1 width)" data-offset-x="5"></div>
<div class="target" style="top: anchor-size(--a1 height)" data-offset-y="7"></div>
<div class="target" style="left: anchor-size(--a1 height)" data-offset-x="7"></div>
<div class="target" style="top: anchor-size(--a1 width" data-offset-y="5"></div>
<!-- anchor-size() in margins -->
<div class="target" style="margin-left: anchor-size(--a1 width)" data-expected-margin-left="5"></div>
<div class="target" style="margin-top: anchor-size(--a1 height)" data-expected-margin-top="7"></div>
<div class="target" style="margin-right: anchor-size(--a1 height)" data-expected-margin-right="7"></div>
<div class="target" style="margin-bottom: anchor-size(--a1 width" data-expected-margin-bottom="5"></div>
<!-- Implicit <anchor-size> -->
<div class="target" style="width: anchor-size(--a1)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1)" data-expected-height="7"></div>
<div class="target" style="left: anchor-size(--a1)" data-offset-x="5"></div>
<div class="target" style="top: anchor-size(--a1)" data-offset-y="7"></div>
<div class="target" style="margin-left: anchor-size(--a1)" data-expected-margin-left="5"></div>
<div class="target" style="margin-right: anchor-size(--a1)" data-expected-margin-right="5"></div>
<div class="target" style="margin-top: anchor-size(--a1)" data-expected-margin-top="7"></div>
<div class="target" style="margin-bottom: anchor-size(--a1)" data-expected-margin-bottom="7"></div>
</div>
offsetLeft expected 5 but got 0 at assert_tolerance (https://www2.wpt.live/resources/check-layout-th.js:24:9)
at checkExpectedValues (https://www2.wpt.live/resources/check-layout-th.js:82:9)
at checkSubtreeExpectedValues (https://www2.wpt.live/resources/check-layout-th.js:7:25)
at Test.<anonymous> (https://www2.wpt.live/resources/check-layout-th.js:229:34)
at Test.step (https://www2.wpt.live/resources/testharness.js:2638:25) Asserts runPass | assert_true(true, "data-offset-x is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) | Fail | assert_equals(0, 5, "\n<div class=\"container\">\n <div class=\"anchor1\"></div>\n\n <!-- Basic cases of all `anchor-size`s. -->\n <div class=\"target\" style=\"width: anchor-size(--a1 width)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 height)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 inline)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 block)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 self-inline)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 self-block)\" data-expected-height=\"7\"></div>\n\n <!-- Different axes should work. -->\n <div class=\"target\" style=\"height: anchor-size(--a1 width)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 height)\" data-expected-width=\"7\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 inline)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 block)\" data-expected-width=\"7\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 self-inline)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 self-block)\" data-expected-width=\"7\"></div>\n\n <!-- anchor-size() in insets -->\n <div class=\"target\" style=\"left: anchor-size(--a1 width)\" data-offset-x=\"5\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1 height)\" data-offset-y=\"7\"></div>\n <div class=\"target\" style=\"left: anchor-size(--a1 height)\" data-offset-x=\"7\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1 width\" data-offset-y=\"5\"></div>\n\n <!-- anchor-size() in margins -->\n <div class=\"target\" style=\"margin-left: anchor-size(--a1 width)\" data-expected-margin-left=\"5\"></div>\n <div class=\"target\" style=\"margin-top: anchor-size(--a1 height)\" data-expected-margin-top=\"7\"></div>\n <div class=\"target\" style=\"margin-right: anchor-size(--a1 height)\" data-expected-margin-right=\"7\"></div>\n <div class=\"target\" style=\"margin-bottom: anchor-size(--a1 width\" data-expected-margin-bottom=\"5\"></div>\n\n <!-- Implicit <anchor-size> -->\n <div class=\"target\" style=\"width: anchor-size(--a1)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"left: anchor-size(--a1)\" data-offset-x=\"5\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1)\" data-offset-y=\"7\"></div>\n <div class=\"target\" style=\"margin-left: anchor-size(--a1)\" data-expected-margin-left=\"5\"></div>\n <div class=\"target\" style=\"margin-right: anchor-size(--a1)\" data-expected-margin-right=\"5\"></div>\n <div class=\"target\" style=\"margin-top: anchor-size(--a1)\" data-expected-margin-top=\"7\"></div>\n <div class=\"target\" style=\"margin-bottom: anchor-size(--a1)\" data-expected-margin-bottom=\"7\"></div>\n </div>\noffsetLeft")
at assert_tolerance ( /resources/check-layout-th.js:24:9) |
|
Pass | .target 24 | Asserts runPass | assert_true(true, "data-offset-y is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) |
|
Fail | .target 25 | assert_equals:
<div class="container">
<div class="anchor1"></div>
<!-- Basic cases of all `anchor-size`s. -->
<div class="target" style="width: anchor-size(--a1 width)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 height)" data-expected-height="7"></div>
<div class="target" style="width: anchor-size(--a1 inline)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 block)" data-expected-height="7"></div>
<div class="target" style="width: anchor-size(--a1 self-inline)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 self-block)" data-expected-height="7"></div>
<!-- Different axes should work. -->
<div class="target" style="height: anchor-size(--a1 width)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 height)" data-expected-width="7"></div>
<div class="target" style="height: anchor-size(--a1 inline)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 block)" data-expected-width="7"></div>
<div class="target" style="height: anchor-size(--a1 self-inline)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 self-block)" data-expected-width="7"></div>
<!-- anchor-size() in insets -->
<div class="target" style="left: anchor-size(--a1 width)" data-offset-x="5"></div>
<div class="target" style="top: anchor-size(--a1 height)" data-offset-y="7"></div>
<div class="target" style="left: anchor-size(--a1 height)" data-offset-x="7"></div>
<div class="target" style="top: anchor-size(--a1 width" data-offset-y="5"></div>
<!-- anchor-size() in margins -->
<div class="target" style="margin-left: anchor-size(--a1 width)" data-expected-margin-left="5"></div>
<div class="target" style="margin-top: anchor-size(--a1 height)" data-expected-margin-top="7"></div>
<div class="target" style="margin-right: anchor-size(--a1 height)" data-expected-margin-right="7"></div>
<div class="target" style="margin-bottom: anchor-size(--a1 width" data-expected-margin-bottom="5"></div>
<!-- Implicit <anchor-size> -->
<div class="target" style="width: anchor-size(--a1)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1)" data-expected-height="7"></div>
<div class="target" style="left: anchor-size(--a1)" data-offset-x="5"></div>
<div class="target" style="top: anchor-size(--a1)" data-offset-y="7"></div>
<div class="target" style="margin-left: anchor-size(--a1)" data-expected-margin-left="5"></div>
<div class="target" style="margin-right: anchor-size(--a1)" data-expected-margin-right="5"></div>
<div class="target" style="margin-top: anchor-size(--a1)" data-expected-margin-top="7"></div>
<div class="target" style="margin-bottom: anchor-size(--a1)" data-expected-margin-bottom="7"></div>
</div>
margin-left expected "5" but got "0" at checkExpectedValues (https://www2.wpt.live/resources/check-layout-th.js:193:9)
at checkSubtreeExpectedValues (https://www2.wpt.live/resources/check-layout-th.js:7:25)
at Test.<anonymous> (https://www2.wpt.live/resources/check-layout-th.js:229:34)
at Test.step (https://www2.wpt.live/resources/testharness.js:2638:25)
at test (https://www2.wpt.live/resources/testharness.js:633:30) Asserts runPass | assert_true(true, "data-expected-margin-left is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) | Fail | assert_equals("0", "5", "\n<div class=\"container\">\n <div class=\"anchor1\"></div>\n\n <!-- Basic cases of all `anchor-size`s. -->\n <div class=\"target\" style=\"width: anchor-size(--a1 width)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 height)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 inline)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 block)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 self-inline)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 self-block)\" data-expected-height=\"7\"></div>\n\n <!-- Different axes should work. -->\n <div class=\"target\" style=\"height: anchor-size(--a1 width)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 height)\" data-expected-width=\"7\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 inline)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 block)\" data-expected-width=\"7\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 self-inline)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 self-block)\" data-expected-width=\"7\"></div>\n\n <!-- anchor-size() in insets -->\n <div class=\"target\" style=\"left: anchor-size(--a1 width)\" data-offset-x=\"5\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1 height)\" data-offset-y=\"7\"></div>\n <div class=\"target\" style=\"left: anchor-size(--a1 height)\" data-offset-x=\"7\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1 width\" data-offset-y=\"5\"></div>\n\n <!-- anchor-size() in margins -->\n <div class=\"target\" style=\"margin-left: anchor-size(--a1 width)\" data-expected-margin-left=\"5\"></div>\n <div class=\"target\" style=\"margin-top: anchor-size(--a1 height)\" data-expected-margin-top=\"7\"></div>\n <div class=\"target\" style=\"margin-right: anchor-size(--a1 height)\" data-expected-margin-right=\"7\"></div>\n <div class=\"target\" style=\"margin-bottom: anchor-size(--a1 width\" data-expected-margin-bottom=\"5\"></div>\n\n <!-- Implicit <anchor-size> -->\n <div class=\"target\" style=\"width: anchor-size(--a1)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"left: anchor-size(--a1)\" data-offset-x=\"5\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1)\" data-offset-y=\"7\"></div>\n <div class=\"target\" style=\"margin-left: anchor-size(--a1)\" data-expected-margin-left=\"5\"></div>\n <div class=\"target\" style=\"margin-right: anchor-size(--a1)\" data-expected-margin-right=\"5\"></div>\n <div class=\"target\" style=\"margin-top: anchor-size(--a1)\" data-expected-margin-top=\"7\"></div>\n <div class=\"target\" style=\"margin-bottom: anchor-size(--a1)\" data-expected-margin-bottom=\"7\"></div>\n </div>\nmargin-left")
at checkExpectedValues ( /resources/check-layout-th.js:193:9) |
|
Fail | .target 26 | assert_equals:
<div class="container">
<div class="anchor1"></div>
<!-- Basic cases of all `anchor-size`s. -->
<div class="target" style="width: anchor-size(--a1 width)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 height)" data-expected-height="7"></div>
<div class="target" style="width: anchor-size(--a1 inline)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 block)" data-expected-height="7"></div>
<div class="target" style="width: anchor-size(--a1 self-inline)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 self-block)" data-expected-height="7"></div>
<!-- Different axes should work. -->
<div class="target" style="height: anchor-size(--a1 width)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 height)" data-expected-width="7"></div>
<div class="target" style="height: anchor-size(--a1 inline)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 block)" data-expected-width="7"></div>
<div class="target" style="height: anchor-size(--a1 self-inline)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 self-block)" data-expected-width="7"></div>
<!-- anchor-size() in insets -->
<div class="target" style="left: anchor-size(--a1 width)" data-offset-x="5"></div>
<div class="target" style="top: anchor-size(--a1 height)" data-offset-y="7"></div>
<div class="target" style="left: anchor-size(--a1 height)" data-offset-x="7"></div>
<div class="target" style="top: anchor-size(--a1 width" data-offset-y="5"></div>
<!-- anchor-size() in margins -->
<div class="target" style="margin-left: anchor-size(--a1 width)" data-expected-margin-left="5"></div>
<div class="target" style="margin-top: anchor-size(--a1 height)" data-expected-margin-top="7"></div>
<div class="target" style="margin-right: anchor-size(--a1 height)" data-expected-margin-right="7"></div>
<div class="target" style="margin-bottom: anchor-size(--a1 width" data-expected-margin-bottom="5"></div>
<!-- Implicit <anchor-size> -->
<div class="target" style="width: anchor-size(--a1)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1)" data-expected-height="7"></div>
<div class="target" style="left: anchor-size(--a1)" data-offset-x="5"></div>
<div class="target" style="top: anchor-size(--a1)" data-offset-y="7"></div>
<div class="target" style="margin-left: anchor-size(--a1)" data-expected-margin-left="5"></div>
<div class="target" style="margin-right: anchor-size(--a1)" data-expected-margin-right="5"></div>
<div class="target" style="margin-top: anchor-size(--a1)" data-expected-margin-top="7"></div>
<div class="target" style="margin-bottom: anchor-size(--a1)" data-expected-margin-bottom="7"></div>
</div>
margin-right expected "5" but got "0" at checkExpectedValues (https://www2.wpt.live/resources/check-layout-th.js:201:9)
at checkSubtreeExpectedValues (https://www2.wpt.live/resources/check-layout-th.js:7:25)
at Test.<anonymous> (https://www2.wpt.live/resources/check-layout-th.js:229:34)
at Test.step (https://www2.wpt.live/resources/testharness.js:2638:25)
at test (https://www2.wpt.live/resources/testharness.js:633:30) Asserts runPass | assert_true(true, "data-expected-margin-right is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) | Fail | assert_equals("0", "5", "\n<div class=\"container\">\n <div class=\"anchor1\"></div>\n\n <!-- Basic cases of all `anchor-size`s. -->\n <div class=\"target\" style=\"width: anchor-size(--a1 width)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 height)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 inline)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 block)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 self-inline)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 self-block)\" data-expected-height=\"7\"></div>\n\n <!-- Different axes should work. -->\n <div class=\"target\" style=\"height: anchor-size(--a1 width)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 height)\" data-expected-width=\"7\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 inline)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 block)\" data-expected-width=\"7\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 self-inline)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 self-block)\" data-expected-width=\"7\"></div>\n\n <!-- anchor-size() in insets -->\n <div class=\"target\" style=\"left: anchor-size(--a1 width)\" data-offset-x=\"5\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1 height)\" data-offset-y=\"7\"></div>\n <div class=\"target\" style=\"left: anchor-size(--a1 height)\" data-offset-x=\"7\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1 width\" data-offset-y=\"5\"></div>\n\n <!-- anchor-size() in margins -->\n <div class=\"target\" style=\"margin-left: anchor-size(--a1 width)\" data-expected-margin-left=\"5\"></div>\n <div class=\"target\" style=\"margin-top: anchor-size(--a1 height)\" data-expected-margin-top=\"7\"></div>\n <div class=\"target\" style=\"margin-right: anchor-size(--a1 height)\" data-expected-margin-right=\"7\"></div>\n <div class=\"target\" style=\"margin-bottom: anchor-size(--a1 width\" data-expected-margin-bottom=\"5\"></div>\n\n <!-- Implicit <anchor-size> -->\n <div class=\"target\" style=\"width: anchor-size(--a1)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"left: anchor-size(--a1)\" data-offset-x=\"5\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1)\" data-offset-y=\"7\"></div>\n <div class=\"target\" style=\"margin-left: anchor-size(--a1)\" data-expected-margin-left=\"5\"></div>\n <div class=\"target\" style=\"margin-right: anchor-size(--a1)\" data-expected-margin-right=\"5\"></div>\n <div class=\"target\" style=\"margin-top: anchor-size(--a1)\" data-expected-margin-top=\"7\"></div>\n <div class=\"target\" style=\"margin-bottom: anchor-size(--a1)\" data-expected-margin-bottom=\"7\"></div>\n </div>\nmargin-right")
at checkExpectedValues ( /resources/check-layout-th.js:201:9) |
|
Fail | .target 27 | assert_equals:
<div class="container">
<div class="anchor1"></div>
<!-- Basic cases of all `anchor-size`s. -->
<div class="target" style="width: anchor-size(--a1 width)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 height)" data-expected-height="7"></div>
<div class="target" style="width: anchor-size(--a1 inline)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 block)" data-expected-height="7"></div>
<div class="target" style="width: anchor-size(--a1 self-inline)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 self-block)" data-expected-height="7"></div>
<!-- Different axes should work. -->
<div class="target" style="height: anchor-size(--a1 width)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 height)" data-expected-width="7"></div>
<div class="target" style="height: anchor-size(--a1 inline)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 block)" data-expected-width="7"></div>
<div class="target" style="height: anchor-size(--a1 self-inline)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 self-block)" data-expected-width="7"></div>
<!-- anchor-size() in insets -->
<div class="target" style="left: anchor-size(--a1 width)" data-offset-x="5"></div>
<div class="target" style="top: anchor-size(--a1 height)" data-offset-y="7"></div>
<div class="target" style="left: anchor-size(--a1 height)" data-offset-x="7"></div>
<div class="target" style="top: anchor-size(--a1 width" data-offset-y="5"></div>
<!-- anchor-size() in margins -->
<div class="target" style="margin-left: anchor-size(--a1 width)" data-expected-margin-left="5"></div>
<div class="target" style="margin-top: anchor-size(--a1 height)" data-expected-margin-top="7"></div>
<div class="target" style="margin-right: anchor-size(--a1 height)" data-expected-margin-right="7"></div>
<div class="target" style="margin-bottom: anchor-size(--a1 width" data-expected-margin-bottom="5"></div>
<!-- Implicit <anchor-size> -->
<div class="target" style="width: anchor-size(--a1)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1)" data-expected-height="7"></div>
<div class="target" style="left: anchor-size(--a1)" data-offset-x="5"></div>
<div class="target" style="top: anchor-size(--a1)" data-offset-y="7"></div>
<div class="target" style="margin-left: anchor-size(--a1)" data-expected-margin-left="5"></div>
<div class="target" style="margin-right: anchor-size(--a1)" data-expected-margin-right="5"></div>
<div class="target" style="margin-top: anchor-size(--a1)" data-expected-margin-top="7"></div>
<div class="target" style="margin-bottom: anchor-size(--a1)" data-expected-margin-bottom="7"></div>
</div>
margin-top expected "7" but got "0" at checkExpectedValues (https://www2.wpt.live/resources/check-layout-th.js:177:9)
at checkSubtreeExpectedValues (https://www2.wpt.live/resources/check-layout-th.js:7:25)
at Test.<anonymous> (https://www2.wpt.live/resources/check-layout-th.js:229:34)
at Test.step (https://www2.wpt.live/resources/testharness.js:2638:25)
at test (https://www2.wpt.live/resources/testharness.js:633:30) Asserts runPass | assert_true(true, "data-expected-margin-top is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) | Fail | assert_equals("0", "7", "\n<div class=\"container\">\n <div class=\"anchor1\"></div>\n\n <!-- Basic cases of all `anchor-size`s. -->\n <div class=\"target\" style=\"width: anchor-size(--a1 width)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 height)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 inline)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 block)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 self-inline)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 self-block)\" data-expected-height=\"7\"></div>\n\n <!-- Different axes should work. -->\n <div class=\"target\" style=\"height: anchor-size(--a1 width)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 height)\" data-expected-width=\"7\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 inline)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 block)\" data-expected-width=\"7\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 self-inline)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 self-block)\" data-expected-width=\"7\"></div>\n\n <!-- anchor-size() in insets -->\n <div class=\"target\" style=\"left: anchor-size(--a1 width)\" data-offset-x=\"5\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1 height)\" data-offset-y=\"7\"></div>\n <div class=\"target\" style=\"left: anchor-size(--a1 height)\" data-offset-x=\"7\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1 width\" data-offset-y=\"5\"></div>\n\n <!-- anchor-size() in margins -->\n <div class=\"target\" style=\"margin-left: anchor-size(--a1 width)\" data-expected-margin-left=\"5\"></div>\n <div class=\"target\" style=\"margin-top: anchor-size(--a1 height)\" data-expected-margin-top=\"7\"></div>\n <div class=\"target\" style=\"margin-right: anchor-size(--a1 height)\" data-expected-margin-right=\"7\"></div>\n <div class=\"target\" style=\"margin-bottom: anchor-size(--a1 width\" data-expected-margin-bottom=\"5\"></div>\n\n <!-- Implicit <anchor-size> -->\n <div class=\"target\" style=\"width: anchor-size(--a1)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"left: anchor-size(--a1)\" data-offset-x=\"5\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1)\" data-offset-y=\"7\"></div>\n <div class=\"target\" style=\"margin-left: anchor-size(--a1)\" data-expected-margin-left=\"5\"></div>\n <div class=\"target\" style=\"margin-right: anchor-size(--a1)\" data-expected-margin-right=\"5\"></div>\n <div class=\"target\" style=\"margin-top: anchor-size(--a1)\" data-expected-margin-top=\"7\"></div>\n <div class=\"target\" style=\"margin-bottom: anchor-size(--a1)\" data-expected-margin-bottom=\"7\"></div>\n </div>\nmargin-top")
at checkExpectedValues ( /resources/check-layout-th.js:177:9) |
|
Fail | .target 28 | assert_equals:
<div class="container">
<div class="anchor1"></div>
<!-- Basic cases of all `anchor-size`s. -->
<div class="target" style="width: anchor-size(--a1 width)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 height)" data-expected-height="7"></div>
<div class="target" style="width: anchor-size(--a1 inline)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 block)" data-expected-height="7"></div>
<div class="target" style="width: anchor-size(--a1 self-inline)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1 self-block)" data-expected-height="7"></div>
<!-- Different axes should work. -->
<div class="target" style="height: anchor-size(--a1 width)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 height)" data-expected-width="7"></div>
<div class="target" style="height: anchor-size(--a1 inline)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 block)" data-expected-width="7"></div>
<div class="target" style="height: anchor-size(--a1 self-inline)" data-expected-height="5"></div>
<div class="target" style="width: anchor-size(--a1 self-block)" data-expected-width="7"></div>
<!-- anchor-size() in insets -->
<div class="target" style="left: anchor-size(--a1 width)" data-offset-x="5"></div>
<div class="target" style="top: anchor-size(--a1 height)" data-offset-y="7"></div>
<div class="target" style="left: anchor-size(--a1 height)" data-offset-x="7"></div>
<div class="target" style="top: anchor-size(--a1 width" data-offset-y="5"></div>
<!-- anchor-size() in margins -->
<div class="target" style="margin-left: anchor-size(--a1 width)" data-expected-margin-left="5"></div>
<div class="target" style="margin-top: anchor-size(--a1 height)" data-expected-margin-top="7"></div>
<div class="target" style="margin-right: anchor-size(--a1 height)" data-expected-margin-right="7"></div>
<div class="target" style="margin-bottom: anchor-size(--a1 width" data-expected-margin-bottom="5"></div>
<!-- Implicit <anchor-size> -->
<div class="target" style="width: anchor-size(--a1)" data-expected-width="5"></div>
<div class="target" style="height: anchor-size(--a1)" data-expected-height="7"></div>
<div class="target" style="left: anchor-size(--a1)" data-offset-x="5"></div>
<div class="target" style="top: anchor-size(--a1)" data-offset-y="7"></div>
<div class="target" style="margin-left: anchor-size(--a1)" data-expected-margin-left="5"></div>
<div class="target" style="margin-right: anchor-size(--a1)" data-expected-margin-right="5"></div>
<div class="target" style="margin-top: anchor-size(--a1)" data-expected-margin-top="7"></div>
<div class="target" style="margin-bottom: anchor-size(--a1)" data-expected-margin-bottom="7"></div>
</div>
margin-bottom expected "7" but got "0" at checkExpectedValues (https://www2.wpt.live/resources/check-layout-th.js:185:9)
at checkSubtreeExpectedValues (https://www2.wpt.live/resources/check-layout-th.js:7:25)
at Test.<anonymous> (https://www2.wpt.live/resources/check-layout-th.js:229:34)
at Test.step (https://www2.wpt.live/resources/testharness.js:2638:25)
at test (https://www2.wpt.live/resources/testharness.js:633:30) Asserts runPass | assert_true(true, "data-expected-margin-bottom is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) | Fail | assert_equals("0", "7", "\n<div class=\"container\">\n <div class=\"anchor1\"></div>\n\n <!-- Basic cases of all `anchor-size`s. -->\n <div class=\"target\" style=\"width: anchor-size(--a1 width)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 height)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 inline)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 block)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 self-inline)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 self-block)\" data-expected-height=\"7\"></div>\n\n <!-- Different axes should work. -->\n <div class=\"target\" style=\"height: anchor-size(--a1 width)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 height)\" data-expected-width=\"7\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 inline)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 block)\" data-expected-width=\"7\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1 self-inline)\" data-expected-height=\"5\"></div>\n <div class=\"target\" style=\"width: anchor-size(--a1 self-block)\" data-expected-width=\"7\"></div>\n\n <!-- anchor-size() in insets -->\n <div class=\"target\" style=\"left: anchor-size(--a1 width)\" data-offset-x=\"5\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1 height)\" data-offset-y=\"7\"></div>\n <div class=\"target\" style=\"left: anchor-size(--a1 height)\" data-offset-x=\"7\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1 width\" data-offset-y=\"5\"></div>\n\n <!-- anchor-size() in margins -->\n <div class=\"target\" style=\"margin-left: anchor-size(--a1 width)\" data-expected-margin-left=\"5\"></div>\n <div class=\"target\" style=\"margin-top: anchor-size(--a1 height)\" data-expected-margin-top=\"7\"></div>\n <div class=\"target\" style=\"margin-right: anchor-size(--a1 height)\" data-expected-margin-right=\"7\"></div>\n <div class=\"target\" style=\"margin-bottom: anchor-size(--a1 width\" data-expected-margin-bottom=\"5\"></div>\n\n <!-- Implicit <anchor-size> -->\n <div class=\"target\" style=\"width: anchor-size(--a1)\" data-expected-width=\"5\"></div>\n <div class=\"target\" style=\"height: anchor-size(--a1)\" data-expected-height=\"7\"></div>\n <div class=\"target\" style=\"left: anchor-size(--a1)\" data-offset-x=\"5\"></div>\n <div class=\"target\" style=\"top: anchor-size(--a1)\" data-offset-y=\"7\"></div>\n <div class=\"target\" style=\"margin-left: anchor-size(--a1)\" data-expected-margin-left=\"5\"></div>\n <div class=\"target\" style=\"margin-right: anchor-size(--a1)\" data-expected-margin-right=\"5\"></div>\n <div class=\"target\" style=\"margin-top: anchor-size(--a1)\" data-expected-margin-top=\"7\"></div>\n <div class=\"target\" style=\"margin-bottom: anchor-size(--a1)\" data-expected-margin-bottom=\"7\"></div>\n </div>\nmargin-bottom")
at checkExpectedValues ( /resources/check-layout-th.js:185:9) |
|