Fix code style issues

.eslintrc

@@ -11,7 +11,8 @@
   "env": {
     "browser": true,
     "node": true,
-    "es6": true
+    "es6": true,
+    "jasmine": true
   },
 
   "extends": "standard"

src/components/Select.vue

@@ -370,9 +370,9 @@
        */
       options: {
         type: Array,
-        default() {
+        default () {
           return []
-        },
+        }
       },
 
       /**
@@ -469,13 +469,13 @@
        */
       getOptionLabel: {
         type: Function,
-        default(option) {
+        default (option) {
           if (typeof option === 'object') {
             if (this.label && option[this.label]) {
               return option[this.label]
             }
           }
-          return option;
+          return option
         }
       },
 
@@ -538,7 +538,7 @@
        */
       createOption: {
         type: Function,
-        default(newOption) {
+        default (newOption) {
           if (typeof this.mutableOptions[0] === 'object') {
             newOption = {[this.label]: newOption}
           }
@@ -583,10 +583,10 @@
       dir: {
         type: String,
         default: 'auto'
-      },
+      }
     },
 
-    data() {
+    data () {
       return {
         search: '',
         open: false,
@@ -602,7 +602,7 @@
        * @param  {mixed} val
        * @return {void}
        */
-      value(val) {
+      value (val) {
         this.mutableValue = val
       },
 
@@ -612,11 +612,11 @@
        * @param  {string|object} old
        * @return {void}
        */
-			mutableValue(val, old) {
+      mutableValue (val, old) {
         if (this.multiple) {
-          this.onChange ? this.onChange(val) : null
+          if (this.onChange) this.onChange(val)
         } else {
-          this.onChange && val !== old ? this.onChange(val) : null
+          if (this.onChange && val !== old) this.onChange(val)
         }
       },
 
@@ -626,7 +626,7 @@
        * @param  {array} val
        * @return {void}
        */
-      options(val) {
+      options (val) {
         this.mutableOptions = val
       },
 
@@ -635,7 +635,7 @@
        * when mutableOptions change.
        * @return {[type]} [description]
        */
-      mutableOptions() {
+      mutableOptions () {
         if (!this.taggable && this.resetOnOptionsChange) {
           this.mutableValue = this.multiple ? [] : null
         }
@@ -647,7 +647,7 @@
        * @param  {Boolean} val
        * @return {void}
        */
-      multiple(val) {
+      multiple (val) {
         this.mutableValue = val ? [] : null
       }
     },
@@ -656,7 +656,7 @@
      * Clone props into mutable values,
      * attach any event listeners.
      */
-    created() {
+    created () {
       this.mutableValue = this.value
       this.mutableOptions = this.options.slice(0)
       this.mutableLoading = this.loading
@@ -671,7 +671,7 @@
        * @param  {Object|String} option
        * @return {void}
        */
-      select(option) {
+      select (option) {
         if (this.isOptionSelected(option)) {
           this.deselect(option)
         } else {
@@ -696,15 +696,15 @@
        * @param  {Object|String} option
        * @return {void}
        */
-      deselect(option) {
+      deselect (option) {
         if (this.multiple) {
           let ref = -1
           this.mutableValue.forEach((val) => {
-            if (val === option || typeof val === 'object' && val[this.label] === option[this.label]) {
+            if (val === option || (typeof val === 'object' && val[this.label] === option[this.label])) {
               ref = val
             }
           })
-          var index = this.mutableValue.indexOf(ref)
+          const index = this.mutableValue.indexOf(ref)
           this.mutableValue.splice(index, 1)
         } else {
           this.mutableValue = null
@@ -716,7 +716,7 @@
        * @param  {Object|String} option
        * @return {void}
        */
-      onAfterSelect(option) {
+      onAfterSelect (option) {
         if (this.closeOnSelect) {
           this.open = !this.open
           this.$refs.search.blur()
@@ -732,8 +732,9 @@
        * @param  {Event} e
        * @return {void}
        */
-      toggleDropdown(e) {
+      toggleDropdown (e) {
-        if (e.target === this.$refs.openIndicator || e.target === this.$refs.search || e.target === this.$refs.toggle || e.target === this.$el) {
+        if (e.target === this.$refs.openIndicator || e.target === this.$refs.search ||
+            e.target === this.$refs.toggle || e.target === this.$el) {
           if (this.open) {
             this.$refs.search.blur() // dropdown will close on blur
           } else {
@@ -750,7 +751,7 @@
        * @param  {Object|String}  option
        * @return {Boolean}        True when selected | False otherwise
        */
-      isOptionSelected(option) {
+      isOptionSelected (option) {
         if (this.multiple && this.mutableValue) {
           let selected = false
           this.mutableValue.forEach(opt => {
@@ -758,8 +759,7 @@
               selected = true
             } else if (typeof opt === 'object' && opt[this.label] === option) {
               selected = true
-            }
+            } else if (opt === option) {
-            else if (opt === option) {
               selected = true
             }
           })
@@ -774,7 +774,7 @@
        * Otherwise, blur the search input to close the dropdown.
        * @return {void}
        */
-      onEscape() {
+      onEscape () {
         if (!this.search.length) {
           this.$refs.search.blur()
         } else {
@@ -787,7 +787,7 @@
        * @emits  {search:blur}
        * @return {void}
        */
-      onSearchBlur() {
+      onSearchBlur () {
         if (this.clearSearchOnBlur) {
           this.search = ''
         }
@@ -800,7 +800,7 @@
        * @emits  {search:focus}
        * @return {void}
        */
-      onSearchFocus() {
+      onSearchFocus () {
         this.open = true
         this.$emit('search:focus')
       },
@@ -810,10 +810,18 @@
        * text in the search input, & there's tags to delete
        * @return {this.value}
        */
-      maybeDeleteValue() {
+      maybeDeleteValue () {
+        let value = null
+
         if (!this.$refs.search.value.length && this.mutableValue) {
-          return this.multiple ? this.mutableValue.pop() : this.mutableValue = null
+          if (this.multiple) {
+            value = this.mutableValue.pop()
+          } else {
+            value = this.mutableValue = null
           }
+        }
+
+        return value
       },
 
       /**
@@ -823,7 +831,7 @@
        * @param  {Object || String} option
        * @return {boolean}
        */
-      optionExists(option) {
+      optionExists (option) {
         let exists = false
 
         this.mutableOptions.forEach(opt => {
@@ -844,7 +852,7 @@
        * @param  {Object || String} option
        * @return {void}
        */
-      maybePushTag(option) {
+      maybePushTag (option) {
         if (this.pushTags) {
           this.mutableOptions.push(option)
         }
@@ -857,7 +865,7 @@
        * Classes to be output on .dropdown
        * @return {Object}
        */
-      dropdownClasses() {
+      dropdownClasses () {
         return {
           open: this.dropdownOpen,
           single: !this.multiple,
@@ -874,7 +882,7 @@
        * If search text should clear on blur
        * @return {Boolean} True when single and clearSearchOnSelect
        */
-      clearSearchOnBlur() {
+      clearSearchOnBlur () {
         return this.clearSearchOnSelect && !this.multiple
       },
 
@@ -883,7 +891,7 @@
        * search input
        * @return {Boolean} True if non empty value
        */
-      searching() {
+      searching () {
         return !!this.search
       },
 
@@ -892,7 +900,7 @@
        * dropdown menu.
        * @return {Boolean} True if open
        */
-      dropdownOpen() {
+      dropdownOpen () {
         return this.noDrop ? false : this.open && !this.mutableLoading
       },
 
@@ -901,9 +909,9 @@
        * & there is no value selected.
        * @return {String} Placeholder text
        */
-      searchPlaceholder() {
+      searchPlaceholder () {
         if (this.isValueEmpty && this.placeholder) {
-          return this.placeholder;
+          return this.placeholder
         }
       },
 
@@ -915,7 +923,7 @@
        *
        * @return {array}
        */
-      filteredOptions() {
+      filteredOptions () {
         if (!this.filterable && !this.taggable) {
           return this.mutableOptions.slice()
         }
@@ -937,7 +945,7 @@
        * Check if there aren't any options selected.
        * @return {Boolean}
        */
-      isValueEmpty() {
+      isValueEmpty () {
         if (this.mutableValue) {
           if (typeof this.mutableValue === 'object') {
             return !Object.keys(this.mutableValue).length
@@ -945,14 +953,14 @@
           return !this.mutableValue.length
         }
 
-        return true;
+        return true
       },
 
       /**
        * Return the current value in array format.
        * @return {Array}
        */
-      valueAsArray() {
+      valueAsArray () {
         if (this.multiple) {
           return this.mutableValue
         } else if (this.mutableValue) {
@@ -961,7 +969,7 @@
 
         return []
       }
-    },
+    }
 
   }
 </script>

src/dev.js

@@ -14,18 +14,18 @@ Vue.config.devtools = true
 new Vue({
   el: '#app',
   data: {
-    placeholder: "placeholder",
+    placeholder: 'placeholder',
     value: null,
     options: countries,
     ajaxRes: [],
     people: []
   },
   methods: {
-    search(search, loading) {
+    search (search, loading) {
       loading(true)
       this.getRepositories(search, loading, this)
     },
-    searchPeople(search, loading) {
+    searchPeople (search, loading) {
       loading(true)
       this.getPeople(loading, this)
     },

src/mixins/ajax.js

@@ -23,11 +23,11 @@ module.exports = {
      */
     onSearch: {
       type: Function,
-			default: function(search, loading){}
+      default: function (search, loading) {}
     }
   },
 
-	data() {
+  data () {
     return {
       mutableLoading: false
     }
@@ -38,7 +38,7 @@ module.exports = {
      * If a callback & search text has been provided,
      * invoke the onSearch callback.
      */
-		search() {
+    search () {
       if (this.search.length > 0) {
         this.onSearch(this.search, this.toggleLoading)
         this.$emit('search', this.search, this.toggleLoading)
@@ -49,7 +49,7 @@ module.exports = {
      * mutable loading value.
      * @param val
      */
-		loading(val) {
+    loading (val) {
       this.mutableLoading = val
     }
   },
@@ -62,11 +62,14 @@ module.exports = {
      * @param toggle Boolean
      * @returns {*}
      */
-		toggleLoading(toggle = null) {
+    toggleLoading (toggle = null) {
       if (toggle == null) {
-				return this.mutableLoading = !this.mutableLoading
+        this.mutableLoading = !this.mutableLoading
+      } else {
+        this.mutableLoading = toggle
       }
-			return this.mutableLoading = toggle
+
+      return this.mutableLoading
     }
   }
 }

src/mixins/pointerScroll.js

@@ -2,7 +2,7 @@
 
 module.exports = {
   watch: {
-    typeAheadPointer() {
+    typeAheadPointer () {
       this.maybeAdjustScroll()
     }
   },
@@ -14,14 +14,14 @@ module.exports = {
      * overflow bounds.
      * @returns {*}
      */
-    maybeAdjustScroll() {
+    maybeAdjustScroll () {
       let pixelsToPointerTop = this.pixelsToPointerTop()
       let pixelsToPointerBottom = this.pixelsToPointerBottom()
 
-      if ( pixelsToPointerTop <= this.viewport().top) {
+      if (pixelsToPointerTop <= this.viewport().top) {
-        return this.scrollTo( pixelsToPointerTop )
+        return this.scrollTo(pixelsToPointerTop)
       } else if (pixelsToPointerBottom >= this.viewport().bottom) {
-        return this.scrollTo( this.viewport().top + this.pointerHeight() )
+        return this.scrollTo(this.viewport().top + this.pointerHeight())
       }
     },
 
@@ -30,9 +30,10 @@ module.exports = {
      * list to the top of the current pointer element.
      * @returns {number}
      */
-    pixelsToPointerTop() {
+    pixelsToPointerTop () {
       let pixelsToPointerTop = 0
-      if( this.$refs.dropdownMenu ) {
+
+      if (this.$refs.dropdownMenu) {
         for (let i = 0; i < this.typeAheadPointer; i++) {
           pixelsToPointerTop += this.$refs.dropdownMenu.children[i].offsetHeight
         }
@@ -45,7 +46,7 @@ module.exports = {
      * list to the bottom of the current pointer element.
      * @returns {*}
      */
-    pixelsToPointerBottom() {
+    pixelsToPointerBottom () {
       return this.pixelsToPointerTop() + this.pointerHeight()
     },
 
@@ -53,7 +54,7 @@ module.exports = {
      * The offsetHeight of the current pointer element.
      * @returns {number}
      */
-    pointerHeight() {
+    pointerHeight () {
       let element = this.$refs.dropdownMenu ? this.$refs.dropdownMenu.children[this.typeAheadPointer] : false
       return element ? element.offsetHeight : 0
     },
@@ -62,9 +63,9 @@ module.exports = {
      * The currently viewable portion of the dropdownMenu.
      * @returns {{top: (string|*|number), bottom: *}}
      */
-    viewport() {
+    viewport () {
       return {
-        top: this.$refs.dropdownMenu ? this.$refs.dropdownMenu.scrollTop: 0,
+        top: this.$refs.dropdownMenu ? this.$refs.dropdownMenu.scrollTop : 0,
         bottom: this.$refs.dropdownMenu ? this.$refs.dropdownMenu.offsetHeight + this.$refs.dropdownMenu.scrollTop : 0
       }
     },
@@ -74,8 +75,14 @@ module.exports = {
      * @param position
      * @returns {*}
      */
-    scrollTo(position) {
+    scrollTo (position) {
-      return this.$refs.dropdownMenu ? this.$refs.dropdownMenu.scrollTop = position : null
+      let result = null
-    },
+
+      if (this.$refs.dropdownMenu) {
+        result = this.$refs.dropdownMenu.scrollTop = position
+      }
+
+      return result
+    }
   }
 }

src/mixins/typeAheadPointer.js

@@ -1,12 +1,12 @@
 module.exports = {
-  data() {
+  data () {
     return {
       typeAheadPointer: -1
     }
   },
 
   watch: {
-    filteredOptions() {
+    filteredOptions () {
       this.typeAheadPointer = 0
     }
   },
@@ -17,10 +17,10 @@ module.exports = {
      * subtracting the current index by one.
      * @return {void}
      */
-    typeAheadUp() {
+    typeAheadUp () {
       if (this.typeAheadPointer > 0) {
         this.typeAheadPointer--
-        if( this.maybeAdjustScroll ) {
+        if (this.maybeAdjustScroll) {
           this.maybeAdjustScroll()
         }
       }
@@ -31,10 +31,10 @@ module.exports = {
      * adding the current index by one.
      * @return {void}
      */
-    typeAheadDown() {
+    typeAheadDown () {
       if (this.typeAheadPointer < this.filteredOptions.length - 1) {
         this.typeAheadPointer++
-        if( this.maybeAdjustScroll ) {
+        if (this.maybeAdjustScroll) {
           this.maybeAdjustScroll()
         }
       }
@@ -45,16 +45,16 @@ module.exports = {
      * Optionally clear the search input on selection.
      * @return {void}
      */
-    typeAheadSelect() {
+    typeAheadSelect () {
-      if( this.filteredOptions[ this.typeAheadPointer ] ) {
+      if (this.filteredOptions[ this.typeAheadPointer ]) {
-        this.select( this.filteredOptions[ this.typeAheadPointer ] );
+        this.select(this.filteredOptions[this.typeAheadPointer])
-      } else if (this.taggable && this.search.length){
+      } else if (this.taggable && this.search.length) {
         this.select(this.search)
       }
 
-      if( this.clearSearchOnSelect ) {
+      if (this.clearSearchOnSelect) {
-        this.search = "";
+        this.search = ''
+      }
     }
-    },
   }
 }

test/unit/specs/Select.spec.js

@@ -17,8 +17,8 @@ Vue.component('v-select', vSelect)
  * @param process
  * @returns {Event}
  */
-function trigger(target, event, process) {
+function trigger (target, event, process) {
-	var e = document.createEvent('HTMLEvents')
+  const e = document.createEvent('HTMLEvents')
   e.initEvent(event, true, true)
   if (process) process(e)
   target.dispatchEvent(e)
@@ -32,8 +32,8 @@ function trigger(target, event, process) {
  * @param process
  * @returns {Event}
  */
-function triggerMouse(target, event, process) {
+function triggerMouse (target, event, process) {
-	var e = document.createEvent('MouseEvent')
+  const e = document.createEvent('MouseEvent')
   e.initEvent('event', true, true)
   if (process) process(e)
   target.dispatchEvent(e)
@@ -47,8 +47,8 @@ function triggerMouse(target, event, process) {
  * @param process
  * @returns {Event}
  */
-function triggerFocusEvent(target, event, process) {
+function triggerFocusEvent (target, event, process) {
-	var e = document.createEvent('FocusEvent')
+  const e = document.createEvent('FocusEvent')
   e.initEvent('event', true, true)
   if (process) process(e)
   target.dispatchEvent(e)
@@ -60,7 +60,7 @@ function triggerFocusEvent(target, event, process) {
  * @param vm
  * @param search
  */
-function searchSubmit(vm, search = false) {
+function searchSubmit (vm, search = false) {
   if (search) {
     vm.$children[0].search = search
   }
@@ -71,7 +71,6 @@ function searchSubmit(vm, search = false) {
 }
 
 describe('Select.vue', () => {
-
   describe('Selecting values', () => {
     it('can accept an array with pre-selected values', () => {
       const vm = new Vue({
@@ -126,16 +125,16 @@ describe('Select.vue', () => {
         template: '<div><v-select :options="options" :value="value" :multiple="true"></v-select></div>',
         data: {
           value: ['foo', 'bar'],
-					options: ['foo','bar']
+          options: ['foo', 'bar']
         }
       }).$mount()
       vm.$children[0].select('foo')
       expect(vm.$children[0].mutableValue.length).toEqual(1)
-		}),
+    })
 
     it('can deselect an option when multiple is false', () => {
       const vm = new Vue({
-				template: `<div><v-select :value="'foo'"></v-select></div>`,
+        template: `<div><v-select :value="'foo'"></v-select></div>`
       }).$mount()
       vm.$children[0].deselect('foo')
       expect(vm.$children[0].mutableValue).toEqual(null)
@@ -227,7 +226,7 @@ describe('Select.vue', () => {
         components: {vSelect},
         data: {
           value: 'foo',
-					options: ['foo','bar','baz']
+          options: ['foo', 'bar', 'baz']
         }
       }).$mount()
 
@@ -240,14 +239,14 @@ describe('Select.vue', () => {
         expect(vm.value).toEqual('bar')
         done()
       })
-		}),
+    })
 
     it('can check if a string value is selected when the value is an object and multiple is true', () => {
       const vm = new Vue({
-				template: `<div><v-select multiple :value="[{label: 'foo', value: 'bar'}]"></v-select></div>`,
+        template: `<div><v-select multiple :value="[{label: 'foo', value: 'bar'}]"></v-select></div>`
       }).$mount()
       expect(vm.$children[0].isOptionSelected('foo')).toEqual(true)
-		}),
+    })
 
     describe('change Event', () => {
       it('will trigger the input event when the selection changes', (done) => {
@@ -277,10 +276,9 @@ describe('Select.vue', () => {
         vm.$refs.select.select('bar')
 
         Vue.nextTick(() => {
-					expect(vm.foo).toEqual(['foo','bar'])
+          expect(vm.foo).toEqual(['foo', 'bar'])
           done()
         })
-
       })
     })
   })
@@ -292,7 +290,7 @@ describe('Select.vue', () => {
         data: {value: 'foo'}
       }).$mount()
       vm.$refs.select.search = 'ba'
-			expect(vm.$refs.select.filteredOptions).toEqual(['bar','baz'])
+      expect(vm.$refs.select.filteredOptions).toEqual(['bar', 'baz'])
     })
 
     it('should not filter the array of strings if filterable is false', () => {
@@ -301,7 +299,7 @@ describe('Select.vue', () => {
         data: {value: 'foo'}
       }).$mount()
       vm.$refs.select.search = 'ba'
-			expect(vm.$refs.select.filteredOptions).toEqual(['foo','bar','baz'])
+      expect(vm.$refs.select.filteredOptions).toEqual(['foo', 'bar', 'baz'])
     })
 
     it('should filter without case-sensitivity', () => {
@@ -310,7 +308,7 @@ describe('Select.vue', () => {
         data: {value: 'foo'}
       }).$mount()
       vm.$refs.select.search = 'ba'
-			expect(vm.$refs.select.filteredOptions).toEqual(['Bar','Baz'])
+      expect(vm.$refs.select.filteredOptions).toEqual(['Bar', 'Baz'])
     })
 
     it('can filter an array of objects based on the objects label key', () => {
@@ -365,7 +363,7 @@ describe('Select.vue', () => {
     it('can close the dropdown when the el is clicked', (done) => {
       const vm = new Vue({
         template: '<div><v-select></v-select></div>',
-				components: {vSelect},
+        components: {vSelect}
       }).$mount()
 
       spyOn(vm.$children[0].$refs.search, 'blur')
@@ -379,7 +377,6 @@ describe('Select.vue', () => {
       })
     })
 
-
     it('closes the dropdown when an option is selected, multiple is true, and closeOnSelect option is true', (done) => {
       const vm = new Vue({
         template: '<div><v-select ref="select" :options="options" multiple :value="value"></v-select></div>',
@@ -418,7 +415,6 @@ describe('Select.vue', () => {
       })
     })
 
-
     it('should close the dropdown on search blur', () => {
       const vm = new Vue({
         template: '<div><v-select :options="options" multiple :value="value"></v-select></div>',
@@ -436,7 +432,7 @@ describe('Select.vue', () => {
 
     it('will close the dropdown and emit the search:blur event from onSearchBlur', () => {
       const vm = new Vue({
-				template: '<div><v-select></v-select></div>',
+        template: '<div><v-select></v-select></div>'
       }).$mount()
 
       spyOn(vm.$children[0], '$emit')
@@ -449,7 +445,7 @@ describe('Select.vue', () => {
 
     it('will open the dropdown and emit the search:focus event from onSearchFocus', () => {
       const vm = new Vue({
-				template: '<div><v-select></v-select></div>',
+        template: '<div><v-select></v-select></div>'
       }).$mount()
 
       spyOn(vm.$children[0], '$emit')
@@ -462,7 +458,7 @@ describe('Select.vue', () => {
     it('will close the dropdown on escape, if search is empty', (done) => {
       const vm = new Vue({
         template: '<div><v-select></v-select></div>',
-				components: {vSelect},
+        components: {vSelect}
       }).$mount()
 
       spyOn(vm.$children[0].$refs.search, 'blur')
@@ -529,7 +525,7 @@ describe('Select.vue', () => {
 
       vm.$children[0].typeAheadPointer = 1
 
-			trigger(vm.$children[0].$refs.search, 'keydown', (e) => e.keyCode = 38)
+      trigger(vm.$children[0].$refs.search, 'keydown', (e) => { e.keyCode = 38 })
       expect(vm.$children[0].typeAheadPointer).toEqual(0)
     })
 
@@ -543,7 +539,7 @@ describe('Select.vue', () => {
       }).$mount()
 
       vm.$children[0].typeAheadPointer = 1
-			trigger(vm.$children[0].$refs.search, 'keydown', (e) => e.keyCode = 40)
+      trigger(vm.$children[0].$refs.search, 'keydown', (e) => { e.keyCode = 40 })
       expect(vm.$children[0].typeAheadPointer).toEqual(2)
     })
 
@@ -573,7 +569,7 @@ describe('Select.vue', () => {
 
         vm.$children[0].typeAheadPointer = 1
         spyOn(vm.$children[0], 'maybeAdjustScroll')
-				trigger(vm.$children[0].$refs.search, 'keydown', (e) => e.keyCode = 38)
+        trigger(vm.$children[0].$refs.search, 'keydown', (e) => { e.keyCode = 38 })
         expect(vm.$children[0].maybeAdjustScroll).toHaveBeenCalled()
       })
 
@@ -587,7 +583,7 @@ describe('Select.vue', () => {
         }).$mount()
 
         spyOn(vm.$children[0], 'maybeAdjustScroll')
-				trigger(vm.$children[0].$refs.search, 'keydown', (e) => e.keyCode = 40)
+        trigger(vm.$children[0].$refs.search, 'keydown', (e) => { e.keyCode = 40 })
         expect(vm.$children[0].maybeAdjustScroll).toHaveBeenCalled()
       })
 
@@ -611,10 +607,10 @@ describe('Select.vue', () => {
 
       it('should scroll up if the pointer is above the current viewport bounds', () => {
         let methods = Object.assign(pointerScroll.methods, {
-					pixelsToPointerTop() {
+          pixelsToPointerTop () {
             return 1
           },
-					viewport() {
+          viewport () {
             return {top: 2, bottom: 0}
           }
         })
@@ -624,7 +620,7 @@ describe('Select.vue', () => {
             'v-select': Mock({
               '../mixins/pointerScroll': {methods}
             })
-					},
+          }
         }).$mount()
 
         spyOn(vm.$children[0], 'scrollTo')
@@ -639,10 +635,10 @@ describe('Select.vue', () => {
        */
       xit('should scroll down if the pointer is below the current viewport bounds', () => {
         let methods = Object.assign(pointerScroll.methods, {
-				  pixelsToPointerBottom() {
+          pixelsToPointerBottom () {
             return 2
           },
-				  viewport() {
+          viewport () {
             return {top: 0, bottom: 1}
           }
         })
@@ -652,7 +648,7 @@ describe('Select.vue', () => {
             'v-select': Mock({
               '../mixins/pointerScroll': {methods}
             })
-					},
+          }
         }).$mount()
 
         spyOn(vm.$children[0], 'scrollTo')
@@ -664,7 +660,7 @@ describe('Select.vue', () => {
     describe('Measuring pixel distances', () => {
       it('should calculate pointerHeight as the offsetHeight of the pointer element if it exists', () => {
         const vm = new Vue({
-					template: `<div><v-select :options="['one', 'two', 'three']"></v-select></div>`,
+          template: `<div><v-select :options="['one', 'two', 'three']"></v-select></div>`
         }).$mount()
 
         // dropdown must be open for $refs to exist
@@ -719,7 +715,6 @@ describe('Select.vue', () => {
     })
 
     it('should remove the last item in the value array on delete keypress when multiple is true', () => {
-
       const vm = new Vue({
         template: '<div><v-select :options="options" v-model="value" :multiple="true"></v-select></div>',
         components: {vSelect},
@@ -766,7 +761,7 @@ describe('Select.vue', () => {
     it('will console.warn when options contain objects without a valid label key', (done) => {
       spyOn(console, 'warn')
       const vm = new Vue({
-				template: '<div><v-select :options="[{}]"></v-select></div>',
+        template: '<div><v-select :options="[{}]"></v-select></div>'
       }).$mount()
       Vue.nextTick(() => {
         expect(console.warn).toHaveBeenCalledWith(
@@ -1038,7 +1033,7 @@ describe('Select.vue', () => {
 
     it('should not allow duplicate tags when using string options', (done) => {
       const vm = new Vue({
-					template: `<div><v-select ref="select" taggable multiple></v-select></div>`,
+        template: `<div><v-select ref="select" taggable multiple></v-select></div>`
       }).$mount()
       vm.$refs.select.search = 'one'
       searchSubmit(vm)
@@ -1057,7 +1052,7 @@ describe('Select.vue', () => {
 
     it('should not allow duplicate tags when using object options', (done) => {
       const vm = new Vue({
-					template: `<div><v-select ref="select" taggable multiple></v-select></div>`,
+        template: `<div><v-select ref="select" taggable multiple></v-select></div>`
       }).$mount()
       vm.$refs.select.search = 'one'
       searchSubmit(vm)
@@ -1072,14 +1067,13 @@ describe('Select.vue', () => {
           done()
         })
       })
-
     })
   })
 
   describe('Asynchronous Loading', () => {
     it('can toggle the loading class', () => {
       const vm = new Vue({
-				template: '<div><v-select ref="select"></v-select></div>',
+        template: '<div><v-select ref="select"></v-select></div>'
       }).$mount()
 
       vm.$refs.select.toggleLoading()
@@ -1096,7 +1090,7 @@ describe('Select.vue', () => {
           called: false
         },
         methods: {
-					foo(val) {
+          foo (val) {
             this.called = val
           }
         }
@@ -1115,8 +1109,8 @@ describe('Select.vue', () => {
         template: '<div><v-select ref="select" search="foo" :on-search="foo"></v-select></div>',
         data: { called: false },
         methods: {
-					foo(val) {
+          foo (val) {
-						this.called = ! this.called
+            this.called = !this.called
           }
         }
       }).$mount()
@@ -1139,7 +1133,7 @@ describe('Select.vue', () => {
           called: false
         },
         methods: {
-          foo(val) {
+          foo (val) {
             this.called = val
           }
         }
@@ -1158,8 +1152,8 @@ describe('Select.vue', () => {
         template: '<div><v-select ref="select" search="foo" @search="foo"></v-select></div>',
         data: { called: false },
         methods: {
-          foo(val) {
+          foo (val) {
-            this.called = ! this.called
+            this.called = !this.called
           }
         }
       }).$mount()
@@ -1179,7 +1173,7 @@ describe('Select.vue', () => {
       const vm = new Vue({
         template: '<div><v-select loading ref="select" :on-search="foo"></v-select></div>',
         methods: {
-					foo(search, loading) {
+          foo (search, loading) {
             loading(false)
           }
         }
@@ -1196,7 +1190,7 @@ describe('Select.vue', () => {
       const vm = new Vue({
         template: '<div><v-select loading ref="select" :on-search="foo"></v-select></div>',
         methods: {
-					foo(search, loading) {
+          foo (search, loading) {
             loading(true)
           }
         }
@@ -1214,7 +1208,7 @@ describe('Select.vue', () => {
     it('will sync mutable loading with the loading prop', (done) => {
       const vm = new Vue({
         template: '<div><v-select ref="select" :loading="loading"></v-select></div>',
-				data: {loading:false}
+        data: {loading: false}
       }).$mount()
       vm.loading = true
       Vue.nextTick(() => {
@@ -1268,7 +1262,7 @@ describe('Select.vue', () => {
       }).$mount()
 
       vm.$children[0].open = true
-			vm.$refs.select.search = "t"
+      vm.$refs.select.search = 't'
       expect(vm.$refs.select.search).toEqual('t')
 
       vm.$children[0].onSearchBlur()
@@ -1278,7 +1272,7 @@ describe('Select.vue', () => {
       })
     })
 
-		it ('should not reset the search input on focus lost when clearSearchOnSelect is false', (done) => {
+    it('should not reset the search input on focus lost when clearSearchOnSelect is false', (done) => {
       const vm = new Vue({
         template: '<div><v-select ref="select" :options="options" :value="value" :clear-search-on-select="false"></v-select></div>',
         data: {
@@ -1289,7 +1283,7 @@ describe('Select.vue', () => {
       expect(vm.$refs.select.clearSearchOnSelect).toEqual(false)
 
       vm.$children[0].open = true
-			vm.$refs.select.search = "t"
+      vm.$refs.select.search = 't'
       expect(vm.$refs.select.search).toEqual('t')
 
       vm.$children[0].onSearchBlur()