| Fail | .target 1 | assert_equals:
<div class="container">
<div class="anchor1"></div>
<!-- Specifying the width or the height should scale uniformly. -->
<img class="target" src="support/green-16x16.png" style="width: anchor-size(--a1 width)" data-expected-width="5" data-expected-height="5">
<img class="target" src="support/green-16x16.png" style="height: anchor-size(--a1 width)" data-expected-width="5" data-expected-height="5">
<!-- Smaller `min-width/height` than the natural size should be ignored. -->
<img class="target" src="support/green-16x16.png" style="min-width: anchor-size(--a1 width)" data-expected-width="16" data-expected-height="16">
<img class="target" src="support/green-16x16.png" style="min-height: anchor-size(--a1 width)" data-expected-width="16" data-expected-height="16">
<!-- Larger `min-width/height` than the natural size should scale. -->
<img class="target" src="support/green-16x16.png" style="min-width: anchor-size(--a1 height)" data-expected-width="24" data-expected-height="24">
<img class="target" src="support/green-16x16.png" style="min-height: anchor-size(--a1 height)" data-expected-width="24" data-expected-height="24">
<!-- Smaller `max-width/height` than the natural size should scale. -->
<img class="target" src="support/green-16x16.png" style="max-width: anchor-size(--a1 width)" data-expected-width="5" data-expected-height="5">
<img class="target" src="support/green-16x16.png" style="max-height: anchor-size(--a1 width)" data-expected-width="5" data-expected-height="5">
<!-- Larger `min-width/height` than the natural size should be ignored. -->
<img class="target" src="support/green-16x16.png" style="max-width: anchor-size(--a1 height)" data-expected-width="16" data-expected-height="16">
<img class="target" src="support/green-16x16.png" style="max-height: anchor-size(--a1 height)" data-expected-width="16" data-expected-height="16">
<!-- The `aspect-ratio` property should be honored. -->
<img class="target" src="support/green-16x16.png" style="width: anchor-size(--a1 width); aspect-ratio: 0.5" data-expected-width="5" data-expected-height="10">
<img class="target" src="support/green-16x16.png" style="height: anchor-size(--a1 width); aspect-ratio: 2" data-expected-width="10" data-expected-height="5">
</div>
height expected 5 but got 16 at assert_tolerance (https://wpt.live/resources/check-layout-th.js:24:9)
at checkExpectedValues (https://wpt.live/resources/check-layout-th.js:77:9)
at checkSubtreeExpectedValues (https://wpt.live/resources/check-layout-th.js:7:25)
at Test.<anonymous> (https://wpt.live/resources/check-layout-th.js:229:34)
at Test.step (https://wpt.live/resources/testharness.js:2642:25)Asserts run| Pass | assert_true(true, "data-expected-width is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) | | Pass | assert_true(true, "data-expected-height is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) | | Fail | assert_equals(16, 5, "\n<div class=\"container\">\n <div class=\"anchor1\"></div>\n\n <!-- Specifying the width or the height should scale uniformly. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"width: anchor-size(--a1 width)\" data-expected-width=\"5\" data-expected-height=\"5\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"height: anchor-size(--a1 width)\" data-expected-width=\"5\" data-expected-height=\"5\">\n\n <!-- Smaller `min-width/height` than the natural size should be ignored. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"min-width: anchor-size(--a1 width)\" data-expected-width=\"16\" data-expected-height=\"16\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"min-height: anchor-size(--a1 width)\" data-expected-width=\"16\" data-expected-height=\"16\">\n\n <!-- Larger `min-width/height` than the natural size should scale. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"min-width: anchor-size(--a1 height)\" data-expected-width=\"24\" data-expected-height=\"24\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"min-height: anchor-size(--a1 height)\" data-expected-width=\"24\" data-expected-height=\"24\">\n\n <!-- Smaller `max-width/height` than the natural size should scale. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"max-width: anchor-size(--a1 width)\" data-expected-width=\"5\" data-expected-height=\"5\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"max-height: anchor-size(--a1 width)\" data-expected-width=\"5\" data-expected-height=\"5\">\n\n <!-- Larger `min-width/height` than the natural size should be ignored. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"max-width: anchor-size(--a1 height)\" data-expected-width=\"16\" data-expected-height=\"16\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"max-height: anchor-size(--a1 height)\" data-expected-width=\"16\" data-expected-height=\"16\">\n\n <!-- The `aspect-ratio` property should be honored. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"width: anchor-size(--a1 width); aspect-ratio: 0.5\" data-expected-width=\"5\" data-expected-height=\"10\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"height: anchor-size(--a1 width); aspect-ratio: 2\" data-expected-width=\"10\" data-expected-height=\"5\">\n </div>\nheight")
at assert_tolerance ( /resources/check-layout-th.js:24:9) |
|
| Fail | .target 2 | assert_equals:
<div class="container">
<div class="anchor1"></div>
<!-- Specifying the width or the height should scale uniformly. -->
<img class="target" src="support/green-16x16.png" style="width: anchor-size(--a1 width)" data-expected-width="5" data-expected-height="5">
<img class="target" src="support/green-16x16.png" style="height: anchor-size(--a1 width)" data-expected-width="5" data-expected-height="5">
<!-- Smaller `min-width/height` than the natural size should be ignored. -->
<img class="target" src="support/green-16x16.png" style="min-width: anchor-size(--a1 width)" data-expected-width="16" data-expected-height="16">
<img class="target" src="support/green-16x16.png" style="min-height: anchor-size(--a1 width)" data-expected-width="16" data-expected-height="16">
<!-- Larger `min-width/height` than the natural size should scale. -->
<img class="target" src="support/green-16x16.png" style="min-width: anchor-size(--a1 height)" data-expected-width="24" data-expected-height="24">
<img class="target" src="support/green-16x16.png" style="min-height: anchor-size(--a1 height)" data-expected-width="24" data-expected-height="24">
<!-- Smaller `max-width/height` than the natural size should scale. -->
<img class="target" src="support/green-16x16.png" style="max-width: anchor-size(--a1 width)" data-expected-width="5" data-expected-height="5">
<img class="target" src="support/green-16x16.png" style="max-height: anchor-size(--a1 width)" data-expected-width="5" data-expected-height="5">
<!-- Larger `min-width/height` than the natural size should be ignored. -->
<img class="target" src="support/green-16x16.png" style="max-width: anchor-size(--a1 height)" data-expected-width="16" data-expected-height="16">
<img class="target" src="support/green-16x16.png" style="max-height: anchor-size(--a1 height)" data-expected-width="16" data-expected-height="16">
<!-- The `aspect-ratio` property should be honored. -->
<img class="target" src="support/green-16x16.png" style="width: anchor-size(--a1 width); aspect-ratio: 0.5" data-expected-width="5" data-expected-height="10">
<img class="target" src="support/green-16x16.png" style="height: anchor-size(--a1 width); aspect-ratio: 2" data-expected-width="10" data-expected-height="5">
</div>
width expected 5 but got 16 at assert_tolerance (https://wpt.live/resources/check-layout-th.js:24:9)
at checkExpectedValues (https://wpt.live/resources/check-layout-th.js:72:9)
at checkSubtreeExpectedValues (https://wpt.live/resources/check-layout-th.js:7:25)
at Test.<anonymous> (https://wpt.live/resources/check-layout-th.js:229:34)
at Test.step (https://wpt.live/resources/testharness.js:2642:25)Asserts run| Pass | assert_true(true, "data-expected-width is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) | | Pass | assert_true(true, "data-expected-height is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) | | Fail | assert_equals(16, 5, "\n<div class=\"container\">\n <div class=\"anchor1\"></div>\n\n <!-- Specifying the width or the height should scale uniformly. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"width: anchor-size(--a1 width)\" data-expected-width=\"5\" data-expected-height=\"5\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"height: anchor-size(--a1 width)\" data-expected-width=\"5\" data-expected-height=\"5\">\n\n <!-- Smaller `min-width/height` than the natural size should be ignored. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"min-width: anchor-size(--a1 width)\" data-expected-width=\"16\" data-expected-height=\"16\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"min-height: anchor-size(--a1 width)\" data-expected-width=\"16\" data-expected-height=\"16\">\n\n <!-- Larger `min-width/height` than the natural size should scale. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"min-width: anchor-size(--a1 height)\" data-expected-width=\"24\" data-expected-height=\"24\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"min-height: anchor-size(--a1 height)\" data-expected-width=\"24\" data-expected-height=\"24\">\n\n <!-- Smaller `max-width/height` than the natural size should scale. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"max-width: anchor-size(--a1 width)\" data-expected-width=\"5\" data-expected-height=\"5\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"max-height: anchor-size(--a1 width)\" data-expected-width=\"5\" data-expected-height=\"5\">\n\n <!-- Larger `min-width/height` than the natural size should be ignored. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"max-width: anchor-size(--a1 height)\" data-expected-width=\"16\" data-expected-height=\"16\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"max-height: anchor-size(--a1 height)\" data-expected-width=\"16\" data-expected-height=\"16\">\n\n <!-- The `aspect-ratio` property should be honored. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"width: anchor-size(--a1 width); aspect-ratio: 0.5\" data-expected-width=\"5\" data-expected-height=\"10\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"height: anchor-size(--a1 width); aspect-ratio: 2\" data-expected-width=\"10\" data-expected-height=\"5\">\n </div>\nwidth")
at assert_tolerance ( /resources/check-layout-th.js:24:9) |
|
| 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 | assert_true(true, "data-expected-height 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-width is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) | | Pass | assert_true(true, "data-expected-height is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) |
|
| Fail | .target 5 | assert_equals:
<div class="container">
<div class="anchor1"></div>
<!-- Specifying the width or the height should scale uniformly. -->
<img class="target" src="support/green-16x16.png" style="width: anchor-size(--a1 width)" data-expected-width="5" data-expected-height="5">
<img class="target" src="support/green-16x16.png" style="height: anchor-size(--a1 width)" data-expected-width="5" data-expected-height="5">
<!-- Smaller `min-width/height` than the natural size should be ignored. -->
<img class="target" src="support/green-16x16.png" style="min-width: anchor-size(--a1 width)" data-expected-width="16" data-expected-height="16">
<img class="target" src="support/green-16x16.png" style="min-height: anchor-size(--a1 width)" data-expected-width="16" data-expected-height="16">
<!-- Larger `min-width/height` than the natural size should scale. -->
<img class="target" src="support/green-16x16.png" style="min-width: anchor-size(--a1 height)" data-expected-width="24" data-expected-height="24">
<img class="target" src="support/green-16x16.png" style="min-height: anchor-size(--a1 height)" data-expected-width="24" data-expected-height="24">
<!-- Smaller `max-width/height` than the natural size should scale. -->
<img class="target" src="support/green-16x16.png" style="max-width: anchor-size(--a1 width)" data-expected-width="5" data-expected-height="5">
<img class="target" src="support/green-16x16.png" style="max-height: anchor-size(--a1 width)" data-expected-width="5" data-expected-height="5">
<!-- Larger `min-width/height` than the natural size should be ignored. -->
<img class="target" src="support/green-16x16.png" style="max-width: anchor-size(--a1 height)" data-expected-width="16" data-expected-height="16">
<img class="target" src="support/green-16x16.png" style="max-height: anchor-size(--a1 height)" data-expected-width="16" data-expected-height="16">
<!-- The `aspect-ratio` property should be honored. -->
<img class="target" src="support/green-16x16.png" style="width: anchor-size(--a1 width); aspect-ratio: 0.5" data-expected-width="5" data-expected-height="10">
<img class="target" src="support/green-16x16.png" style="height: anchor-size(--a1 width); aspect-ratio: 2" data-expected-width="10" data-expected-height="5">
</div>
height expected 24 but got 16 at assert_tolerance (https://wpt.live/resources/check-layout-th.js:24:9)
at checkExpectedValues (https://wpt.live/resources/check-layout-th.js:77:9)
at checkSubtreeExpectedValues (https://wpt.live/resources/check-layout-th.js:7:25)
at Test.<anonymous> (https://wpt.live/resources/check-layout-th.js:229:34)
at Test.step (https://wpt.live/resources/testharness.js:2642:25)Asserts run| Pass | assert_true(true, "data-expected-width is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) | | Pass | assert_true(true, "data-expected-height is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) | | Fail | assert_equals(16, 24, "\n<div class=\"container\">\n <div class=\"anchor1\"></div>\n\n <!-- Specifying the width or the height should scale uniformly. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"width: anchor-size(--a1 width)\" data-expected-width=\"5\" data-expected-height=\"5\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"height: anchor-size(--a1 width)\" data-expected-width=\"5\" data-expected-height=\"5\">\n\n <!-- Smaller `min-width/height` than the natural size should be ignored. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"min-width: anchor-size(--a1 width)\" data-expected-width=\"16\" data-expected-height=\"16\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"min-height: anchor-size(--a1 width)\" data-expected-width=\"16\" data-expected-height=\"16\">\n\n <!-- Larger `min-width/height` than the natural size should scale. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"min-width: anchor-size(--a1 height)\" data-expected-width=\"24\" data-expected-height=\"24\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"min-height: anchor-size(--a1 height)\" data-expected-width=\"24\" data-expected-height=\"24\">\n\n <!-- Smaller `max-width/height` than the natural size should scale. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"max-width: anchor-size(--a1 width)\" data-expected-width=\"5\" data-expected-height=\"5\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"max-height: anchor-size(--a1 width)\" data-expected-width=\"5\" data-expected-height=\"5\">\n\n <!-- Larger `min-width/height` than the natural size should be ignored. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"max-width: anchor-size(--a1 height)\" data-expected-width=\"16\" data-expected-height=\"16\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"max-height: anchor-size(--a1 height)\" data-expected-width=\"16\" data-expected-height=\"16\">\n\n <!-- The `aspect-ratio` property should be honored. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"width: anchor-size(--a1 width); aspect-ratio: 0.5\" data-expected-width=\"5\" data-expected-height=\"10\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"height: anchor-size(--a1 width); aspect-ratio: 2\" data-expected-width=\"10\" data-expected-height=\"5\">\n </div>\nheight")
at assert_tolerance ( /resources/check-layout-th.js:24:9) |
|
| Fail | .target 6 | assert_equals:
<div class="container">
<div class="anchor1"></div>
<!-- Specifying the width or the height should scale uniformly. -->
<img class="target" src="support/green-16x16.png" style="width: anchor-size(--a1 width)" data-expected-width="5" data-expected-height="5">
<img class="target" src="support/green-16x16.png" style="height: anchor-size(--a1 width)" data-expected-width="5" data-expected-height="5">
<!-- Smaller `min-width/height` than the natural size should be ignored. -->
<img class="target" src="support/green-16x16.png" style="min-width: anchor-size(--a1 width)" data-expected-width="16" data-expected-height="16">
<img class="target" src="support/green-16x16.png" style="min-height: anchor-size(--a1 width)" data-expected-width="16" data-expected-height="16">
<!-- Larger `min-width/height` than the natural size should scale. -->
<img class="target" src="support/green-16x16.png" style="min-width: anchor-size(--a1 height)" data-expected-width="24" data-expected-height="24">
<img class="target" src="support/green-16x16.png" style="min-height: anchor-size(--a1 height)" data-expected-width="24" data-expected-height="24">
<!-- Smaller `max-width/height` than the natural size should scale. -->
<img class="target" src="support/green-16x16.png" style="max-width: anchor-size(--a1 width)" data-expected-width="5" data-expected-height="5">
<img class="target" src="support/green-16x16.png" style="max-height: anchor-size(--a1 width)" data-expected-width="5" data-expected-height="5">
<!-- Larger `min-width/height` than the natural size should be ignored. -->
<img class="target" src="support/green-16x16.png" style="max-width: anchor-size(--a1 height)" data-expected-width="16" data-expected-height="16">
<img class="target" src="support/green-16x16.png" style="max-height: anchor-size(--a1 height)" data-expected-width="16" data-expected-height="16">
<!-- The `aspect-ratio` property should be honored. -->
<img class="target" src="support/green-16x16.png" style="width: anchor-size(--a1 width); aspect-ratio: 0.5" data-expected-width="5" data-expected-height="10">
<img class="target" src="support/green-16x16.png" style="height: anchor-size(--a1 width); aspect-ratio: 2" data-expected-width="10" data-expected-height="5">
</div>
width expected 24 but got 16 at assert_tolerance (https://wpt.live/resources/check-layout-th.js:24:9)
at checkExpectedValues (https://wpt.live/resources/check-layout-th.js:72:9)
at checkSubtreeExpectedValues (https://wpt.live/resources/check-layout-th.js:7:25)
at Test.<anonymous> (https://wpt.live/resources/check-layout-th.js:229:34)
at Test.step (https://wpt.live/resources/testharness.js:2642:25)Asserts run| Pass | assert_true(true, "data-expected-width is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) | | Pass | assert_true(true, "data-expected-height is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) | | Fail | assert_equals(16, 24, "\n<div class=\"container\">\n <div class=\"anchor1\"></div>\n\n <!-- Specifying the width or the height should scale uniformly. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"width: anchor-size(--a1 width)\" data-expected-width=\"5\" data-expected-height=\"5\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"height: anchor-size(--a1 width)\" data-expected-width=\"5\" data-expected-height=\"5\">\n\n <!-- Smaller `min-width/height` than the natural size should be ignored. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"min-width: anchor-size(--a1 width)\" data-expected-width=\"16\" data-expected-height=\"16\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"min-height: anchor-size(--a1 width)\" data-expected-width=\"16\" data-expected-height=\"16\">\n\n <!-- Larger `min-width/height` than the natural size should scale. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"min-width: anchor-size(--a1 height)\" data-expected-width=\"24\" data-expected-height=\"24\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"min-height: anchor-size(--a1 height)\" data-expected-width=\"24\" data-expected-height=\"24\">\n\n <!-- Smaller `max-width/height` than the natural size should scale. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"max-width: anchor-size(--a1 width)\" data-expected-width=\"5\" data-expected-height=\"5\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"max-height: anchor-size(--a1 width)\" data-expected-width=\"5\" data-expected-height=\"5\">\n\n <!-- Larger `min-width/height` than the natural size should be ignored. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"max-width: anchor-size(--a1 height)\" data-expected-width=\"16\" data-expected-height=\"16\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"max-height: anchor-size(--a1 height)\" data-expected-width=\"16\" data-expected-height=\"16\">\n\n <!-- The `aspect-ratio` property should be honored. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"width: anchor-size(--a1 width); aspect-ratio: 0.5\" data-expected-width=\"5\" data-expected-height=\"10\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"height: anchor-size(--a1 width); aspect-ratio: 2\" data-expected-width=\"10\" data-expected-height=\"5\">\n </div>\nwidth")
at assert_tolerance ( /resources/check-layout-th.js:24:9) |
|
| Fail | .target 7 | assert_equals:
<div class="container">
<div class="anchor1"></div>
<!-- Specifying the width or the height should scale uniformly. -->
<img class="target" src="support/green-16x16.png" style="width: anchor-size(--a1 width)" data-expected-width="5" data-expected-height="5">
<img class="target" src="support/green-16x16.png" style="height: anchor-size(--a1 width)" data-expected-width="5" data-expected-height="5">
<!-- Smaller `min-width/height` than the natural size should be ignored. -->
<img class="target" src="support/green-16x16.png" style="min-width: anchor-size(--a1 width)" data-expected-width="16" data-expected-height="16">
<img class="target" src="support/green-16x16.png" style="min-height: anchor-size(--a1 width)" data-expected-width="16" data-expected-height="16">
<!-- Larger `min-width/height` than the natural size should scale. -->
<img class="target" src="support/green-16x16.png" style="min-width: anchor-size(--a1 height)" data-expected-width="24" data-expected-height="24">
<img class="target" src="support/green-16x16.png" style="min-height: anchor-size(--a1 height)" data-expected-width="24" data-expected-height="24">
<!-- Smaller `max-width/height` than the natural size should scale. -->
<img class="target" src="support/green-16x16.png" style="max-width: anchor-size(--a1 width)" data-expected-width="5" data-expected-height="5">
<img class="target" src="support/green-16x16.png" style="max-height: anchor-size(--a1 width)" data-expected-width="5" data-expected-height="5">
<!-- Larger `min-width/height` than the natural size should be ignored. -->
<img class="target" src="support/green-16x16.png" style="max-width: anchor-size(--a1 height)" data-expected-width="16" data-expected-height="16">
<img class="target" src="support/green-16x16.png" style="max-height: anchor-size(--a1 height)" data-expected-width="16" data-expected-height="16">
<!-- The `aspect-ratio` property should be honored. -->
<img class="target" src="support/green-16x16.png" style="width: anchor-size(--a1 width); aspect-ratio: 0.5" data-expected-width="5" data-expected-height="10">
<img class="target" src="support/green-16x16.png" style="height: anchor-size(--a1 width); aspect-ratio: 2" data-expected-width="10" data-expected-height="5">
</div>
height expected 5 but got 16 at assert_tolerance (https://wpt.live/resources/check-layout-th.js:24:9)
at checkExpectedValues (https://wpt.live/resources/check-layout-th.js:77:9)
at checkSubtreeExpectedValues (https://wpt.live/resources/check-layout-th.js:7:25)
at Test.<anonymous> (https://wpt.live/resources/check-layout-th.js:229:34)
at Test.step (https://wpt.live/resources/testharness.js:2642:25)Asserts run| Pass | assert_true(true, "data-expected-width is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) | | Pass | assert_true(true, "data-expected-height is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) | | Fail | assert_equals(16, 5, "\n<div class=\"container\">\n <div class=\"anchor1\"></div>\n\n <!-- Specifying the width or the height should scale uniformly. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"width: anchor-size(--a1 width)\" data-expected-width=\"5\" data-expected-height=\"5\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"height: anchor-size(--a1 width)\" data-expected-width=\"5\" data-expected-height=\"5\">\n\n <!-- Smaller `min-width/height` than the natural size should be ignored. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"min-width: anchor-size(--a1 width)\" data-expected-width=\"16\" data-expected-height=\"16\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"min-height: anchor-size(--a1 width)\" data-expected-width=\"16\" data-expected-height=\"16\">\n\n <!-- Larger `min-width/height` than the natural size should scale. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"min-width: anchor-size(--a1 height)\" data-expected-width=\"24\" data-expected-height=\"24\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"min-height: anchor-size(--a1 height)\" data-expected-width=\"24\" data-expected-height=\"24\">\n\n <!-- Smaller `max-width/height` than the natural size should scale. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"max-width: anchor-size(--a1 width)\" data-expected-width=\"5\" data-expected-height=\"5\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"max-height: anchor-size(--a1 width)\" data-expected-width=\"5\" data-expected-height=\"5\">\n\n <!-- Larger `min-width/height` than the natural size should be ignored. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"max-width: anchor-size(--a1 height)\" data-expected-width=\"16\" data-expected-height=\"16\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"max-height: anchor-size(--a1 height)\" data-expected-width=\"16\" data-expected-height=\"16\">\n\n <!-- The `aspect-ratio` property should be honored. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"width: anchor-size(--a1 width); aspect-ratio: 0.5\" data-expected-width=\"5\" data-expected-height=\"10\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"height: anchor-size(--a1 width); aspect-ratio: 2\" data-expected-width=\"10\" data-expected-height=\"5\">\n </div>\nheight")
at assert_tolerance ( /resources/check-layout-th.js:24:9) |
|
| Fail | .target 8 | assert_equals:
<div class="container">
<div class="anchor1"></div>
<!-- Specifying the width or the height should scale uniformly. -->
<img class="target" src="support/green-16x16.png" style="width: anchor-size(--a1 width)" data-expected-width="5" data-expected-height="5">
<img class="target" src="support/green-16x16.png" style="height: anchor-size(--a1 width)" data-expected-width="5" data-expected-height="5">
<!-- Smaller `min-width/height` than the natural size should be ignored. -->
<img class="target" src="support/green-16x16.png" style="min-width: anchor-size(--a1 width)" data-expected-width="16" data-expected-height="16">
<img class="target" src="support/green-16x16.png" style="min-height: anchor-size(--a1 width)" data-expected-width="16" data-expected-height="16">
<!-- Larger `min-width/height` than the natural size should scale. -->
<img class="target" src="support/green-16x16.png" style="min-width: anchor-size(--a1 height)" data-expected-width="24" data-expected-height="24">
<img class="target" src="support/green-16x16.png" style="min-height: anchor-size(--a1 height)" data-expected-width="24" data-expected-height="24">
<!-- Smaller `max-width/height` than the natural size should scale. -->
<img class="target" src="support/green-16x16.png" style="max-width: anchor-size(--a1 width)" data-expected-width="5" data-expected-height="5">
<img class="target" src="support/green-16x16.png" style="max-height: anchor-size(--a1 width)" data-expected-width="5" data-expected-height="5">
<!-- Larger `min-width/height` than the natural size should be ignored. -->
<img class="target" src="support/green-16x16.png" style="max-width: anchor-size(--a1 height)" data-expected-width="16" data-expected-height="16">
<img class="target" src="support/green-16x16.png" style="max-height: anchor-size(--a1 height)" data-expected-width="16" data-expected-height="16">
<!-- The `aspect-ratio` property should be honored. -->
<img class="target" src="support/green-16x16.png" style="width: anchor-size(--a1 width); aspect-ratio: 0.5" data-expected-width="5" data-expected-height="10">
<img class="target" src="support/green-16x16.png" style="height: anchor-size(--a1 width); aspect-ratio: 2" data-expected-width="10" data-expected-height="5">
</div>
width expected 5 but got 16 at assert_tolerance (https://wpt.live/resources/check-layout-th.js:24:9)
at checkExpectedValues (https://wpt.live/resources/check-layout-th.js:72:9)
at checkSubtreeExpectedValues (https://wpt.live/resources/check-layout-th.js:7:25)
at Test.<anonymous> (https://wpt.live/resources/check-layout-th.js:229:34)
at Test.step (https://wpt.live/resources/testharness.js:2642:25)Asserts run| Pass | assert_true(true, "data-expected-width is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) | | Pass | assert_true(true, "data-expected-height is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) | | Fail | assert_equals(16, 5, "\n<div class=\"container\">\n <div class=\"anchor1\"></div>\n\n <!-- Specifying the width or the height should scale uniformly. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"width: anchor-size(--a1 width)\" data-expected-width=\"5\" data-expected-height=\"5\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"height: anchor-size(--a1 width)\" data-expected-width=\"5\" data-expected-height=\"5\">\n\n <!-- Smaller `min-width/height` than the natural size should be ignored. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"min-width: anchor-size(--a1 width)\" data-expected-width=\"16\" data-expected-height=\"16\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"min-height: anchor-size(--a1 width)\" data-expected-width=\"16\" data-expected-height=\"16\">\n\n <!-- Larger `min-width/height` than the natural size should scale. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"min-width: anchor-size(--a1 height)\" data-expected-width=\"24\" data-expected-height=\"24\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"min-height: anchor-size(--a1 height)\" data-expected-width=\"24\" data-expected-height=\"24\">\n\n <!-- Smaller `max-width/height` than the natural size should scale. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"max-width: anchor-size(--a1 width)\" data-expected-width=\"5\" data-expected-height=\"5\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"max-height: anchor-size(--a1 width)\" data-expected-width=\"5\" data-expected-height=\"5\">\n\n <!-- Larger `min-width/height` than the natural size should be ignored. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"max-width: anchor-size(--a1 height)\" data-expected-width=\"16\" data-expected-height=\"16\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"max-height: anchor-size(--a1 height)\" data-expected-width=\"16\" data-expected-height=\"16\">\n\n <!-- The `aspect-ratio` property should be honored. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"width: anchor-size(--a1 width); aspect-ratio: 0.5\" data-expected-width=\"5\" data-expected-height=\"10\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"height: anchor-size(--a1 width); aspect-ratio: 2\" data-expected-width=\"10\" data-expected-height=\"5\">\n </div>\nwidth")
at assert_tolerance ( /resources/check-layout-th.js:24:9) |
|
| Pass | .target 9 | Asserts run| Pass | assert_true(true, "data-expected-width is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) | | Pass | assert_true(true, "data-expected-height is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) |
|
| Pass | .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 | assert_true(true, "data-expected-height is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) |
|
| Fail | .target 11 | assert_equals:
<div class="container">
<div class="anchor1"></div>
<!-- Specifying the width or the height should scale uniformly. -->
<img class="target" src="support/green-16x16.png" style="width: anchor-size(--a1 width)" data-expected-width="5" data-expected-height="5">
<img class="target" src="support/green-16x16.png" style="height: anchor-size(--a1 width)" data-expected-width="5" data-expected-height="5">
<!-- Smaller `min-width/height` than the natural size should be ignored. -->
<img class="target" src="support/green-16x16.png" style="min-width: anchor-size(--a1 width)" data-expected-width="16" data-expected-height="16">
<img class="target" src="support/green-16x16.png" style="min-height: anchor-size(--a1 width)" data-expected-width="16" data-expected-height="16">
<!-- Larger `min-width/height` than the natural size should scale. -->
<img class="target" src="support/green-16x16.png" style="min-width: anchor-size(--a1 height)" data-expected-width="24" data-expected-height="24">
<img class="target" src="support/green-16x16.png" style="min-height: anchor-size(--a1 height)" data-expected-width="24" data-expected-height="24">
<!-- Smaller `max-width/height` than the natural size should scale. -->
<img class="target" src="support/green-16x16.png" style="max-width: anchor-size(--a1 width)" data-expected-width="5" data-expected-height="5">
<img class="target" src="support/green-16x16.png" style="max-height: anchor-size(--a1 width)" data-expected-width="5" data-expected-height="5">
<!-- Larger `min-width/height` than the natural size should be ignored. -->
<img class="target" src="support/green-16x16.png" style="max-width: anchor-size(--a1 height)" data-expected-width="16" data-expected-height="16">
<img class="target" src="support/green-16x16.png" style="max-height: anchor-size(--a1 height)" data-expected-width="16" data-expected-height="16">
<!-- The `aspect-ratio` property should be honored. -->
<img class="target" src="support/green-16x16.png" style="width: anchor-size(--a1 width); aspect-ratio: 0.5" data-expected-width="5" data-expected-height="10">
<img class="target" src="support/green-16x16.png" style="height: anchor-size(--a1 width); aspect-ratio: 2" data-expected-width="10" data-expected-height="5">
</div>
height expected 10 but got 19 at assert_tolerance (https://wpt.live/resources/check-layout-th.js:24:9)
at checkExpectedValues (https://wpt.live/resources/check-layout-th.js:77:9)
at checkSubtreeExpectedValues (https://wpt.live/resources/check-layout-th.js:7:25)
at Test.<anonymous> (https://wpt.live/resources/check-layout-th.js:229:34)
at Test.step (https://wpt.live/resources/testharness.js:2642:25)Asserts run| Pass | assert_true(true, "data-expected-width is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) | | Pass | assert_true(true, "data-expected-height is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) | | Fail | assert_equals(19, 10, "\n<div class=\"container\">\n <div class=\"anchor1\"></div>\n\n <!-- Specifying the width or the height should scale uniformly. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"width: anchor-size(--a1 width)\" data-expected-width=\"5\" data-expected-height=\"5\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"height: anchor-size(--a1 width)\" data-expected-width=\"5\" data-expected-height=\"5\">\n\n <!-- Smaller `min-width/height` than the natural size should be ignored. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"min-width: anchor-size(--a1 width)\" data-expected-width=\"16\" data-expected-height=\"16\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"min-height: anchor-size(--a1 width)\" data-expected-width=\"16\" data-expected-height=\"16\">\n\n <!-- Larger `min-width/height` than the natural size should scale. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"min-width: anchor-size(--a1 height)\" data-expected-width=\"24\" data-expected-height=\"24\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"min-height: anchor-size(--a1 height)\" data-expected-width=\"24\" data-expected-height=\"24\">\n\n <!-- Smaller `max-width/height` than the natural size should scale. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"max-width: anchor-size(--a1 width)\" data-expected-width=\"5\" data-expected-height=\"5\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"max-height: anchor-size(--a1 width)\" data-expected-width=\"5\" data-expected-height=\"5\">\n\n <!-- Larger `min-width/height` than the natural size should be ignored. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"max-width: anchor-size(--a1 height)\" data-expected-width=\"16\" data-expected-height=\"16\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"max-height: anchor-size(--a1 height)\" data-expected-width=\"16\" data-expected-height=\"16\">\n\n <!-- The `aspect-ratio` property should be honored. -->\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"width: anchor-size(--a1 width); aspect-ratio: 0.5\" data-expected-width=\"5\" data-expected-height=\"10\">\n <img class=\"target\" src=\"support/green-16x16.png\" style=\"height: anchor-size(--a1 width); aspect-ratio: 2\" data-expected-width=\"10\" data-expected-height=\"5\">\n </div>\nheight")
at assert_tolerance ( /resources/check-layout-th.js:24:9) |
|
| 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) | | Pass | assert_true(true, "data-expected-height is a valid data attribute")
at checkDataKeys ( /resources/check-layout-th.js:61:13) |
|
