1 files changed, 58 insertions, 0 deletions
diff --git a/testing/web-platform/tests/selectors/attribute-selectors/attribute-case/cssom.html b/testing/web-platform/tests/selectors/attribute-selectors/attribute-case/cssom.html
new file mode 100644
index 000000000..af5de10eb
--- /dev/null
+++ b/testing/web-platform/tests/selectors/attribute-selectors/attribute-case/cssom.html
@@ -0,0 +1,58 @@
+<!doctype html>
+<title>Selectors: CSSOM of case-sensitivity attribute selector</title>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<div id=log></div>
+<script>
+function new_sheet(use_media) {
+  var style = document.getElementsByTagName('style')[0];
+  if (style)
+    style.parentNode.removeChild(style);
+  style = document.createElement('style');
+  document.head.appendChild(style);
+  if (use_media) {
+    style.textContent = '@media all {}';
+    return style.sheet.cssRules[0];
+  }
+  return style.sheet;
+}
+
+var tests = [
+  // test input, expected serialization
+  ['[foo="bar"] /* sanity check */', '[foo="bar"]'],
+  ['[foo="bar" i]', '[foo="bar" i]'],
+  ['[foo="bar" /**/ i]', '[foo="bar" i]'],
+  ['[foo="bar"/**/i]', '[foo="bar" i]'],
+]
+
+tests.forEach(function(arr) {
+  var input = arr[0];
+  var expected = arr[1];
+  ["", " in @media"].forEach(function(use_media) {
+    test(function() {
+      var sheet = new_sheet(use_media);
+      sheet.insertRule(input + ' {}', 0);
+      assert_equals(sheet.cssRules.length, 1);
+    }, input + ' insertRule' + use_media);
+
+    test(function() {
+      var sheet = new_sheet(use_media);
+      sheet.insertRule(input + ' {}', 0);
+      assert_equals(sheet.cssRules[0].cssText.substr(0, expected.length), expected);
+    }, input + ' getting CSSRule#cssText' + use_media);
+
+    test(function() {
+      var sheet = new_sheet(use_media);
+      sheet.insertRule(input + ' {}', 0);
+      assert_equals(sheet.cssRules[0].selectorText, expected);
+    }, input + ' getting CSSStyleRule#selectorText' + use_media);
+
+    test(function() {
+      var sheet = new_sheet(use_media);
+      sheet.insertRule('foobar {}', 0);
+      sheet.cssRules[0].selectorText = input;
+      assert_equals(sheet.cssRules[0].selectorText, expected);
+    }, input + ' setting CSSStyleRule#selectorText' + use_media);
+  });
+});
+</script>