| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <script src="resources/text-based-repaint.js" type="text/javascript"></script> | 2 <script src="resources/text-based-repaint.js" type="text/javascript"></script> |
| 3 <script> | 3 <script> |
| 4 function repaintTest() | 4 function repaintTest() |
| 5 { | 5 { |
| 6 document.getElementById('q1').className = 'q-unchanged'; | 6 document.getElementById('q1').className = 'q-unchanged'; |
| 7 document.getElementById('q2').className = 'q-changed'; | 7 document.getElementById('q2').className = 'q-changed'; |
| 8 } | 8 } |
| 9 window.onload = runRepaintAndPixelTest; | 9 window.onload = runRepaintAndPixelTest; |
| 10 </script> | 10 </script> |
| 11 <style> | 11 <style> |
| 12 .q { | 12 .q { |
| 13 quotes: '<' '>'; | 13 quotes: '<' '>'; |
| 14 } | 14 } |
| 15 .q-changed { | 15 .q-changed { |
| 16 quotes: '{' '}'; | 16 quotes: '{' '}'; |
| 17 } | 17 } |
| 18 .q-unchanged { | 18 .q-unchanged { |
| 19 quotes: '<' '>'; | 19 quotes: '<' '>'; |
| 20 } | 20 } |
| 21 </style> | 21 </style> |
| 22 <div><q id="q1" class="q">quote 1</q></div> | 22 <div><q id="q1" class="q">quote 1</q></div> |
| 23 <div><q id="q2" class="q">quote 2</q></div> | 23 <div><q id="q2" class="q">quote 2</q></div> |
| OLD | NEW |