Display selected zero value (shentao#801) (shentao#851)

detinho · shentao · commit 28dd68a7c4b4 · 2018-10-14T15:26:23.000+02:00
diff --git a/src/Multiselect.vue b/src/Multiselect.vue
@@ -290,7 +290,7 @@ export default {
   computed: {
     isSingleLabelVisible () {
       return (
-        this.singleValue &&
+        (this.singleValue || this.singleValue === 0) &&
         (!this.isOpen || !this.searchable) &&
         !this.visibleValues.length
       )
diff --git a/tests/unit/Multiselect.spec.js b/tests/unit/Multiselect.spec.js
@@ -1520,6 +1520,19 @@ describe('Multiselect.vue', () => {
       })
       expect(wrapper.vm.currentOptionLabel).toBe(0)
     })
+    test('should display selected value even when is the number zero', () => {
+      const wrapper = shallowMount(Multiselect, {
+        propsData: {
+          value: 0,
+          options: [0, 1, 2, 3, 4, 5]
+        }
+      })
+
+      expect(wrapper.vm.isSingleLabelVisible).toBe(true)
+      expect(wrapper.find('.multiselect__single').text()).toContainEqual(
+        '0'
+      )
+    })
     describe('when MULTIPLE is FALSE', () => {
       test('should return the current option label', () => {
         const wrapper = shallowMount(Multiselect, {

Original file line number	Diff line number	Diff line change
`@@ -290,7 +290,7 @@ export default {`
`290`	`290`	`computed: {`
`291`	`291`	`isSingleLabelVisible () {`
`292`	`292`	`return (`
`293`		`- this.singleValue &&`
	`293`	`+ (this.singleValue \|\| this.singleValue === 0) &&`
`294`	`294`	`(!this.isOpen \|\| !this.searchable) &&`
`295`	`295`	`!this.visibleValues.length`
`296`	`296`	`)`