object-attributes.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /html/semantics/embedded-content/the-object-element/object-attributes.html - WPT Dashboard Interop Dashboard

<!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>