diff options
Diffstat (limited to 'testing/web-platform/tests/html/semantics/document-metadata/the-style-element/style_load_event.html')
-rw-r--r-- | testing/web-platform/tests/html/semantics/document-metadata/the-style-element/style_load_event.html | 28 |
1 files changed, 28 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/semantics/document-metadata/the-style-element/style_load_event.html b/testing/web-platform/tests/html/semantics/document-metadata/the-style-element/style_load_event.html new file mode 100644 index 0000000000..d852661791 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/document-metadata/the-style-element/style_load_event.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<title>HTML Test: The style load event should fire when textContent is changed</title> +<link rel="author" href="mailto:masonf@chromium.org"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#update-a-style-block"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> + +<script> + var loadCount = 0; + function load() { loadCount++; } +</script> + +<style id=target onload="load()"> + .box { color:red; } +</style> +<div class='box'>Box</div> + +<script> +window.onload = () => { + const target = document.getElementById('target'); + promise_test(async t => { + assert_equals(loadCount,1,"Style element should have loaded once by now"); + target.textContent = `.box { color: green; }`; + await new Promise(resolve => target.addEventListener('load', resolve)); + assert_equals(loadCount,2,"Style element should fire the load event when textContent changes"); + },"style load event should fire when textContent changed"); +}; +</script> |