| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <marquee direction="DOwN">The text should move down.</marquee> | 2 <marquee direction="DOwN">The text should move down.</marquee> |
| 3 <marquee direction="uP">The text should move up.</marquee> | 3 <marquee direction="uP">The text should move up.</marquee> |
| 4 <marquee direction="RiGHt">The text should move right.</marquee> | 4 <marquee direction="RiGHt">The text should move right.</marquee> |
| 5 <marquee direction="leFT">The text should move left.</marquee> | 5 <marquee direction="leFT">The text should move left.</marquee> |
| 6 <script src="../../resources/js-test.js"></script> | 6 <script src="../../resources/js-test.js"></script> |
| 7 <script> | 7 <script> |
| 8 var marquees = document.querySelectorAll('marquee'); | 8 var marquees = document.querySelectorAll('marquee'); |
| 9 for (i = 0; i < marquees.length; ++i) { | 9 for (i = 0; i < marquees.length; ++i) { |
| 10 var marquee = marquees[i]; | 10 var marquee = marquees[i]; |
| 11 var computedStyle = getComputedStyle(marquee); | 11 var computedStyle = getComputedStyle(marquee); |
| 12 switch (marquee.getAttribute('direction').toLowerCase()) { | 12 switch (marquee.getAttribute('direction').toLowerCase()) { |
| 13 case 'down': | 13 case 'down': |
| 14 case 'up': | 14 case 'up': |
| 15 shouldBeEqualToString("computedStyle.whiteSpace", "normal"); | 15 shouldBeEqualToString("computedStyle.whiteSpace", "normal"); |
| 16 break; | 16 break; |
| 17 case 'right': | 17 case 'right': |
| 18 case 'left': | 18 case 'left': |
| 19 default: | 19 default: |
| 20 shouldBeEqualToString("computedStyle.whiteSpace", "nowrap"); | 20 shouldBeEqualToString("computedStyle.whiteSpace", "nowrap"); |
| 21 } | 21 } |
| 22 } | 22 } |
| 23 </script> | 23 </script> |
| OLD | NEW |