| OLD | NEW |
| (Empty) |
| 1 description('Test the disabled property on an svg style element.'); | |
| 2 | |
| 3 var console = document.getElementById('console'); | |
| 4 | |
| 5 // Setup | |
| 6 function createStyle(ns, type, ruletext) { | |
| 7 var style = document.createElementNS(ns, "style"); | |
| 8 var rules = document.createTextNode(ruletext); | |
| 9 style.appendChild(rules); | |
| 10 style.type = type; | |
| 11 return style; | |
| 12 } | |
| 13 | |
| 14 var xmlns = "http://www.w3.org/2000/svg"; | |
| 15 var svg = document.createElementNS(xmlns, "svg"); | |
| 16 svg.style.display = "block"; | |
| 17 | |
| 18 var defs = document.createElementNS(xmlns, "defs"); | |
| 19 var styleElement = createStyle(xmlns, "text/css", "rect { fill: #0000ff; }"); | |
| 20 var otherStyleElement = createStyle(xmlns, "foo/bar", ""); | |
| 21 defs.appendChild(styleElement); | |
| 22 defs.appendChild(otherStyleElement); | |
| 23 svg.appendChild(defs); | |
| 24 | |
| 25 var rect = document.createElementNS(xmlns, "rect"); | |
| 26 rect.setAttribute("width", 100); | |
| 27 rect.setAttribute("height", 100); | |
| 28 svg.appendChild(rect); | |
| 29 | |
| 30 document.body.appendChild(svg); | |
| 31 | |
| 32 // Simple case | |
| 33 shouldBeFalse('styleElement.disabled'); | |
| 34 shouldBe('window.getComputedStyle(rect).fill', '"rgb(0, 0, 255)"'); | |
| 35 | |
| 36 styleElement.disabled = true | |
| 37 shouldBeTrue('styleElement.disabled'); | |
| 38 shouldBe('window.getComputedStyle(rect).fill', '"rgb(255, 0, 0)"'); | |
| 39 | |
| 40 // Test disconnected element | |
| 41 var newStyleElement = document.createElementNS(xmlns, 'style'); | |
| 42 shouldBeFalse('newStyleElement.disabled'); | |
| 43 newStyleElement.disabled = true | |
| 44 shouldBeFalse('newStyleElement.disabled'); | |
| 45 | |
| 46 // Test non-CSS element | |
| 47 shouldBeFalse('otherStyleElement.disabled'); | |
| 48 otherStyleElement.disabled = true | |
| 49 shouldBeFalse('otherStyleElement.disabled'); | |
| 50 | |
| 51 document.body.removeChild(svg); | |
| OLD | NEW |