FM / spec

/home/techb158/immovalet.ca/bower_components/bootstrap-tour/src/spec/

/home/techb158/immovalet.ca/bower_components/bootstrap-tour/src/spec

Name	Size	Mode	Actions
bootstrap-tour.spec.coffee	24987	0666	edit dl rm

Edit: /home/techb158/immovalet.ca/bower_components/bootstrap-tour/src/spec/bootstrap-tour.spec.coffee (24987B)

describe "Bootstrap Tour", ->

beforeEach ->
    $.support.transition = false
    $.fx.off = true

afterEach ->
    tour = @tour
    @tour.setState("current_step", null)
    @tour.setState("end", null)
    $.each @tour._steps, (i, s) ->
      $element = $(tour.getStep(i).element)
      $element.popover("destroy").removeData("bs.popover")
      $element.remove()

it "should set the tour options", ->
    @tour = new Tour
      name: "test"
      afterSetState: -> true
      afterGetState: -> true
    expect(@tour._options.name).toBe "test"
    expect(@tour._options.afterGetState).toBeTruthy
    expect(@tour._options.afterSetState).toBeTruthy

it "should have 'tour' as default name", ->
    @tour = new Tour
    expect(@tour._options.name).toBe "tour"

it "should accept an array of steps", ->
    @tour = new Tour
    expect(@tour._steps).toEqual [] # tour accepts an array of steps

it "'setState' should save state as localStorage item", ->
    @tour = new Tour
    @tour.setState("test", "yes")
    expect(window.localStorage.getItem("tour_test")).toBe "yes"

it "'setState' should execute storage.setItem function if provided", ->
    aliasKeyName = undefined
    aliasValue = undefined

@tour = new Tour
      name: "test"
      storage:
        setItem: (keyName, value) ->
          aliasKeyName = keyName
          aliasValue = value
        getItem: (value) ->
          return aliasValue

@tour.setState("save", "yes")
    expect(aliasKeyName).toBe "test_save"
    expect(aliasValue).toBe "yes"

it "'setState' should save state internally if storage is false", ->
    @tour = new Tour
      storage: false
    @tour.setState("test", "yes")
    expect(@tour._state["test"]).toBe "yes"

it "'removeState' should remove state localStorage item", ->
    @tour = new Tour
    @tour.setState("test", "yes")
    @tour.removeState("test")
    expect(window.localStorage.getItem("tour_test")).toBe null

it "'removeState' should remove state internally if storage is false", ->
    @tour = new Tour
      storage: false
    @tour.setState("test", "yes")
    @tour.removeState("test")
    expect(@tour._state["test"]).toBeUndefined()

it "'getState' should get state localStorage items", ->
    @tour = new Tour
    @tour.setState("test", "yes")
    expect(@tour.getState("test")).toBe "yes"
    window.localStorage.setItem("tour_test", null)

it "'getState' should get the internal state if storage is false", ->
    @tour = new Tour
      storage: false
    @tour.setState("test", "yes")
    expect(@tour.getState("test")).toBe "yes"

it "'addStep' should add a step", ->
    @tour = new Tour
    step = element: $("<div></div>").appendTo("body")
    @tour.addStep(step)
    expect(@tour._steps).toEqual [step]

it "'addSteps' should add multiple step", ->
    @tour = new Tour
    firstStep = element: $("<div></div>").appendTo("body")
    secondStep = element: $("<div></div>").appendTo("body")
    @tour.addSteps([firstStep, secondStep])
    expect(@tour._steps).toEqual [firstStep, secondStep]

it "step should have an id", ->
    @tour = new Tour
    $element = $("<div></div>").appendTo("body")
    @tour.addStep({element: $element})
    @tour.start()
    expect($element.data("bs.popover").tip().attr("id")).toBe "step-0" # tour runs onStart when the first step shown

it "with 'onStart' option should run the callback before showing the first step", ->
    tour_test = 0
    @tour = new Tour
      onStart: -> tour_test += 2
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.start()
    expect(tour_test).toBe 2 # tour runs onStart when the first step shown

it "with 'onEnd' option should run the callback after hiding the last step", ->
    tour_test = 0
    @tour = new Tour
      onEnd: -> tour_test += 2
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.start()
    @tour.end()
    expect(tour_test).toBe 2 # tour runs onEnd when the last step hidden

it "with 'onShow' option should run the callback before showing the step", ->
    tour_test = 0
    @tour = new Tour
      onShow: -> tour_test += 2
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.start()
    expect(tour_test).toBe 2 # tour runs onShow when first step shown
    @tour.next()
    expect(tour_test).toBe 4 # tour runs onShow when next step shown

it "with 'onShown' option should run the callback after showing the step", ->
    tour_test = 0
    @tour = new Tour
      onShown: -> tour_test += 2
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.start()
    expect(tour_test).toBe 2 # tour runs onShown after first step shown

it "with 'onHide' option should run the callback before hiding the step", ->
    tour_test = 0
    @tour = new Tour
      onHide: -> tour_test += 2
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.start()
    @tour.next()
    expect(tour_test).toBe 2 # tour runs onHide when first step hidden
    @tour.hideStep(1)
    expect(tour_test).toBe 4 # tour runs onHide when next step hidden

it "with onHidden option should run the callback after hiding the step", ->
    tour_test = 0
    @tour = new Tour
      onHidden: -> tour_test += 2
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.start()
    @tour.next()
    expect(tour_test).toBe 2 # tour runs onHidden after first step hidden
    @tour.next()
    expect(tour_test).toBe 4 # tour runs onHidden after next step hidden

it "'addStep' with onShow option should run the callback before showing the step", ->
    tour_test = 0
    @tour = new Tour
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.addStep
      element: $("<div></div>").appendTo("body")
      onShow: -> tour_test = 2
    @tour.start()
    expect(tour_test).toBe 0 # tour does not run onShow when step not shown
    @tour.next()
    expect(tour_test).toBe 2 # tour runs onShow when step shown

it "'addStep' with onHide option should run the callback before hiding the step", ->
    tour_test = 0
    @tour = new Tour
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.addStep
      element: $("<div></div>").appendTo("body")
      onHide: -> tour_test = 2
    @tour.start()
    @tour.next()
    expect(tour_test).toBe 0 # tour does not run onHide when step not hidden
    @tour.hideStep(1)
    expect(tour_test).toBe 2 # tour runs onHide when step hidden

it "'getStep' should get a step", ->
    @tour = new Tour
    step =
      element: $("<div></div>").appendTo("body")
      id: "step-0"
      path: "test"
      placement: "left"
      title: "Test"
      content: "Just a test"
      next: 2
      prev: -1
      animation: false
      container: "body"
      backdrop: false
      redirect: true
      orphan: false
      duration: false
      template: "<div class='popover'>
        <div class='arrow'></div>
        <h3 class='popover-title'></h3>
        <div class='popover-content'></div>
        <nav class='popover-navigation'>
          <div class='btn-group'>
            <button class='btn btn-sm btn-default' data-role='prev'>&laquo; Prev</button>
            <button class='btn btn-sm btn-default' data-role='next'>Next &raquo;</button>
          </div>
          <button class='btn btn-sm btn-default' data-role='end'>End tour</button>
        </nav>
      </div>"
      onShow: (tour) ->
      onShown: (tour) ->
      onHide: (tour) ->
      onHidden: (tour) ->
      onNext: (tour) ->
      onPrev: (tour) ->
      onPause: (tour) ->
      onResume: (tour) ->
    @tour.addStep(step)
    # remove properties that we don't want to check from both steps object
    expect(@tour.getStep(0)).toEqual step

it "'start' should start a tour", ->
    @tour = new Tour
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.start()
    expect($(".popover").length).toBe 1

it "'init' should continue a tour", ->
    @tour = new Tour
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.setState("current_step", 0)
    @tour.init()
    expect($(".popover").length).toBe 1

it "'init' should not continue a tour that ended", ->
    @tour = new Tour
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.setState("current_step", 0)
    @tour.setState("end", "yes")
    @tour.init()
    expect($(".popover").length).toBe 0 # previously ended tour don't start again

it "'init'(true) should force continuing a tour that ended", ->
    @tour = new Tour
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.setState("current_step", 0)
    @tour.setState("end", "yes")
    @tour.init(true)
    expect($(".popover").length).toBe 1 # previously ended tour starts again if forced to

it "'next' should hide current step and show next step", ->
    @tour = new Tour
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.start()
    @tour.next()
    expect(@tour.getStep(0).element.data("bs.popover")).toBeUndefined() # tour hides current step
    expect(@tour.getStep(1).element.data("bs.popover").tip().filter(":visible").length).toBe 1 # tour shows next step

it "'end' should hide current step and set end state", ->
    @tour = new Tour
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.start()
    @tour.end()
    expect(@tour.getStep(0).element.data("bs.popover")).toBeUndefined() # tour hides current step
    expect(@tour.getState("end")).toBe "yes"

it "'ended' should return true if tour ended and false if not", ->
    @tour = new Tour
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.start()
    expect(@tour.ended()).toBe false
    @tour.end()
    expect(@tour.ended()).toBe true

it "'ended' should always return false if tour started by force", ->
    @tour = new Tour
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.end()
    @tour.start(true)
    expect(@tour.ended()).toBe false

it "'restart' should clear all states and start tour", ->
    @tour = new Tour
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.start()
    @tour.next()
    @tour.end()
    @tour.restart()
    expect(@tour.getState("end")).toBe null
    expect(@tour._current).toBe 0
    expect($(".popover").length).toBe 1 # tour starts

it "'hideStep' should hide a step", ->
    @tour = new Tour
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.start()
    @tour.hideStep(0)
    expect(@tour.getStep(0).element.data("bs.popover")).toBeUndefined()

it "'showStep' should set a step and show it", ->
    @tour = new Tour
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.showStep(1)
    expect(@tour._current).toBe 1
    expect($(".popover").length).toBe 1 # tour shows one step
    expect(@tour.getStep(1).element.data("bs.popover").tip().filter(":visible").length).toBe 1 # tour shows correct step

it "'showStep' should not show anything when the step doesn't exist", ->
    @tour = new Tour
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.showStep(2)
    expect($(".popover").length).toBe 0

it "'showStep' should execute template if it is a function", ->
    @tour = new Tour
    @tour.addStep
      element: $("<div></div>").appendTo("body")
      template: -> "<div class='popover'></div>"
    @tour.showStep(0)
    expect($(".popover").length).toBe 1

it "'getStep' should add disabled classes to the first and last popover buttons", ->
    @tour = new Tour
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.showStep(0)
    expect($(".popover [data-role='prev']").hasClass('disabled')).toBe true
    @tour.showStep(1)
    expect($(".popover [data-role='next']").hasClass('disabled')).toBe true

it "'setCurrentStep' should set the current step", ->
    @tour = new Tour
    @tour.setCurrentStep(4)
    expect(@tour._current).toBe 4 # tour sets current step if passed a value
    @tour.setState("current_step", 2)
    @tour.setCurrentStep()
    expect(@tour._current).toBe 2 # tour reads current step state if not passed a value

it "'goTo' should show the specified step", ->
    @tour = new Tour
    @tour.addStep({element: $("<div></div>").appendTo("body")})
    @tour.addStep({element: $("<div></div>").appendTo("body")})
    @tour.goTo(1)
    expect(@tour.getStep(1).element.data("bs.popover").tip().filter(":visible").length).toBe 1

it "'next' should show the next step", ->
    @tour = new Tour
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.start()
    @tour.next()
    expect(@tour.getStep(1).element.data("bs.popover").tip().filter(":visible").length).toBe 1

it "'prev' should show the previous step", ->
    @tour = new Tour
    @tour.addStep({element: $("<div></div>").appendTo("body")})
    @tour.addStep({element: $("<div></div>").appendTo("body")})
    @tour.goTo(1)
    @tour.prev()
    expect(@tour.getStep(0).element.data("bs.popover").tip().filter(":visible").length).toBe 1

it "'showStep' should show multiple step on the same element", ->
    @tour = new Tour
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.start()
    expect(@tour.getStep(0).element.data("bs.popover").tip().filter(":visible").length).toBe 1 # tour show the first step
    @tour.next()
    expect(@tour.getStep(1).element.data("bs.popover").tip().filter(":visible").length).toBe 1 # tour show the second step on the same element

it "should evaluate 'path' correctly", ->
    @tour = new Tour

# don't redirect if no path
    expect(@tour._isRedirect(undefined, "/")).toBe false
    # don't redirect if path empty
    expect(@tour._isRedirect("", "/")).toBe false
    # don't redirect if path matches current path
    expect(@tour._isRedirect("/somepath", "/somepath")).toBe false
    # don't redirect if path with slash matches current path
    expect(@tour._isRedirect("/somepath/", "/somepath")).toBe false
    # don't redirect if path matches current path with slash
    expect(@tour._isRedirect("/somepath", "/somepath/")).toBe false
    # don't redirect if path with query params matches current path
    expect(@tour._isRedirect("/somepath?search=true", "/somepath")).toBe false
    # don't redirect if path with slash and query params matches current path
    expect(@tour._isRedirect("/somepath/?search=true", "/somepath")).toBe false
    # redirect if path doesn't match current path
    expect(@tour._isRedirect("/anotherpath", "/somepath")).toBe true

it "'getState' should return null after 'removeState' with null value", ->
    @tour = new Tour
    @tour.setState("test", "test")
    @tour.removeState("test")
    expect(@tour.getState("test")).toBe null

it "'removeState' should call 'afterRemoveState' callback", ->
    sentinel = false
    @tour = new Tour
      afterRemoveState: -> sentinel = true
    @tour.removeState("current_step")
    expect(sentinel).toBe true

it "should not move to the next state until the onShow promise is resolved", ->
    @tour = new Tour
    deferred = $.Deferred()
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.addStep
      element: $("<div></div>").appendTo("body")
      onShow: -> return deferred
    @tour.start()
    @tour.next()
    expect(@tour._current).toBe 0 # tour shows old state until resolving of onShow promise
    deferred.resolve()
    expect(@tour._current).toBe 1 # tour shows new state after resolving onShow promise

it "should not hide popover until the onHide promise is resolved", ->
    deferred = $.Deferred()
    @tour = new Tour
    @tour.addStep
      element: $("<div></div>").appendTo("body")
      onHide: -> return deferred
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.start()
    @tour.next()
    expect(@tour._current).toBe 0 # tour shows old state until resolving of onHide promise
    deferred.resolve()
    expect(@tour._current).toBe 1 # tour shows new state after resolving onShow promise

it "should not start until the onStart promise is resolved", ->
    deferred = $.Deferred()
    @tour = new Tour
      onStart: -> deferred
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.start()
    expect($(".popover").length).toBe 0
    deferred.resolve()
    expect($(".popover").length).toBe 1

it "'reflex' parameter should change the element cursor to pointer when the step is shown", ->
    $element = $("<div></div>").appendTo("body")
    @tour = new Tour
    @tour.addStep
      element: $element
      reflex: true
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    expect($element.css("cursor")).toBe "auto" # Tour doesn't change the element cursor before displaying the step
    @tour.start()
    expect($element.css("cursor")).toBe "pointer" # Tour change the element cursor to pointer when the step is displayed
    @tour.next()
    expect($element.css("cursor")).toBe "auto" # Tour reset the element cursor when the step is hidden

it "'showStep' redirects to the anchor when the path is an anchor", ->
    @tour = new Tour
    @tour.addStep
      element: $("<div></div>").appendTo("body")
      path: "#mytest"
    @tour.showStep(0)
    expect(document.location.hash).toBe "#mytest" # Tour step has moved to the anchor
    document.location.hash = ""

it "'backdrop' parameter should show backdrop with step", ->
    @tour = new Tour
    @tour.addStep
      element: $("<div></div>").appendTo("body")
      backdrop: false
    @tour.addStep
      element: $("<div></div>").appendTo("body")
      backdrop: true
    @tour.start()
    expect($(".tour-backdrop").length).toBe 0 # disable backdrop
    expect($(".tour-step-backdrop").length).toBe 0 # disable backdrop
    expect($(".tour-step-background").length).toBe 0 # disable backdrop
    @tour.next()
    expect($(".tour-backdrop").length).toBe 1 # enable backdrop
    expect($(".tour-step-backdrop").length).toBe 1 # enable backdrop
    expect($(".tour-step-background").length).toBe 1 # enable backdrop
    @tour.end()
    expect($(".tour-backdrop").length).toBe 0 # disable backdrop
    expect($(".tour-step-backdrop").length).toBe 0 # disable backdrop
    expect($(".tour-step-background").length).toBe 0 # disable backdrop

it "'basePath' should prepend the path to the steps", ->
    @tour = new Tour
      basePath: 'test/'
    @tour.addStep
      element: $("<div></div>").appendTo("body")
      path: 'test.html'
    expect(@tour._isRedirect(@tour._options.basePath + @tour.getStep(0).path, 'test/test.html')).toBe false # Tour adds basePath to step path

it "with 'onNext' option should run the callback before showing the next step", ->
    tour_test = 0
    @tour = new Tour
      onNext: -> tour_test += 2
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.start()
    @tour.next()
    expect(tour_test).toBe 2

it "'addStep' with onNext option should run the callback before showing the next step", ->
    tour_test = 0
    @tour = new Tour
    @tour.addStep
      element: $("<div></div>").appendTo("body")
      onNext: -> tour_test = 2
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.start()
    expect(tour_test).toBe 0 # tour does not run onNext when next step is not called
    @tour.next()
    expect(tour_test).toBe 2 # tour runs onNext when next step is called

it "with 'onPrev' option should run the callback before showing the prev step", ->
    tour_test = 0
    @tour = new Tour
      onPrev: -> tour_test += 2
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.start()
    @tour.next()
    @tour.prev()
    expect(tour_test).toBe 2 # tour runs onPrev when prev step is called

it "'addStep' with 'onPrev' option should run the callback before showing the prev step", ->
    tour_test = 0
    @tour = new Tour
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.addStep
      element: $("<div></div>").appendTo("body")
      onPrev: -> tour_test = 2
    @tour.start()
    expect(tour_test).toBe 0 # tour does not run onPrev when prev step is not called
    @tour.next()
    @tour.prev()
    expect(tour_test).toBe 2 # tour runs onPrev when prev step is called

it "should render custom navigation template", ->
    @tour = new Tour
      template:
        "<div class='popover tour'>
          <div class='arrow'></div>
          <h3 class='popover-title'></h3>
          <div class='popover-content'></div>
          <div class='popover-navigation'>
            <a data-role='prev'></a>
            <a data-role='next'></a>
            <a data-role='end'></a>
          </div>
        </div>"
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.start()
    @tour.next()
    expect($(".popover .popover-navigation a").length).toBe 3

it "should have 'data-role' attribute for navigation template", ->
    @tour = new Tour
    template = $(@tour._options.template)
    expect(template.find("*[data-role=next]").size()).toBe 1
    expect(template.find("*[data-role=prev]").size()).toBe 1
    expect(template.find("*[data-role=end]").size()).toBe 1

it "should unbind click events when hiding step (in reflex mode)", ->
    $element = $("<div></div>").appendTo("body")
    @tour = new Tour
    @tour.addStep
      element: $element
      reflex: true
    @tour.addStep(element: $("<div></div>").appendTo("body"))

expect($._data($element[0], "events")).not.toBeDefined()
    @tour.start()
    expect($._data($element[0], "events").click.length).toBeGreaterThan 0
    expect($._data($element[0], "events").click[0].namespace).toBe "tour-#{@tour._options.name}"

$.each [0..10], =>
      @tour.next()
      expect($._data($element[0], "events")).not.toBeDefined()
      @tour.prev()
      expect($._data($element[0], "events").click.length).toBeGreaterThan 0
      expect($._data($element[0], "events").click[0].namespace).toBe "tour-#{@tour._options.name}"

it "should add 'tour-{tourName}' class to the popover", ->
    @tour = new Tour
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.showStep(0)
    expect($(".popover").hasClass("tour-#{@tour._options.name}")).toBe true

# orphan
  it "should show orphan steps", ->
    @tour = new Tour
    @tour.addStep
      orphan: true
    @tour.showStep(0)
    expect($(".popover").length).toBe 1
    $(".popover").remove()

it "should add 'orphan' class to the popover", ->
    @tour = new Tour
    @tour.addStep
      orphan: true
    @tour.showStep(0)
    expect($(".popover").hasClass("orphan")).toBe true
    $(".popover").remove()

it "handles quota_exceeded exceptions", ->
    @tour = new Tour
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    spyOn(@tour._options.storage, "setItem").andCallFake -> throw new Error("QUOTA_EXCEEDED_ERR", "QUOTA_EXCEEDED_ERR: DOM Exception 22")
    spyOn(@tour, "setState")
    @tour.setState("test", "1")
    expect(=> @tour.setState).not.toThrow()

# duration
  it "should start the timer", ->
    @tour = new Tour
      duration: 5000
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.start()
    expect(@tour._timer).toBeDefined()
    expect(@tour._duration).toBeDefined()
    window.clearTimeout(@tour._timer)

it "should pause the timer on pause", ->
    @tour = new Tour
      duration: 5000
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.start()
    window.setTimeout( =>
      @tour.pause()
      expect(@tour._timer).toBe null
      expect(@tour._duration).toBeGreaterThan(0).toBeLessThan(5000)
    , 1000)

it "should stop the timer on hideStep", ->
    @tour = new Tour
      duration: 5000
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.start()
    @tour.hideStep(0)
    expect(@tour._timer).toBe null
    expect(@tour._duration).toBe null

it "should stop the timer on end", ->
    @tour = new Tour
      duration: 5000
    @tour.addStep(element: $("<div></div>").appendTo("body"))
    @tour.start()
    @tour.end()
    expect(@tour._timer).toBe null
    expect(@tour._duration).toBe null

cmd: