test: update snap

Author: tangjinzhou

components/anchor/Anchor.tsx

@@ -88,7 +88,7 @@ export default defineComponent({
       scrollEvent: null,
       animating: false,
     });
-    const activeLink = ref();
+    const activeLink = ref(null);
     const getContainer = computed(() => {
       const { getContainer } = props;
       return getContainer || getTargetContainer.value || getDefaultContainer;
@@ -122,7 +122,7 @@ export default defineComponent({
     };
     const setCurrentActiveLink = (link: string) => {
       const { getCurrentAnchor } = props;
-      if (activeLink.value !== link) {
+      if (activeLink.value === link) {
         return;
       }
       activeLink.value = typeof getCurrentAnchor === 'function' ? getCurrentAnchor() : link;

components/avatar/__tests__/Avatar.test.js

@@ -186,7 +186,7 @@ describe('Avatar Render', () => {
     });
   });
 
-  it('fallback', async () => {
+  it('fallback', () => {
     const div = global.document.createElement('div');
     global.document.body.appendChild(div);
     const wrapper = mount(
@@ -201,11 +201,9 @@ describe('Avatar Render', () => {
       },
       { attachTo: div },
     );
-    await asyncExpect(async () => {
-      await wrapper.find('img').trigger('error');
-      expect(wrapper.html()).toMatchSnapshot();
-      wrapper.unmount();
-      global.document.body.removeChild(div);
-    }, 0);
+    wrapper.find('img').trigger('error');
+    expect(wrapper.html()).toMatchSnapshot();
+    wrapper.unmount();
+    global.document.body.removeChild(div);
   });
 });

components/avatar/__tests__/__snapshots__/Avatar.test.js.snap

@@ -1,18 +1,18 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Avatar Render adjusts component size to 24 when window size is xs 1`] = `<span class="ant-avatar" style="width: 24px; height: 24px; line-height: 24px; font-size: 18px;"><span class="ant-avatar-string" style="transform: scale(0.32) translateX(-50%);"><!----></span></span>`;
+exports[`Avatar Render adjusts component size to 24 when window size is xs 1`] = `<span class="ant-avatar ant-avatar-circle" style="width: 24px; height: 24px; line-height: 24px; font-size: 18px;"><span class="ant-avatar-string" style="transform: scale(0.32) translateX(-50%);"><!----></span></span>`;
 
-exports[`Avatar Render adjusts component size to 32 when window size is sm 1`] = `<span class="ant-avatar" style="width: 32px; height: 32px; line-height: 32px; font-size: 18px;"><span class="ant-avatar-string" style="transform: scale(0.32) translateX(-50%);"><!----></span></span>`;
+exports[`Avatar Render adjusts component size to 32 when window size is sm 1`] = `<span class="ant-avatar ant-avatar-circle" style="width: 32px; height: 32px; line-height: 32px; font-size: 18px;"><span class="ant-avatar-string" style="transform: scale(0.32) translateX(-50%);"><!----></span></span>`;
 
-exports[`Avatar Render adjusts component size to 40 when window size is md 1`] = `<span class="ant-avatar" style="width: 40px; height: 40px; line-height: 40px; font-size: 18px;"><span class="ant-avatar-string" style="transform: scale(0.32) translateX(-50%);"><!----></span></span>`;
+exports[`Avatar Render adjusts component size to 40 when window size is md 1`] = `<span class="ant-avatar ant-avatar-circle" style="width: 40px; height: 40px; line-height: 40px; font-size: 18px;"><span class="ant-avatar-string" style="transform: scale(0.32) translateX(-50%);"><!----></span></span>`;
 
-exports[`Avatar Render adjusts component size to 64 when window size is lg 1`] = `<span class="ant-avatar" style="width: 64px; height: 64px; line-height: 64px; font-size: 18px;"><span class="ant-avatar-string" style="transform: scale(0.32) translateX(-50%);"><!----></span></span>`;
+exports[`Avatar Render adjusts component size to 64 when window size is lg 1`] = `<span class="ant-avatar ant-avatar-circle" style="width: 64px; height: 64px; line-height: 64px; font-size: 18px;"><span class="ant-avatar-string" style="transform: scale(0.32) translateX(-50%);"><!----></span></span>`;
 
-exports[`Avatar Render adjusts component size to 80 when window size is xl 1`] = `<span class="ant-avatar" style="width: 80px; height: 80px; line-height: 80px; font-size: 18px;"><span class="ant-avatar-string" style="transform: scale(0.32) translateX(-50%);"><!----></span></span>`;
+exports[`Avatar Render adjusts component size to 80 when window size is xl 1`] = `<span class="ant-avatar ant-avatar-circle" style="width: 80px; height: 80px; line-height: 80px; font-size: 18px;"><span class="ant-avatar-string" style="transform: scale(0.32) translateX(-50%);"><!----></span></span>`;
 
-exports[`Avatar Render adjusts component size to 100 when window size is xxl 1`] = `<span class="ant-avatar" style="width: 100px; height: 100px; line-height: 100px; font-size: 18px;"><span class="ant-avatar-string" style="transform: scale(0.32) translateX(-50%);"><!----></span></span>`;
+exports[`Avatar Render adjusts component size to 100 when window size is xxl 1`] = `<span class="ant-avatar ant-avatar-circle" style="width: 100px; height: 100px; line-height: 100px; font-size: 18px;"><span class="ant-avatar-string" style="transform: scale(0.32) translateX(-50%);"><!----></span></span>`;
 
-exports[`Avatar Render fallback 1`] = `<span class="ant-avatar ant-avatar-circle"><span class="ant-avatar-string" style="transform: scale(0.32) translateX(-50%);">A</span></span>`;
+exports[`Avatar Render fallback 1`] = `<span class="ant-avatar ant-avatar-circle ant-avatar-image"><img draggable="false" src="http://error.url"></span>`;
 
 exports[`Avatar Render should calculate scale of avatar children correctly 1`] = `
 DOMWrapper {
@@ -40,4 +40,4 @@ DOMWrapper {
 }
 `;
 
-exports[`Avatar Render should calculate scale of avatar children correctly with gap 1`] = `<span class="ant-avatar"><span class="ant-avatar-string" style="transform: scale(0.36) translateX(-50%);">Avatar</span></span>`;
+exports[`Avatar Render should calculate scale of avatar children correctly with gap 1`] = `<span class="ant-avatar ant-avatar-circle"><span class="ant-avatar-string" style="transform: scale(0.36) translateX(-50%);">Avatar</span></span>`;

components/back-top/__tests__/index.test.js

@@ -8,18 +8,19 @@ describe('BackTop', () => {
       props: {
         visibilityHeight: -1,
       },
+      attachTo: 'body',
     });
     const scrollToSpy = jest.spyOn(window, 'scrollTo').mockImplementation((x, y) => {
       window.scrollY = y;
       window.pageYOffset = y;
+      document.documentElement.scrollTop = y;
     });
     window.scrollTo(0, 400);
-    // trigger scroll manually
-    wrapper.vm.handleScroll();
-    await sleep();
+    expect(document.documentElement.scrollTop).toBe(400);
+    await sleep(10);
     wrapper.find('.ant-back-top').trigger('click');
     await sleep(500);
-    expect(window.pageYOffset).toBe(0);
+    expect(document.documentElement.scrollTop).toBe(0);
     scrollToSpy.mockRestore();
   });
   it('support onClick', async () => {
@@ -29,15 +30,15 @@ describe('BackTop', () => {
         visibilityHeight: -1,
         onClick,
       },
+      attachTo: 'body',
     });
     const scrollToSpy = jest.spyOn(window, 'scrollTo').mockImplementation((x, y) => {
       window.scrollY = y;
       window.pageYOffset = y;
     });
+    document.dispatchEvent(new Event('scroll'));
     window.scrollTo(0, 400);
-    // trigger scroll manually
-    wrapper.vm.handleScroll();
-    await sleep();
+    await sleep(10);
     wrapper.find('.ant-back-top').trigger('click');
     expect(onClick).toHaveBeenCalled();
     scrollToSpy.mockRestore();

components/badge/Badge.tsx

@@ -157,13 +157,16 @@ export default defineComponent({
         visible || !text ? null : <span class={`${pre}-status-text`}>{text}</span>;
 
       // >>> Display Component
-      const displayNode = cloneElement(
-        slots.count?.(),
-        {
-          style: mergedStyle,
-        },
-        false,
-      );
+      const displayNode =
+        typeof count === 'object' || (count === undefined && slots.count)
+          ? cloneElement(
+              count ?? slots.count?.(),
+              {
+                style: mergedStyle,
+              },
+              false,
+            )
+          : null;
 
       const badgeClassName = classNames(
         pre,