Add specs of outline view UI

spec/extensions/outline-view-spec.coffee

@@ -1,6 +1,61 @@
+RootView = require 'root-view'
+OutlineView = require 'outline-view'
 TagGenerator = require 'outline-view/tag-generator'
 
 describe "OutlineView", ->
+  [rootView, outlineView] = []
+
+  beforeEach ->
+    rootView = new RootView(require.resolve('fixtures'))
+    rootView.activateExtension(OutlineView)
+    outlineView = OutlineView.instance
+    rootView.attachToDom()
+
+  afterEach ->
+    rootView.deactivate()
+
+  it "displays all JavaScript functions with line numbers", ->
+    tags = []
+    waitsForPromise ->
+      tags = []
+      path = require.resolve('fixtures/sample.js')
+      callback = (tag) ->
+        tags.push tag
+      generator = new TagGenerator(path, callback)
+      generator.generate()
+
+    runs ->
+      rootView.open('sample.js')
+      expect(rootView.getActiveEditor().getCursorBufferPosition()).toEqual [0,0]
+      expect(rootView.find('.outline-view')).not.toExist()
+      outlineView.setArray(tags)
+      outlineView.attach()
+      expect(rootView.find('.outline-view')).toExist()
+      expect(outlineView.list.children('li').length).toBe 2
+      expect(outlineView.list.children('li:first').find('.function-name')).toHaveText 'quicksort'
+      expect(outlineView.list.children('li:first').find('.function-line')).toHaveText 'Line 1'
+      expect(outlineView.list.children('li:last').find('.function-name')).toHaveText 'quicksort.sort'
+      expect(outlineView.list.children('li:last').find('.function-line')).toHaveText 'Line 2'
+
+  it "moves the cursor to the selected function", ->
+    tags = []
+    waitsForPromise ->
+      tags = []
+      path = require.resolve('fixtures/sample.js')
+      callback = (tag) ->
+        tags.push tag
+      generator = new TagGenerator(path, callback)
+      generator.generate()
+
+    runs ->
+      rootView.open('sample.js')
+      expect(rootView.getActiveEditor().getCursorBufferPosition()).toEqual [0,0]
+      expect(rootView.find('.outline-view')).not.toExist()
+      outlineView.setArray(tags)
+      outlineView.attach()
+      expect(rootView.find('.outline-view')).toExist()
+      outlineView.confirmed(tags[1])
+      expect(rootView.getActiveEditor().getCursorBufferPosition()).toEqual [1,0]
 
   describe "TagGenerator", ->
     it "generates tags for all JavaScript functions", ->