transition.test.js 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. describe("transition", function () {
  2. beforeEach(function () {
  3. $(document.body).remove("#transitioner");
  4. $(document.body).append("<div id='transitioner'></div>");
  5. });
  6. it("should be an object",function(){
  7. var foo=$("#transitioner").transition();
  8. expect($.isObject(foo)).to.be.true;
  9. });
  10. it("should run a transition with a callback but not keep the transition",function(done){
  11. $("#transitioner").transition().end(function(){
  12. var matrix=($.getCssMatrix(this));
  13. matrix.m22.should.eql(1.2);
  14. }).run('scale(1.2)',"200ms");
  15. setTimeout(function(){
  16. var matrix=($.getCssMatrix($("#transitioner").get(0)));
  17. matrix.m22.should.eql(1);
  18. done();
  19. },300);
  20. });
  21. it("should run a transition with no callback",function(done){
  22. $("#transitioner").transition().run('scale(1.2)',"200ms");
  23. setTimeout(function(){
  24. var matrix=($.getCssMatrix($("#transitioner").get(0)));
  25. matrix.m22.should.eql(1);
  26. done();
  27. },300);
  28. });
  29. it("should keep the transition",function(done){
  30. $("#transitioner").transition().keep().run('scale(1.2)',"200ms");
  31. setTimeout(function(){
  32. var matrix=($.getCssMatrix($("#transitioner").get(0)));
  33. matrix.m22.should.eql(1.2);
  34. done();
  35. },300);
  36. });
  37. });