The Tor Browser / file comparison
comparison: layout/style/test/test_transitions_dynamic_changes.html
layout/style/test/test_transitions_dynamic_changes.html
- branch
- TOR_BUG_9701
- changeset 11
- deefc01c0e14
equal
deleted
inserted
replaced
| -1:000000000000 | 0:30cea6d48c2f |
|---|---|
| 1 <!DOCTYPE HTML> | |
| 2 <html> | |
| 3 <!-- | |
| 4 https://bugzilla.mozilla.org/show_bug.cgi?id=525530 | |
| 5 --> | |
| 6 <head> | |
| 7 <title>Test for Bug 525530</title> | |
| 8 <script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script> | |
| 9 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/> | |
| 10 </head> | |
| 11 <body> | |
| 12 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=525530">Mozilla Bug 525530</a> | |
| 13 <p id="display" style="text-indent: 100px"></p> | |
| 14 <pre id="test"> | |
| 15 <script type="application/javascript"> | |
| 16 | |
| 17 /** Test for Bug 525530 **/ | |
| 18 | |
| 19 var p = document.getElementById("display"); | |
| 20 var cs = getComputedStyle(p, ""); | |
| 21 | |
| 22 p.style.transitionProperty = "all"; | |
| 23 p.style.transitionDuration = "4s"; | |
| 24 p.style.transitionDelay = "-2s"; | |
| 25 p.style.transitionTimingFunction = "linear"; | |
| 26 | |
| 27 is(cs.textIndent, "100px", "initial value"); | |
| 28 | |
| 29 p.style.textIndent = "0"; | |
| 30 is(cs.textIndent, "50px", "transition is halfway"); | |
| 31 p.style.transitionDuration = "0s"; | |
| 32 is(cs.textIndent, "50px", "changing duration doesn't change transitioning"); | |
| 33 p.style.transitionDelay = "0s"; | |
| 34 is(cs.textIndent, "50px", "changing delay doesn't change transitioning"); | |
| 35 p.style.transitionProperty = "text-indent"; | |
| 36 is(cs.textIndent, "50px", | |
| 37 "irrelevant change to transition property doesn't change transitioning"); | |
| 38 p.style.transitionProperty = "font"; | |
| 39 is(cs.textIndent, "0px", | |
| 40 "relevant change to transition property does change transitioning"); | |
| 41 | |
| 42 /** Test for Bug 522643 */ | |
| 43 p.style.transitionDuration = "4s"; | |
| 44 p.style.transitionDelay = "-2s"; | |
| 45 p.style.transitionProperty = "text-indent"; | |
| 46 p.style.textIndent = "100px"; | |
| 47 is(cs.textIndent, "50px", "transition is halfway"); | |
| 48 p.style.transitionDuration = "0s"; | |
| 49 p.style.transitionDelay = "0s"; | |
| 50 is(cs.textIndent, "50px", | |
| 51 "changing duration and delay doesn't change transitioning"); | |
| 52 p.style.textIndent = "0px"; | |
| 53 is(cs.textIndent, "0px", | |
| 54 "changing property after changing duration and delay stops transition"); | |
| 55 | |
| 56 </script> | |
| 57 </pre> | |
| 58 </body> | |
| 59 </html> |
