| <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> |
| <html> |
| <head> |
| <link id="sheet" rel="stylesheet" href="data:tex/css,#test-element{text-decoration:line-through}"> |
| <link id="notsheet" rel="author" href="mailto:nosuch@webkit.org"> |
| <link id="alt" rel="alternate stylesheet" title="altset" href="resources/green.css"> |
| <script src="../../resources/js-test-pre.js"></script> |
| </head> |
| <body> |
| |
| <span id="test-element"></span> |
| |
| <script> |
| |
| description("Series of tests to validate behavior of getting/setting link.disabled and link.sheet.disabled.<br>" + |
| 'Test for bug <a href="https://bugs.webkit.org/show_bug.cgi?id=61400">61400</a>: REGRESSION(84329): Stylesheets on some pages do not load'); |
| |
| window.jsTestIsAsync = true; |
| |
| function onSheetLoaded(f, elem, maxtime) { |
| if (elem.sheet || maxtime <= 0) |
| f(elem); |
| else |
| setTimeout(function () { onSheetLoaded(f, elem, maxtime - 25);}, 25); |
| } |
| |
| |
| |
| // With a non-stylesheet <link>, 'disabled' is always false. |
| |
| var testElement = document.getElementById("test-element"); |
| var originalBG = getComputedStyle(testElement).backgroundColor; |
| var link; |
| |
| debug("notsheet"); |
| |
| link = document.getElementById("notsheet"); |
| shouldBeNull("link.sheet"); |
| link.disabled = true; |
| shouldBeFalse("link.disabled"); |
| |
| |
| // With a stylesheet <link>, 'disabled' and 'link.style.disabled' should both |
| // work, and be consistent with each other. |
| |
| debug("sheet"); |
| |
| link = document.getElementById("sheet"); |
| shouldBeNonNull("link.sheet"); |
| |
| link.sheet.disabled = true; |
| shouldBeTrue("link.disabled"); |
| shouldBeTrue("link.sheet.disabled"); |
| shouldBeEqualToString("getComputedStyle(testElement).textDecoration", "none"); |
| |
| link.disabled = false; |
| shouldBeFalse("link.disabled"); |
| shouldBeFalse("link.sheet.disabled"); |
| shouldBeEqualToString("getComputedStyle(testElement).textDecoration", "line-through"); |
| |
| link.sheet.disabled = false; |
| |
| |
| // An alternate stylesheet defaults to disabled when its title does not |
| // match the preferred set. |
| |
| debug("altsheet"); |
| link = document.getElementById("alt"); |
| shouldBeTrue("link.disabled"); |
| |
| // Toggling link.disabled activates the stylesheet. |
| |
| function altSheetLoaded(e) { |
| link = e; |
| shouldBeNonNull("link.sheet"); |
| shouldBe("getComputedStyle(testElement).backgroundColor", "'rgb(0, 128, 0)'"); |
| |
| // Enabling a stylsheet set modifies disabled status of style sheets. |
| |
| document.selectedStyleSheetSet = "nosuchset"; |
| shouldBeTrue("link.disabled"); |
| shouldBe("getComputedStyle(testElement).backgroundColor", "originalBG"); |
| |
| document.selectedStyleSheetSet = "altset"; |
| shouldBeFalse("link.disabled"); |
| shouldBe("getComputedStyle(testElement).backgroundColor", "'rgb(0, 128, 0)'"); |
| |
| // Disabling a stylesheet *after* its stylesheet set has been selected |
| // de-activates it. |
| |
| link.disabled = true; |
| shouldBe("getComputedStyle(testElement).backgroundColor", "originalBG"); |
| |
| finishJSTest(); |
| } |
| |
| link.disabled = false; |
| onSheetLoaded(altSheetLoaded, link, 500); |
| |
| </script> |
| <script src="../../resources/js-test-post.js"></script> |
| </body></html> |
