test(component): select remove-tag event triggered by keydown.delelte (…

…#16840) * fix: select deletePrevTag emit remove tag event * fix: test case * fix: select-v2 handleDel * test: select-v2 test case * fix: test case index * chore: remove emit event --------- Co-authored-by: btea <2356281422@qq.com>
element-plus · May 21, 2024 · 4c3c81e · 4c3c81e
1 parent 1f4ca71
commit 4c3c81e
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 12 deletions.
diff --git a/packages/components/select-v2/__tests__/select.test.ts b/packages/components/select-v2/__tests__/select.test.ts
@@ -559,6 +559,7 @@ describe('Select', () => {
     })
 
     it('remove-tag', async () => {
+      const onRemoveTag = vi.fn()
       const wrapper = createSelect({
         data() {
           return {
@@ -567,9 +568,7 @@ describe('Select', () => {
           }
         },
         methods: {
-          onRemoveTag(tag) {
-            this.removeTag = tag
-          },
+          onRemoveTag,
         },
       })
       await nextTick()
@@ -587,6 +586,11 @@ describe('Select', () => {
       expect(vm.value.length).toBe(2)
       await tagCloseIcons[0].trigger('click')
       expect(vm.value.length).toBe(1)
+
+      const input = wrapper.find('input')
+      input.trigger('keydown.delete')
+      expect(vm.value.length).toBe(0)
+      expect(onRemoveTag).toHaveBeenLastCalledWith('option_3')
     })
 
     it('limit', async () => {

diff --git a/packages/components/select/__tests__/select.test.ts b/packages/components/select/__tests__/select.test.ts
@@ -1282,6 +1282,8 @@ describe('Select', () => {
   })
 
   test('multiple remove-tag', async () => {
+    const handleRemoveTag = vi.fn()
+
     wrapper = _mount(
       `
       <el-select v-model="value" multiple @remove-tag="handleRemoveTag">
@@ -1318,14 +1320,8 @@ describe('Select', () => {
           },
         ],
         value: ['选项1', '选项2'],
-      }),
-      {
-        methods: {
-          handleRemoveTag() {
-            // pass
-          },
-        },
-      }
+        handleRemoveTag,
+      })
     )
 
     const vm = wrapper.vm as any
@@ -1334,8 +1330,11 @@ describe('Select', () => {
     const tagCloseIcons = wrapper.findAll('.el-tag__close')
     await tagCloseIcons[1].trigger('click')
     expect(vm.value.length).toBe(1)
-    await tagCloseIcons[0].trigger('click')
+
+    const input = wrapper.find('input')
+    input.trigger('keydown.delete')
     expect(vm.value.length).toBe(0)
+    expect(handleRemoveTag).toHaveBeenLastCalledWith('选项1')
   })
 
   test('multiple limit', async () => {