LayoutTests/fast/history/sibling-visited-test.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 :link { color: orange }
  30 :visited + :link { color: green }
  31 :visited { color: green }
  32 </style>
  33 </head>
  34 <body onload="compareStyles()">
  35 <iframe src="resources/dummy.html" style="display:none"></iframe>
  36
  37 <p>
  38 These two links should be different colors (green and orange):
  39 </p>
  40 <p style="color:green">
  41 <a href="resources/dummy.html" id="one">One</a>
  42 <a href="http://madeup.site.com" id="two">Two</a>
  43 </p>
  44
  45 <script>
  46
  47 </script>
  48
  49 <p id=result>
  50 PASS
  51 </p>
  52 </body>
  53 </html>