diff options
Diffstat (limited to 'testing/web-platform/tests/html/semantics/document-metadata/the-style-element/style_type_svg.svg')
-rw-r--r-- | testing/web-platform/tests/html/semantics/document-metadata/the-style-element/style_type_svg.svg | 75 |
1 files changed, 75 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/semantics/document-metadata/the-style-element/style_type_svg.svg b/testing/web-platform/tests/html/semantics/document-metadata/the-style-element/style_type_svg.svg new file mode 100644 index 0000000000..6b0d1e874e --- /dev/null +++ b/testing/web-platform/tests/html/semantics/document-metadata/the-style-element/style_type_svg.svg @@ -0,0 +1,75 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg xmlns="http://www.w3.org/2000/svg" + xmlns:h="http://www.w3.org/1999/xhtml" + width="800px" height="8000px"> + <title><style> type="" edge cases</title> + <metadata> + <h:link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#update-a-style-block"/> + </metadata> + <h:script src="/resources/testharness.js"/> + <h:script src="/resources/testharnessreport.js"/> + + <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> + + <h:body> + <h:div id="test1"/> + <h:div id="test2"/> + <h:div id="test3"/> + <h:div id="test4"/> + <h:div id="test5"/> + + <h:script><![CDATA[ + "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)"); + } + ]]></h:script> + </h:body> +</svg> |