Content - d33320f0d108ae5be061f3185580abe649d761a7 - 8de7632/css/css-flexbox/display_flex_exist.html

visit type:

Tip revision: 8c186f666b8dc656b2e7e068046354cc4db79c87 authored by Geoffrey Sneddon on 09 April 2018, 08:12:20 UTC
In HTML documents, always make sure we a body

Tip revision: 8c186f6

display_flex_exist.html

<!DOCTYPE html>
<html>
  <head>
    <title>CSS Flexible Box Test: display_flex</title>
    <link rel="author" title="Intel" href="http://www.intel.com" />
    <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" />
    <meta name="flags" content="dom" />
    <meta name="assert" content="Check if the web engine can indenfy the display value flex." />
    <style>
      div#test{
        display: flex;
      }
    </style>
    <script src="/resources/testharness.js"></script>
    <script src="/resources/testharnessreport.js"></script>
  </head>
  <body>
    <div id=log></div>
    <div id=test></div>
    <script type="text/javascript">
        var t = async_test(document.title, {timeout:500});
        t.step(function () {
            assert_equals(window.getComputedStyle(document.querySelector('div#test')).display, "flex", "Display value is");
        });
        t.done();
    </script>
  </body>
</html>

Browse the archive

https://github.com/web-platform-tests/wpt