From fcf9a8e8b709bc0e21447b48f94e09a380ede419 Mon Sep 17 00:00:00 2001
From: Andrew <andywarren86@gmail.com>
Date: Thu, 30 Nov 2017 19:35:18 +1100
Subject: [PATCH] Add tests

---
 test/unit/specs/Select.spec.js | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/test/unit/specs/Select.spec.js b/test/unit/specs/Select.spec.js
index 89194b6..21eff1c 100644
--- a/test/unit/specs/Select.spec.js
+++ b/test/unit/specs/Select.spec.js
@@ -1225,7 +1225,7 @@ describe('Select.vue', () => {
 
 	describe( 'Clear button', () => {
 
-		it( 'should display clear button on single select with a selected value', () => {
+		it( 'should be displayed on single select when value is selected', () => {
 			const VueSelect = Vue.extend( vSelect )
 			const vm = new VueSelect({
 				propsData: {
@@ -1237,7 +1237,7 @@ describe('Select.vue', () => {
 			expect(vm.showClearButton).toEqual(true)
 		})
 
-		it( 'should not display clear button on multiple select', () => {
+		it( 'should not be displayed on multiple select', () => {
 			const VueSelect = Vue.extend( vSelect )
 			const vm = new VueSelect({
 				propsData: {
@@ -1250,7 +1250,7 @@ describe('Select.vue', () => {
 			expect(vm.showClearButton).toEqual(false)
 		})
 
-		it( 'should remove selected value when clear button is clicked', () => {
+		it( 'should remove selected value when clicked', () => {
 			const VueSelect = Vue.extend( vSelect )
 			const vm = new VueSelect({
 				propsData: {
@@ -1263,6 +1263,20 @@ describe('Select.vue', () => {
 			vm.$el.querySelector( 'button.clear' ).click()
 			expect(vm.mutableValue).toEqual(null)
 		})
+
+		it( 'should be disabled when component is disabled', () => {
+			const VueSelect = Vue.extend( vSelect )
+			const vm = new VueSelect({
+				propsData: {
+					options: ['foo','bar'],
+					value: 'foo',
+					disabled: true
+				}
+			}).$mount()
+
+			const buttonEl = vm.$el.querySelector( 'button.clear' )
+			expect(buttonEl.disabled).toEqual(true);
+		})
 	
 	});
 })