diff options
Diffstat (limited to 'testing/web-platform/tests/html/semantics/document-metadata/the-style-element/style_type_html.html')
-rw-r--r-- | testing/web-platform/tests/html/semantics/document-metadata/the-style-element/style_type_html.html | 71 |
1 files changed, 71 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/semantics/document-metadata/the-style-element/style_type_html.html b/testing/web-platform/tests/html/semantics/document-metadata/the-style-element/style_type_html.html new file mode 100644 index 0000000000..cc48868bd7 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/document-metadata/the-style-element/style_type_html.html @@ -0,0 +1,71 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title><style> type="" edge cases</title> +<link rel="author" title="Domenic Denicola" href="mailto:d@domenic.me"> +<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> + +<style> +#test1 { color: rgb(0, 128, 0); } +</style> + +<style type=""> +#test2 { color: rgb(0, 128, 0); } +</style> + +<style type="TEXT/CsS"> +#test3 { color: rgb(0, 128, 0); } +</style> + +<style type=" text/css "> +#test4 { color: rgb(0, 128, 0); } +</style> + +<style type="text/css; charset=utf-8"> +#test5 { color: rgb(0, 128, 0); } +</style> + +<body> + +<div id="test1"></div> +<div id="test2"></div> +<div id="test3"></div> +<div id="test4"></div> +<div id="test5"></div> + +<script> +"use strict"; + +test(() => { + assertApplied("test1"); +}, "With no type attribute, the style should apply"); + +test(() => { + assertApplied("test2"); +}, "With an empty type attribute, the style should apply"); + +test(() => { + assertApplied("test3"); +}, "With a mixed-case type attribute, the style should apply"); + +test(() => { + assertNotApplied("test4"); +}, "With a whitespace-surrounded type attribute, the style should not apply"); + +test(() => { + assertNotApplied("test5"); +}, "With a charset parameter in the type attribute, the style should not apply"); + +function getColor(id) { + return window.getComputedStyle(document.getElementById(id)).color; +} + +function assertApplied(id) { + assert_equals(getColor(id), "rgb(0, 128, 0)"); +} + +function assertNotApplied(id) { + assert_not_equals(getColor(id), "rgb(0, 128, 0)"); +} +</script> |