diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-grid/masonry/tentative/track-sizing/masonry-track-sizing-check-grid-height-on-resize.html')
-rw-r--r-- | testing/web-platform/tests/css/css-grid/masonry/tentative/track-sizing/masonry-track-sizing-check-grid-height-on-resize.html | 18 |
1 files changed, 11 insertions, 7 deletions
diff --git a/testing/web-platform/tests/css/css-grid/masonry/tentative/track-sizing/masonry-track-sizing-check-grid-height-on-resize.html b/testing/web-platform/tests/css/css-grid/masonry/tentative/track-sizing/masonry-track-sizing-check-grid-height-on-resize.html index 06c2901f27..dbff19f28e 100644 --- a/testing/web-platform/tests/css/css-grid/masonry/tentative/track-sizing/masonry-track-sizing-check-grid-height-on-resize.html +++ b/testing/web-platform/tests/css/css-grid/masonry/tentative/track-sizing/masonry-track-sizing-check-grid-height-on-resize.html @@ -1,17 +1,18 @@ <!DOCTYPE html> -<html> +<html class="reftest-wait"> <head> <meta charset="utf-8"> +<title>CSS Test: Masonry grid container size changes when item sizes change</title> <link rel="author" title="Brandon Stewart" href="mailto:brandonstewart@apple.com"> <link rel="help" href="https://drafts.csswg.org/css-grid-3"> <link rel="match" href="masonry-track-sizing-check-grid-height-on-resize-ref.html"> -<meta name="assert" content="When the height of an element in the grid changes, ensure the grid is properly resized"> +<meta name="assert" content="Test passes if when the size of an item in the masonry grid changes, the grid container is properly resized"> </head> <style> grid { - display: grid; + display: inline-grid; grid-template-rows: masonry; grid-template-columns: auto; grid-gap: 10px; @@ -32,8 +33,11 @@ </grid> </body> <script> - /* Force a relayout */ - document.body.offsetHeight; - document.querySelector("item").style["height"] = "125px"; + document.body.offsetHeight; // Force a relayout + var gridItem = document.querySelector('item'); + gridItem.style.height = '125px'; + gridItem.style.width = '300px'; + document + document.documentElement.className = ''; </script> -</html>
\ No newline at end of file +</html> |