test: update test

Author: tangjinzhou

components/checkbox/__tests__/group.test.js

@@ -1,11 +1,11 @@
 import { mount } from '@vue/test-utils';
-import { asyncExpect } from '@/tests/utils';
+import { asyncExpect, sleep } from '@/tests/utils';
 import Checkbox from '../index';
 import mountTest from '../../../tests/shared/mountTest';
 
 describe('CheckboxGroup', () => {
   mountTest(Checkbox.Group);
-  it('should work basically', () => {
+  it('should work basically', async () => {
     const onChange = jest.fn();
     const wrapper = mount(
       {
@@ -18,12 +18,16 @@ describe('CheckboxGroup', () => {
       },
     );
     wrapper.findAll('.ant-checkbox-input')[0].trigger('change');
+    await sleep();
     expect(onChange).toHaveBeenCalledWith(['Apple']);
     wrapper.findAll('.ant-checkbox-input')[1].trigger('change');
+    await sleep();
     expect(onChange).toHaveBeenCalledWith(['Apple', 'Pear']);
     wrapper.findAll('.ant-checkbox-input')[2].trigger('change');
+    await sleep();
     expect(onChange).toHaveBeenCalledWith(['Apple', 'Pear', 'Orange']);
     wrapper.findAll('.ant-checkbox-input')[1].trigger('change');
+    await sleep();
     expect(onChange).toHaveBeenCalledWith(['Apple', 'Orange']);
   });
 

components/popconfirm/__tests__/index.test.js

@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils';
-import { asyncExpect } from '@/tests/utils';
+import { asyncExpect, sleep } from '@/tests/utils';
 import Popconfirm from '..';
 function $$(className) {
   return document.body.querySelectorAll(className);
@@ -73,26 +73,22 @@ describe('Popconfirm', () => {
     }, 1000);
   });
 
-  it('should not open in disabled', async () => {
+  fit('should not open in disabled', async () => {
     const popconfirm = mount(
       {
         render() {
           return (
-            <Popconfirm ref="popconfirm" title="code" disabled>
+            <Popconfirm ref="popconfirm" title="code" disabled={true}>
               <span>click me</span>
             </Popconfirm>
           );
         },
       },
       { sync: false },
     );
-
-    await asyncExpect(() => {
-      popconfirm.find('span').trigger('click');
-    }, 1000);
-    await asyncExpect(() => {
-      const popup = popconfirm.vm.$refs.popconfirm.getPopupDomNode();
-      expect(popup).toBeFalsy();
-    }, 1000);
+    popconfirm.find('span').trigger('click');
+    popconfirm.vm.$refs.popconfirm.$forceUpdate();
+    const popup = popconfirm.vm.$refs.popconfirm.getPopupDomNode();
+    expect(popup).toBeFalsy();
   });
 });

components/select/index.tsx

@@ -119,7 +119,7 @@ const Select = defineComponent({
       ),
     );
     const triggerChange = (...args: any[]) => {
-      emit('update:value', ...args);
+      emit('update:value', args[0]);
       emit('change', ...args);
     };
     return {

components/tooltip/__tests__/tooltip.test.js

@@ -16,6 +16,11 @@ describe('Tooltip', () => {
             mouseEnterDelay: 0,
             mouseLeaveDelay: 0,
             onVisibleChange,
+            // TODO test/util 的bug 没有使用 v-model 同样会改变
+            'onUpdate:visible': () => {
+              props.visible = this.visible;
+              this.$forceUpdate();
+            },
           };
           if (this.visible !== undefined) {
             props.visible = this.visible;

components/typography/Base.tsx

@@ -201,8 +201,8 @@ const Base = defineComponent<InternalBlockProps>({
     function onContentChange(value: string) {
       const { onChange } = editable.value;
       if (value !== props.content) {
-        onChange?.(value);
         emit('update:content', value);
+        onChange?.(value);
       }
     }
 

examples/App.vue

@@ -5,7 +5,7 @@
 </template>
 <script>
 import { defineComponent } from 'vue';
-import demo from '../v2-doc/src/docs/typography/demo/index.vue';
+import demo from '../v2-doc/src/docs/tooltip/demo/index.vue';
 // import Affix from '../components/affix';
 export default defineComponent({
   components: {

package.json

@@ -94,7 +94,7 @@
     "@vue/compiler-sfc": "^3.0.4",
     "@vue/eslint-config-prettier": "^6.0.0",
     "@vue/eslint-config-typescript": "^7.0.0",
-    "@vue/test-utils": "^2.0.0-beta.2",
+    "@vue/test-utils": "^2.0.0-0",
     "acorn": "^7.0.0",
     "autoprefixer": "^9.6.0",
     "axios": "^0.21.0",