| <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> |
| <html> |
| <head> |
| <script src="../../resources/js-test-pre.js"></script> |
| </head> |
| <body> |
| <script> |
| description('Various tests for the mark element.'); |
| |
| var testParent = document.createElement('div'); |
| document.body.appendChild(testParent); |
| |
| debug('<p> closes <mark>:'); |
| testParent.innerHTML = '<mark>Test that <p id="paragraph1">a p element</p> closes <mark>.</p>'; |
| var paragraph1 = document.getElementById('paragraph1'); |
| shouldBeFalse('paragraph1.parentNode.nodeName == "mark"'); |
| |
| debug('<b> does not close <mark>:'); |
| testParent.innerHTML = '<mark>Test that <b id="b1">a b element</b> does not close a mark element.</mark>'; |
| var b1 = document.getElementById('b1'); |
| shouldBe('b1.parentNode.nodeName', '"MARK"'); |
| |
| debug('Residual style:'); |
| testParent.innerHTML = '<b><mark id="mark2">This text should be bold.</mark> <span id="span1">This is also bold.</span></b>'; |
| function getWeight(id) { |
| return document.defaultView.getComputedStyle(document.getElementById(id), null).getPropertyValue('font-weight'); |
| } |
| shouldBe('getWeight("mark2")', '"700"'); |
| shouldBe('getWeight("span1")', '"700"'); |
| document.body.removeChild(testParent); |
| </script> |
| <script src="../../resources/js-test-post.js"></script> |
| </body> |
| </html> |
