From 1cde8d43d348003f8d649be7bf59b02f295a0eee Mon Sep 17 00:00:00 2001
From: init-qy <59350883+init-qy@users.noreply.github.com>
Date: Sat, 3 Jun 2023 06:58:56 +0800
Subject: [PATCH] fix(components): [backtop] change default visible (#13069)

* fix(components): [backtop] change default visible

* fix(components): [backtop] handleScroll onMounted & add unit test
---
 packages/components/backtop/__tests__/backtop.test.tsx | 8 ++++++++
 packages/components/backtop/src/use-backtop.ts         | 2 ++
 2 files changed, 10 insertions(+)

diff --git a/packages/components/backtop/__tests__/backtop.test.tsx b/packages/components/backtop/__tests__/backtop.test.tsx
index bef2db769b..0da3a390e8 100644
--- a/packages/components/backtop/__tests__/backtop.test.tsx
+++ b/packages/components/backtop/__tests__/backtop.test.tsx
@@ -37,4 +37,12 @@ describe('Backtop.vue', () => {
     await wrapper.trigger('click')
     expect(wrapper.emitted()).toBeDefined()
   })
+  test('render when visibilityHeight is zero', async () => {
+    const wrapper = _mount(() => (
+      <Backtop visibilityHeight={0} right={100} bottom={200} />
+    ))
+    await nextTick()
+
+    expect(wrapper.find('.el-backtop').exists()).toBe(true)
+  })
 })
diff --git a/packages/components/backtop/src/use-backtop.ts b/packages/components/backtop/src/use-backtop.ts
index 361679567f..ca2621f4ec 100644
--- a/packages/components/backtop/src/use-backtop.ts
+++ b/packages/components/backtop/src/use-backtop.ts
@@ -36,6 +36,8 @@ export const useBackTop = (
       }
       container.value = el.value
     }
+    // Give visible an initial value, fix #13066
+    handleScroll()
   })
 
   return {