summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/cssom/stylesheet-title.html
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/css/cssom/stylesheet-title.html')
-rw-r--r--testing/web-platform/tests/css/cssom/stylesheet-title.html39
1 files changed, 39 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/cssom/stylesheet-title.html b/testing/web-platform/tests/css/cssom/stylesheet-title.html
new file mode 100644
index 0000000000..77b1df9677
--- /dev/null
+++ b/testing/web-platform/tests/css/cssom/stylesheet-title.html
@@ -0,0 +1,39 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test: StyleSheet's title attribute</title>
+<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
+<link rel="help" href="https://drafts.csswg.org/cssom/#preferred-css-style-sheet-set-name">
+<link rel="help" href="https://html.spec.whatwg.org/multipage/#attr-style-title">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<style></style>
+<style title=""></style>
+<style title="Preferred">
+ p { color: green; }
+</style>
+<style title="Not preferred">
+ p { color: red; }
+</style>
+<p id="test-element">Should be green</p>
+<script>
+test(function() {
+ assert_equals(
+ getComputedStyle(document.getElementById("test-element")).color,
+ "rgb(0, 128, 0)",
+ "Preferred style should apply"
+ );
+}, "Preferred style sheet name");
+
+test(function() {
+ let sheets = document.styleSheets;
+ let styleElements = Array.from(document.querySelectorAll("style"));
+ assert_equals(sheets.length, styleElements.length);
+ for (let i = 0; i < sheets.length; ++i) {
+ let titleAttr = styleElements[i].getAttribute("title");
+ if (titleAttr === null || titleAttr === "")
+ assert_equals(sheets[i].title, null, "Empty title returns null");
+ else
+ assert_equals(sheets[i].title, titleAttr, "Selected title is properly reflected");
+ }
+}, "StyleSheet.title");
+</script>