LayoutTests/fast/history/multiple-classes-visited.html

   1 <html>
   2 <head>
   3 <script>
   4 if (window.layoutTestController) {
   5     window.layoutTestController.keepWebHistory();
   6     window.layoutTestController.dumpAsText();
   7 }
   8
   9 function compareStyles()
  10 {
  11     if (window.layoutTestController) {
  12         var firstStyle = window.layoutTestController.computedStyleIncludingVisitedInfo(document.getElementById('one'));
  13         var secondStyle = window.layoutTestController.computedStyleIncludingVisitedInfo(document.getElementById('two'));
  14         if (firstStyle.color != secondStyle.color) {
  15             document.getElementById('result').innerHTML = 'FAIL';
  16             return;
  17         }
  18     }
  19
  20     var firstStyle = window.getComputedStyle(document.getElementById('one'), "");
  21     var secondStyle = window.getComputedStyle(document.getElementById('two'), "");
  22     if (firstStyle.color == secondStyle.color) {
  23         document.getElementById('result').innerHTML = 'FAIL';
  24         return;
  25     }
  26 }
  27 </script>
  28 <style>
  29 #one:link { color: green }
  30 #two:link { color: purple }
  31 #one:visited { color: orange }
  32 #two.test:visited { color: orange }
  33 </style>
  34 </head>
  35 <body onload="compareStyles()">
  36 <iframe src="resources/dummy.html" style="display:none"></iframe>
  37
  38 <p>
  39 These two links should be the same color (orange):
  40 </p>
  41 <p>
  42 <a href="resources/dummy.html" id="one">One</a>
  43 <a href="resources/dummy.html" id="two" class="test">Two</a><br>
  44 </p>
  45 <p id=result>
  46 PASS
  47 </p>
  48 </body>
  49 </html>