<!DOCTYPE html>
<meta charset="utf-8">
<title>HTML Test: object - attributes</title>
<link rel="author" title="Intel" href="http://www.intel.com">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<body onload="on_load()">
<div id="log"></div>
<form>
  <object id="obj1" data="/common/blank.html" name="o" height="50" width="100"></object>
  <object id="obj2" name="p" type="image/png"></object>
  <object id="obj3" data="missing.html" name="o3" height="50" width="100"></object>
</form>
<script>
  var obj1;
  var obj2;
  var obj3;
  var t1 = async_test("object.contentWindow");
  var t2 = async_test("object.contentWindow.name");
  var t3 = async_test("object.width");
  var t4 = async_test("object.height");

  setup(function() {
    obj1 = document.getElementById("obj1");
    obj2 = document.getElementById("obj2");
    obj3 = document.getElementById("obj3");
  });

  function on_load () {
    t1.step(function() {
      assert_not_equals(obj1.contentWindow, null, "The contentWindow of the object element should not be null.");
      assert_equals(obj2.contentWindow, null, "The contentWindow of the object element should be null when it type attribute starts with 'image/'.");
      assert_equals(obj3.contentWindow, null, "The contentWindow of the object element should be null as it is showing fallback content.");
    });
    t1.done()

    t2.step(function() {
      assert_equals(obj1.contentWindow.name, "o", "The contentWindow's name of the object element should be 'o'.");
      obj1.setAttribute("name", "o1");
      assert_equals(obj1.name, "o1", "The name of the object element should be 'o1'.");
      assert_equals(obj1.contentWindow.name, "o", "The contentWindow's name of the object element should still be 'o'.");
      obj1.removeAttribute("name");
      assert_equals(obj1.name, "", "The name of the object element should be empty string.");
      assert_equals(obj1.contentWindow.name, "o", "The contentWindow's name of the object element should still be 'o'.");
    });
    t2.done()

    t3.step(function() {
      assert_equals(getComputedStyle(obj1, null)["width"], "100px", "The width should be 100px.");
    });
    t3.done();

    t4.step(function() {
      assert_equals(getComputedStyle(obj1, null)["height"], "50px", "The height should be 50px.");
    });
    t4.done();
  }
</script>

</body>