diff options
Diffstat (limited to 'layout/xul/test/test_blockify_moz_box.html')
| -rw-r--r-- | layout/xul/test/test_blockify_moz_box.html | 114 |
1 files changed, 114 insertions, 0 deletions
diff --git a/layout/xul/test/test_blockify_moz_box.html b/layout/xul/test/test_blockify_moz_box.html new file mode 100644 index 0000000000..3f4a4546b8 --- /dev/null +++ b/layout/xul/test/test_blockify_moz_box.html @@ -0,0 +1,114 @@ +<!DOCTYPE HTML> +<html> +<!-- +https://bugzilla.mozilla.org/show_bug.cgi?id=1580012 +--> +<head> + <title>Test for Bug 1580012</title> + <script src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script> + <style> + /* Styling for parents that blockify their children: */ + .grid { display: grid; } + .flex { display: flex; } + + /* Styling that blockifies an element itself: */ + .float { float: left; } + .abs { position: absolute; } + </style> +</head> +<body> +<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1580012">Mozilla Bug 1580012</a> +<p id="display"></p> +<div id="content"> + <!-- Boxes that have no reason to be blockified: --> + <div class="moz-box" id="regularMozBox"></div> + <div class="moz-inline-box" id="regularMozInlineBox"></div> + + <!-- A grid container with a -moz-box and a -moz-inline-box grid item (which + should both end up with display:-moz-box), and a -moz-inline-box + grandchild (which should preserve its -moz-inline-box display val): --> + <div class="grid"> + <div class="moz-box" id="gridItemMozBox"></div> + <div class="moz-inline-box" id="gridItemMozInlineBox"></div> + <div><div class="moz-inline-box" id="gridGrandchildMozInlineBox"></div></div> + </div> + + <!-- A flex container with a -moz-box and a -moz-inline-box flex item (which + should both end up with display:-moz-box), and a -moz-inline-box + grandchild (which should preserve its -moz-inline-box display val): --> + <div class="flex"> + <div class="moz-box" id="flexItemMozBox"></div> + <div class="moz-inline-box" id="flexItemMozInlineBox"></div> + <div><div class="moz-inline-box" id="flexGrandchildMozInlineBox"></div></div> + </div> + + <!-- Boxes that are directly blockified via other styling on them: --> + <!-- XXXdholbert commenting these out -- see notes below about assertion + failures for floated -moz-box. + <div class="float moz-box" id="floatMozBox"></div> + <div class="float moz-inline-box" id="floatMozInlineBox"></div> + --> + <!-- XXXdholbert commenting these out -- see notes below about assertion + failures for positioned -moz-box. + <div class="abs moz-box" id="absMozBox"></div> + <div class="abs moz-inline-box" id="absMozInlineBox"></div> + --> +</div> +<pre id="test"> +<script> + +/** Test for Bug 1580012 **/ + +function checkDisp(elemId, expectedDisplay) { + var elem = document.getElementById(elemId); + ok(elem, "should have a valid ID for an element"); + + is(getComputedStyle(elem).display, expectedDisplay, + "Element with ID " + elemId + " should have expected display value"); +} + +// Create CSS Style rules to add -moz-box / -moz-inline-box styling. +// Note that these style won't parse correctly until after we've flipped +// the prefs via pushPrefEnv(). That's why I'm creating these style rules +// here rather than just putting them inline in the <style> element. +var sheet = document.styleSheets[0]; +sheet.insertRule(".moz-box { display: -moz-box; }"); +sheet.insertRule(".moz-inline-box { display: -moz-inline-box; }"); + +// Check the computed 'display' of the various elements. +checkDisp("regularMozBox", "-moz-box"); +checkDisp("regularMozInlineBox", "-moz-inline-box"); + +checkDisp("gridItemMozBox", "-moz-box"); +checkDisp("gridItemMozInlineBox", "-moz-box"); +checkDisp("gridGrandchildMozInlineBox", "-moz-inline-box"); + +checkDisp("flexItemMozBox", "-moz-box"); +checkDisp("flexItemMozInlineBox", "-moz-box"); +checkDisp("flexGrandchildMozInlineBox", "-moz-inline-box"); + +// XXXdholbert The floated boxes trigger assertion failures where +// nsLineLayout thinks it somehow ended up with an inline-level (really, just +// a non-'block') floated thing. In practice this isn't really a concern +// since -moz-box display values are disabled in content and since XUL +// doesn't use 'float' for layout. So: I've added a fatal assertion in +// ReflowInput.cpp to validate that we never actually encounter a floated +// -moz-box/-moz-inline-box, and I'm commenting out these lines (which +// trigger that fatal assertion). +// +// checkDisp("floatMozBox", "-moz-box"); +// checkDisp("floatMozInlineBox", "-moz-box"); + + +// XXXdholbert These abspos boxes trigger a diagnostic assertion added in +// bug 1582819 which is intended to flush out XUL content that is positioned +// and hence was previously blockified to 'block' but will now be '-moz-box'. +// The diagnostic assertion doesn't need to stay around forever, but while +// it exists, we can't test this scenario without triggering it. +// +// checkDisp("absMozBox", "-moz-box"); +// checkDisp("absMozInlineBox", "-moz-box"); +</script> +</pre> +</body> +</html> |