fabric.js/test/unit/circle.js

(function() {
  
  module('fabric.Circle');
  
  test('constructor', function(){
    ok(fabric.Circle);

    var circle = new fabric.Circle();
    
    ok(circle instanceof fabric.Circle, 'should inherit from fabric.Circle');
    ok(circle instanceof fabric.Object, 'should inherit from fabric.Object');
    
    same(circle.type, 'circle');
  });
  
  test('getRadiusX, getRadiusY', function() {
    var circle = new fabric.Circle({ radius: 10 });
    
    ok(typeof circle.getRadiusX == 'function', 'getRadiusX should exist');
    ok(typeof circle.getRadiusY == 'function', 'getRadiusY should exist');
    
    equals(circle.getRadiusX(), 10);
    equals(circle.getRadiusY(), 10);
    
    circle.scale(2);
    
    equals(circle.getRadiusX(), 20);
    equals(circle.getRadiusY(), 20);
    
    circle.set('scaleX', 3);
    
    equals(circle.getRadiusX(), 30);
    equals(circle.getRadiusY(), 20);
    
    circle.set('scaleY', 4);
    
    equals(circle.getRadiusX(), 30);
    equals(circle.getRadiusY(), 40);
  });
  
  test('complexity', function() {
    var circle = new fabric.Circle();
    ok(typeof circle.complexity == 'function');
    equals(circle.complexity(), 1);
  });
  
  test('toObject', function() {
    var circle = new fabric.Circle();
    var defaultProperties = {
      'type': 'circle', 
      'left': 0, 
      'top': 0, 
      'width': 0, 
      'height': 0, 
      'fill': 'rgb(0,0,0)', 
      'overlayFill': null,
      'stroke': null, 
      'strokeWidth': 1, 
      'scaleX': 1, 
      'scaleY': 1, 
      'angle': 0, 
      'flipX': false, 
      'flipY': false, 
      'opacity': 1, 
      'radius': 0,
      'selectable': true
    };
    ok(typeof circle.toObject == 'function');
    same(circle.toObject(), defaultProperties);
    
    circle.set('left', 100).set('top', 200).set('radius', 15);
    
    var augmentedProperties = fabric.util.object.extend(fabric.util.object.clone(defaultProperties), {
      left: 100,
      top: 200,
      radius: 15
    });
    
    same(circle.toObject(), augmentedProperties);
  });
  
  test('fromElement', function() {
    ok(typeof fabric.Circle.fromElement == 'function');
    
    var elCircle      = document.createElement('circle'),
        radius        = 10,
        left          = 12,
        top           = 15,
        fill          = 'ff5555',
        fillOpacity   = 0.5,
        strokeWidth   = 2;
    
        
    elCircle.setAttribute('r', radius);
    elCircle.setAttribute('cx', left);
    elCircle.setAttribute('cy', top);
    elCircle.setAttribute('fill', fill);
    elCircle.setAttribute('fill-opacity', fillOpacity);
    elCircle.setAttribute('stroke-width', strokeWidth);
    
    var oCircle = fabric.Circle.fromElement(elCircle);
    ok(oCircle instanceof fabric.Circle);
    
    equals(oCircle.get('radius'), radius);
    equals(oCircle.get('left'), left);
    equals(oCircle.get('top'), top);
    equals(oCircle.get('fill'), fill);
    equals(oCircle.get('opacity'), fillOpacity);
    equals(oCircle.get('strokeWidth'), strokeWidth);
    
    elFaultyCircle = document.createElement('circle');
    elFaultyCircle.setAttribute('r', '-10');
    
    var error;
    try {
      fabric.Circle.fromElement(elFaultyCircle);
    }
    catch(err) {
      error = err;
    }
    ok(error, 'negative attribute should throw');
    
    elFaultyCircle.removeAttribute('r');
    
    error = void 0;
    try {
      fabric.Circle.fromElement(elFaultyCircle);
    }
    catch(err) {
      error = err;
    }
    
    ok(error, 'inexstent attribute should throw');
  });
  
  test('fromObject', function() {
    ok(typeof fabric.Circle.fromObject == 'function');
    
    var left    = 112,
        top     = 234,
        radius  = 13.45,
        fill    = 'ff5555';
    
    var circle = fabric.Circle.fromObject({
      left: left, top: top, radius: radius, fill: fill
    });
    
    ok(circle instanceof fabric.Circle);
    
    equals(circle.get('left'), left);
    equals(circle.get('top'), top);
    equals(circle.get('radius'), radius);
    equals(circle.get('fill'), fill);
    
    var expected = circle.toObject();
    var actual = fabric.Circle.fromObject(expected).toObject();
    
    same(expected, actual);
  });
})();