wpt / css / CSS2 / backgrounds / background-root-103.xht

Status: FAIL | Duration: 51ms | Subtests: 0/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

TestRefTest SourceRef Source

/css/CSS2/backgrounds/background-root-103.xht

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-before" class="reftest-wait">
 <head>
  <title>CSS Test: CSS: Changing the background of the BODY element by changing a parent's attribute</title>
  <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
  <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/dynamic/003.html" type="text/html"/>
  <meta name="flags" content="dom"/>
  <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background" />
  <link rel="match" href="background-root-101-ref.xht" />

  <style type="text/css"><![CDATA[
    html[lang="en-before"] > body { background: red; color: yellow; }
    html[lang="en-after"] > body { background: green; color: white; }
    p[lang="en-after"] { font-weight: bold; }
  ]]></style>
  <script type="text/javascript">
    function test() {
      document.getElementsByTagName('html')[0].lang = 'en-after';
      document.getElementsByTagName('p')[0].lang = 'en-after';
      document.documentElement.className = "";
    }
  </script>
 </head>
 <body onload="setTimeout(test, 5)">
  <p lang="en-before">This page should be green (and this text should be bold -- if it isn't bold, something went wrong with the script part of the test).</p>
 </body>
</html>

/css/CSS2/backgrounds/background-root-101-ref.xht

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

 <head>

  <title>CSS Reftest Reference</title>
  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />

  <style type="text/css"><![CDATA[
  body
  {
  background-color: green;
  color: white;
  }

  p {font-weight: bold;}
  ]]></style>

 </head>

 <body>

  <p>This page should be green (and this text should be bold -- if it isn't bold, something went wrong with the script part of the test).</p>

 </body>
</html>