Testing a simple toggle class show and hide with Jasmine

toggleClass_html.html

<a href="#" class="js-toggle-calendar">
  Toggle Calendar
</a>

<div id="calendar" class="hide">
Calendar
</div>

toogleClass_spec.coffee

describe "Calendar Toggle", ->
  
  fixture.load "toggleClass_html"

  it "should be a calendar", ->
    expect($('#calendar')).toExist()

  it "should have a hide class", ->
    expect($('#calendar')).toHaveClass('hide')

  it "should prevent default when fired", ->
    event = {
    	type: 'click',
    	preventDefault: ->
    }
    spy = spyOn( event, 'preventDefault' )
    $('.js-toggle-calendar').trigger(event)
    expect(spy).toHaveBeenCalled()
    spy.reset()

  it "should toggle class hide when fired", ->
    $trigger = $('.js-toggle-calendar')
    $calendar = $('#calendar')
    #click first time toggleClass
    $trigger.trigger('click')
    expect($calendar).not.toHaveClass('hide')
    #click second time
    $trigger.trigger('click')
    expect($calendar).toHaveClass('hide')