| <!DOCTYPE html> |
| <html> |
| <body> |
| <script src="../resources/js-test.js"></script> |
| <script> |
| description("Tests for ObservableArray's [[Put]]"); |
| |
| let sheet1 = null; |
| let sheet2 = null; |
| let descriptor = null; |
| |
| function runTest() { |
| "use strict"; |
| |
| sheet1 = new CSSStyleSheet() |
| sheet1.replaceSync('div { color: red }') |
| document.adoptedStyleSheets.push(sheet1) |
| |
| shouldBe("document.adoptedStyleSheets.length", "1"); |
| descriptor = Object.getOwnPropertyDescriptor(document.adoptedStyleSheets, 'length'); |
| shouldBeFalse("descriptor.configurable"); |
| shouldBeFalse("descriptor.enumerable"); |
| shouldBeTrue("descriptor.writable"); |
| shouldBe("descriptor.value", "1"); |
| shouldBe("document.adoptedStyleSheets[0]", "sheet1"); |
| |
| evalAndLog("document.adoptedStyleSheets.length = 0"); |
| shouldBe("document.adoptedStyleSheets.length", "0"); |
| shouldBeUndefined("document.adoptedStyleSheets[0]"); |
| |
| sheet2 = new CSSStyleSheet() |
| sheet2.replaceSync('div { color: blue }') |
| document.adoptedStyleSheets.push(sheet1) |
| document.adoptedStyleSheets.push(sheet2) |
| shouldBe("document.adoptedStyleSheets.length", "2"); |
| evalAndLog("document.adoptedStyleSheets.length = 1"); |
| shouldBe("document.adoptedStyleSheets.length", "1"); |
| shouldBe("document.adoptedStyleSheets[0]", "sheet1"); |
| shouldBeUndefined("document.adoptedStyleSheets[1]"); |
| |
| evalAndLog("document.adoptedStyleSheets.length = 5"); |
| shouldBe("document.adoptedStyleSheets.length", "1"); |
| shouldBe("document.adoptedStyleSheets[0]", "sheet1"); |
| shouldBeUndefined("document.adoptedStyleSheets[1]"); |
| |
| shouldThrowErrorName("document.adoptedStyleSheets.length = 0.5", "RangeError"); |
| |
| evalAndLog("document.adoptedStyleSheets.foo = 1;"); |
| shouldBe("document.adoptedStyleSheets.foo", "1"); |
| |
| document.adoptedStyleSheets.length = 0; |
| } |
| |
| runTest(); |
| </script> |
| </body> |
