third_party/WebKit/LayoutTests/fast/css/quotes-computedstyle.html

   1 <!DOCTYPE html>
   2 <script src="../../resources/js-test.js"></script>
   3
   4 <style>
   5 q:lang(no) { quotes: none }
   6 q:lang(qs) { quotes: "<<" ">>" "<" ">" }
   7 </style>
   8
   9 <p id="p1">Before <q lang="no">q1-text <q>q2-text</q> q1-text</q> after.</p>
  10 <p id="p2">Before <q lang="qs">q1-text <q>q2-text</q> q1-text</q> after.</p>
  11
  12 <script>
  13
  14 description("Tests the computed style of quotes property.");
  15 var child1 = document.getElementById('p1').children[0].children[0];
  16 var child2 = document.getElementById('p2').children[0].children[0];
  17
  18 shouldBeEqualToString("getComputedStyle(child1).quotes","none");
  19 shouldBeEqualToString("getComputedStyle(child1).getPropertyValue('quotes')", "none");
  20
  21 shouldBeEqualToString("getComputedStyle(child2).quotes",'"<<" ">>" "<" ">"');
  22 shouldBeEqualToString("getComputedStyle(child2).getPropertyValue('quotes')", '"<<" ">>" "<" ">"');
  23 </script>