Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(181)

Side by Side Diff: sky/tests/animation/basic-transition.sky

Issue 760183003: Enable/Unprefix Animations & Transitions, add basic tests (Closed) Base URL: https://github.com/domokit/mojo.git@master
Patch Set: Created 6 years ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(Empty)
1 <sky>
2 <import src="../resources/chai.sky" />
3 <import src="../resources/mocha.sky" />
4 <div></div>
5 <style>
6 div {
7 width: 100px;
ojan 2014/12/10 03:48:16 Inconsistent indentation
rafaelw 2014/12/10 18:30:24 Done.
8 height: 100px;
9 background: red;
10 position: relative;
11 transition: width 2s;
12 transition-timing-function: linear;
13 }
14
15 div#example {
16 width: 200px;
17 }
18 </style>
19 <script>
20 var example = document.querySelector('div');
21 example.offsetWidth; // force a style resolution so that next line's assigment t riggers the transition
22 example.id = "example";
23
24 describe('width', function() {
25 it('should transition from 100px to 200px', function() {
26 internals.pauseAnimations(1);
27 assert.equal('150px', getComputedStyle(example).width);
28 });
29 });
30 </script>
31 </sky>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698