display-contents-parsing-001.html (1707B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>Tests that the 'contents' value for the 'display' property is correctly parsed</title> 4 <link rel="help" href="https://drafts.csswg.org/css-display/#box-generation"> 5 <link rel="author" href="mailto:ecobos@igalia.com" title="Emilio Cobos Álvarez"> 6 <script src="/resources/testharness.js"></script> 7 <script src="/resources/testharnessreport.js"></script> 8 <style> 9 .contents { 10 display: contents; 11 } 12 13 .contents-then-block { 14 display: contents; 15 display: block; 16 } 17 18 .content { 19 display: content; 20 } 21 </style> 22 <div class="contents" id="contentsElement"></div> 23 <div class="content" id="bogusContentsElement"></div> 24 <div class="contents-then-block" id="contentsThenBlockElement"></div> 25 <script> 26 test(function() { 27 var contentsElement = document.getElementById("contentsElement"); 28 var bogusContentsElement = document.getElementById("bogusContentsElement"); 29 var contentsThenBlockElement = document.getElementById("contentsThenBlockElement"); 30 31 assert_equals(getComputedStyle(contentsElement).getPropertyValue("display"), "contents"); 32 assert_equals(getComputedStyle(bogusContentsElement).getPropertyValue("display"), "block"); 33 assert_equals(getComputedStyle(contentsThenBlockElement).getPropertyValue("display"), "block"); 34 35 var element = document.createElement("div"); 36 document.body.appendChild(element); 37 assert_equals(getComputedStyle(element).getPropertyValue("display"), "block"); 38 element.style.display = "contents"; 39 assert_equals(getComputedStyle(element).getPropertyValue("display"), "contents"); 40 element.style.display = "block"; 41 assert_equals(getComputedStyle(element).getPropertyValue("display"), "block"); 42 }); 43 </script>