From f0f56fd298fefabcf9e713dae6dc8b507485bbd3 Mon Sep 17 00:00:00 2001
From: taohebin <taohebin@dcloud.io>
Date: Tue, 20 Aug 2024 16:29:29 +0800
Subject: [PATCH] =?UTF-8?q?test=EF=BC=9A=20overflow=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E5=A4=9A=E5=B1=82=E7=BA=A7=E6=B5=8B=E8=AF=95=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../overflow/overflow-visible-event.test.js   | 12 +++++++
 .../CSS/overflow/overflow-visible-event.uvue  | 34 +++++++++++++++++--
 2 files changed, 43 insertions(+), 3 deletions(-)

diff --git a/pages/CSS/overflow/overflow-visible-event.test.js b/pages/CSS/overflow/overflow-visible-event.test.js
index 3d7af0ee..56404926 100644
--- a/pages/CSS/overflow/overflow-visible-event.test.js
+++ b/pages/CSS/overflow/overflow-visible-event.test.js
@@ -62,4 +62,16 @@ describe('/pages/CSS/overflow/overflow-visible-event.uvue', () => {
     res = await page.data('jest_result');
     expect(res).toBe(true)
   })
+
+  it('Check Overflow Visible Deep Level Click', async () => {
+    await page.callMethod('jest_scrollToDeepOverflow')
+    await page.waitFor(500);
+    const point_x = await page.data('jest_click_x');
+    const point_y = await page.data('jest_click_y');
+    console.log("input tap" + " " + point_x + " " + point_y);
+    await program.adbCommand("input tap" + " " + point_x + " " + point_y)
+    await page.waitFor(500);
+    res = await page.data('jest_result');
+    expect(res).toBe(true)
+  })
 });
diff --git a/pages/CSS/overflow/overflow-visible-event.uvue b/pages/CSS/overflow/overflow-visible-event.uvue
index 14d4d1d9..416573c3 100644
--- a/pages/CSS/overflow/overflow-visible-event.uvue
+++ b/pages/CSS/overflow/overflow-visible-event.uvue
@@ -1,7 +1,7 @@
 <template>
   <!-- #ifdef APP -->
-  <scroll-view style="flex: 1;">
-  <!-- #endif -->
+  <scroll-view id="scroll-view" style="flex: 1;">
+  <!-- #endif -->
     <view>
       <text style="font-size: 15px;">overflow=visible 父view（绿色），子view（红色），点击超出父view区域的部分也可触发事件。</text>
       <view class="backgroundview">
@@ -29,7 +29,18 @@
           <view style="background-color: red;height: 100px;width: 100px;margin-left: 20px;margin-top: 20px;">
           </view>
         </view>
-      </view>
+      </view>
+      <text style="font-size: 15px;">overflow=visible组件多层级设置测试</text>
+      <view class="backgroundview">
+        <view id="deep-overflow" style="overflow: visible;">
+        	<view style="overflow: visible;background-color: red;width: 100px;height: 100px;" @click="handleClick('red')">
+        	</view>
+        </view>
+        <view style="overflow: visible;">
+        	<view style="overflow: visible;background-color: green;width: 100px;height: 100px;">
+        	</view>
+        </view>
+      </view>
     </view>
   <!-- #ifdef APP -->
   </scroll-view>
@@ -112,6 +123,23 @@
           this.jest_click_x = rect.x * ratio + 10
           this.jest_click_y = (rect.top + titleBarHeight + 10) * ratio
         }
+      },
+      jest_scrollToDeepOverflow(){
+        const scrollView = uni.getElementById('scroll-view') as UniScrollViewElement
+        const rect = uni.getElementById('deep-overflow')?.getBoundingClientRect()
+        if (rect != null) {
+          scrollView.scrollTo(0, rect.top)
+          setTimeout(()=>{
+            const systemInfo = uni.getSystemInfoSync()
+            const ratio = systemInfo.devicePixelRatio
+            const titleBarHeight = systemInfo.screenHeight - systemInfo.windowHeight
+            const afterRect = uni.getElementById('deep-overflow')?.getBoundingClientRect()
+            if (afterRect != null) {
+              this.jest_click_x = afterRect.x * ratio + 10
+              this.jest_click_y = (afterRect.top + titleBarHeight + 10) * ratio
+            }
+          }, 200)
+        }
       }
     }
   }
-- 
GitLab