canvas-lms/spec/coffeescripts/views/DiscussionTopic/DiscussionTopicToolbarViewSpec.coffee at stable · csseditor/canvas-lms · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
define [
  'jquery'
  'compiled/views/DiscussionTopic/DiscussionTopicToolbarView'
], ($, DiscussionTopicToolbarView) ->

  fixture = """
  <div id="discussion-topic-toolbar">
    <div id="keyboard-shortcut-modal-info" tabindex="0">
      <span class="accessibility-warning" style="display: none;"></span>
    </div>
  </div>
  """

  QUnit.module 'DiscussionTopicToolbarView',
    setup: ->
      $('#fixtures').html(fixture)
      @view = new DiscussionTopicToolbarView(el: '#discussion-topic-toolbar')
      @info = @view.$('#keyboard-shortcut-modal-info .accessibility-warning')

    teardown: ->
      $('#fixtures').empty()

  test 'keyboard shortcut modal info shows when it has focus', ->
    ok @info.css('display') is 'none'
    @view.$('#keyboard-shortcut-modal-info').focus()
    ok @info.css('display') isnt 'none'

  test 'keyboard shortcut modal info hides when it loses focus', ->
    @view.$('#keyboard-shortcut-modal-info').focus()
    ok @info.css('display') isnt 'none'
    @view.$('#keyboard-shortcut-modal-info').blur()
    ok @info.css('display') is 'none'