fix tests with component

learningequality · Mar 26, 2024 · df8c51c · df8c51c
1 parent 51ba76a
commit df8c51c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/docs/pages/playground.vue b/docs/pages/playground.vue
@@ -23,14 +23,16 @@
     /> -->
 
     <!-- Play around with your component here: -->
+    <!--<KTextbox :clearable="true" :textArea="true" label="labelll" />-->
+
   </div>
 
 </template>
 
 
 <script>
 
-  import KTextbox from '../../lib/KTextbox/index.vue';
+  //import KTextbox from '../../lib/KTextbox/index.vue';
 
   /*
           Playground is a Vue component too,

diff --git a/lib/KTextbox/__tests__/KTextbox.spec.js b/lib/KTextbox/__tests__/KTextbox.spec.js
@@ -168,7 +168,7 @@ describe('KTextbox with clearable', () => {
     input.element.value = 'test';
     input.trigger('input');
     await wrapper.vm.$nextTick();
-    const clearButton = wrapper.find('.ui-clear-button');
+    const clearButton = wrapper.findComponent({ name: 'KIconButton' });
     expect(clearButton.exists()).toBeTruthy();
   });
 
@@ -182,7 +182,7 @@ describe('KTextbox with clearable', () => {
     input.element.value = 'test';
     input.trigger('input');
     await wrapper.vm.$nextTick();
-    const clearButton = wrapper.find('.ui-clear-button');
+    const clearButton = wrapper.findComponent({ name: 'KIconButton' });
     clearButton.trigger('click');
     await wrapper.vm.$nextTick();
     expect(wrapper.find('input').element.value).toBe('');