konva/test/unit/Collection-test.js

suite('Collection', function() {
  var util;

  test('test collection method mapping', function() {
    // Node method
    assert.notEqual(Konva.Collection.prototype.on, undefined);

    // Layer method
    assert.notEqual(Konva.Collection.prototype.getContext, undefined);

    // Container method
    assert.notEqual(Konva.Collection.prototype.hasChildren, undefined);

    // Shape method
    assert.notEqual(Konva.Collection.prototype.strokeWidth, undefined);
  });

  test('add circle to stage', function() {
    var stage = addStage();
    var layer = new Konva.Layer();
    var circle1 = new Konva.Circle({
      x: 100,
      y: 100,
      radius: 70,
      fill: 'green',
      stroke: 'black',
      strokeWidth: 4,
      name: 'myCircle',
      draggable: true
    });

    var circle2 = new Konva.Circle({
      x: 300,
      y: 100,
      radius: 70,
      fill: 'red',
      stroke: 'black',
      strokeWidth: 4,
      name: 'myCircle',
      draggable: true
    });

    layer.add(circle1).add(circle2);
    stage.add(layer);

    layer
      .find('Circle')
      .fill('blue')
      .stroke('green');
    layer.draw();

    //console.log(layer.getContext().getTrace());

    assert.equal(
      layer.getContext().getTrace(),
      'clearRect(0,0,578,200);save();transform(1,0,0,1,100,100);beginPath();arc(0,0,70,0,6.283,false);closePath();fillStyle=green;fill();lineWidth=4;strokeStyle=black;stroke();restore();save();transform(1,0,0,1,300,100);beginPath();arc(0,0,70,0,6.283,false);closePath();fillStyle=red;fill();lineWidth=4;strokeStyle=black;stroke();restore();clearRect(0,0,578,200);save();transform(1,0,0,1,100,100);beginPath();arc(0,0,70,0,6.283,false);closePath();fillStyle=blue;fill();lineWidth=4;strokeStyle=green;stroke();restore();save();transform(1,0,0,1,300,100);beginPath();arc(0,0,70,0,6.283,false);closePath();fillStyle=blue;fill();lineWidth=4;strokeStyle=green;stroke();restore();'
    );
  });
});