| OLD | NEW | 
 | (Empty) | 
|   1 <!DOCTYPE html> |  | 
|   2 <html> |  | 
|   3 <head> |  | 
|   4 <script src="../../resources/js-test.js"></script> |  | 
|   5 <style> |  | 
|   6 .test { |  | 
|   7   color: red; |  | 
|   8 } |  | 
|   9 </style> |  | 
|  10 <style id="non-css" type="foo/bar"></style> |  | 
|  11 <style id="s"> |  | 
|  12 .test { |  | 
|  13   color: green; |  | 
|  14 } |  | 
|  15 </style> |  | 
|  16 </head> |  | 
|  17 <body> |  | 
|  18 <script> |  | 
|  19 description('Test the disabled property on a style element.'); |  | 
|  20  |  | 
|  21 var styleElement = document.getElementById('s'); |  | 
|  22 var console = document.getElementById('console'); |  | 
|  23 var testElement = document.createElement('div'); |  | 
|  24 testElement.innerText = "Test element"; |  | 
|  25 testElement.className = 'test'; |  | 
|  26 document.body.appendChild(testElement); |  | 
|  27  |  | 
|  28 shouldBeFalse('styleElement.disabled'); |  | 
|  29 shouldBe('window.getComputedStyle(testElement).color', '"rgb(0, 128, 0)"'); |  | 
|  30  |  | 
|  31 styleElement.disabled = true |  | 
|  32 shouldBeTrue('styleElement.disabled'); |  | 
|  33 shouldBe('window.getComputedStyle(testElement).color', '"rgb(255, 0, 0)"'); |  | 
|  34  |  | 
|  35 // Test reflection in the sheet. |  | 
|  36 shouldBeTrue('styleElement.sheet.disabled'); |  | 
|  37 styleElement.sheet.disabled = false |  | 
|  38 shouldBeFalse('styleElement.sheet.disabled'); |  | 
|  39 shouldBeFalse('styleElement.disabled'); |  | 
|  40 shouldBe('window.getComputedStyle(testElement).color', '"rgb(0, 128, 0)"'); |  | 
|  41  |  | 
|  42 // Test disconnected element |  | 
|  43 var newStyleElement = document.createElement('style'); |  | 
|  44 shouldBeFalse('newStyleElement.disabled'); |  | 
|  45 newStyleElement.disabled = true |  | 
|  46 shouldBeFalse('newStyleElement.disabled'); |  | 
|  47  |  | 
|  48 // Test non-CSS element |  | 
|  49 var otherStyle = document.getElementById('non-css'); |  | 
|  50 shouldBeFalse('otherStyle.disabled'); |  | 
|  51 otherStyle.disabled = true |  | 
|  52 shouldBeFalse('otherStyle.disabled'); |  | 
|  53  |  | 
|  54  |  | 
|  55 document.body.removeChild(testElement); |  | 
|  56 </script> |  | 
|  57 </body> |  | 
|  58 </html> |  | 
| OLD | NEW |