| <!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="blue.html" name="o" height="50" width="100"></object> |
| <object id="obj2" name="p" type="image/png"></object> |
| </form> |
| <script> |
| var obj1; |
| var obj2; |
| var t1 = async_test("object.contentWindow"); |
| var t3 = async_test("object.width"); |
| var t4 = async_test("object.height"); |
| |
| setup(function() { |
| obj1 = document.getElementById("obj1"); |
| obj2 = document.getElementById("obj2"); |
| }); |
| |
| function on_load () { |
| t1.step(function() { |
| assert_equals(obj1.contentWindow.name, "o", "The contentWindow's name of the object element should be 'o'."); |
| assert_equals(obj2.contentWindow, null, "The contentWindow of the object element should be null when it type attribute starts with 'image/'."); |
| obj1.setAttribute("name", "o1"); |
| assert_equals(obj1.name, "o1", "The name of the object element should be 'o1'."); |
| assert_equals(obj1.contentWindow.name, "o1", "The contentWindow's name of the object element should be 'o1'."); |
| obj1.removeAttribute("name"); |
| assert_equals(obj1.name, "", "The name of the object element should be empty string."); |
| assert_equals(obj1.contentWindow.name, "", "The contentWindow's name of the object element should be empty string."); |
| }); |
| t1.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> |