茉莉花鼠標事件

Question

我是Jasmine和jQuery的新手，並且在mousedown事件中遇到了麻煩。這是我規範中失敗的部分（Jasmine說，間諜mousedown沒有被調用。）我懷疑這可能是因爲我觸發事件的方式。

it("draws a path on mousedown", function() { 
    spyOn(drawing,'mousedown'); 
    $('#canvas').trigger('mousedown'); 
    expect(drawing.mousedown).toHaveBeenCalled(); 
    expect(drawing.isDrawing).toEqual(true); 
}); 

相應的JavaScript代碼是在這裏：

function Drawing(canvas, eraseAllButton, eraseButton) { 
    this.isDrawing = false; 
    this.erasing = false; 
    this.canvas = canvas; 
    this.context = canvas.getContext("2d"); 
    this.eraseAllButton = eraseAllButton; 
    this.eraseButton = eraseButton; 

// Sets up event listeners for drawing. 
    var self = this; 
    this.canvas.addEventListener("mousedown", function() { self.mousedown() }, false); 
}; 

// Begins to draw a path on mousedown. 
Drawing.prototype.mousedown = function(e) { 
    if (!e) var e = window.event; 
    e.preventDefault();  

    this.isDrawing = true; 
    this.x = e.pageX - this.canvas.offsetLeft; 
    this.y = e.pageY - this.canvas.offsetTop; 
    this.context.beginPath(); 
    this.context.moveTo(this.x, this.y); 
}; 

Answer 1

試試這個：

var mouse = document.createEvent('MouseEvents'); 
mouse.initMouseEvent('mousedown', true, true, window); 
$('#canvas').get(0).dispatchEvent(mouse);