Summary

Harness status: OK

Found 28 tests

Details

ResultTest NameMessage
Pass.target 1
Asserts run
Pass
assert_true(true, "data-expected-width is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass.target 2
Asserts run
Pass
assert_true(true, "data-expected-height is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass.target 3
Asserts run
Pass
assert_true(true, "data-expected-width is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass.target 4
Asserts run
Pass
assert_true(true, "data-expected-height is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass.target 5
Asserts run
Pass
assert_true(true, "data-expected-width is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass.target 6
Asserts run
Pass
assert_true(true, "data-expected-height is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass.target 7
Asserts run
Pass
assert_true(true, "data-expected-height is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass.target 8
Asserts run
Pass
assert_true(true, "data-expected-width is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass.target 9
Asserts run
Pass
assert_true(true, "data-expected-height is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass.target 10
Asserts run
Pass
assert_true(true, "data-expected-width is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass.target 11
Asserts run
Pass
assert_true(true, "data-expected-height is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass.target 12
Asserts run
Pass
assert_true(true, "data-expected-width is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)
Fail.target 13assert_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 run
Pass
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 run
Pass
assert_true(true, "data-offset-y is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)
Fail.target 15assert_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 run
Pass
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 16assert_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 run
Pass
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 17assert_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 run
Pass
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 18assert_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 run
Pass
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 19assert_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 run
Pass
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 20assert_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 run
Pass
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 21assert_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 run
Pass
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 22assert_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 run
Pass
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 23assert_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 run
Pass
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 run
Pass
assert_true(true, "data-offset-y is a valid data attribute")
    at checkDataKeys ( /resources/check-layout-th.js:61:13)
Fail.target 25assert_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 run
Pass
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 26assert_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 run
Pass
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 27assert_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 run
Pass
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 28assert_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 run
Pass
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)