sync from local backup

2026-08-05 23:59:22 +08:00
commit a59f46b894
409 changed files with 166027 additions and 0 deletions
@@ -0,0 +1,65 @@
+from playwright.sync_api import sync_playwright
+import time
+import os
+
+def dismiss_vite_error(page):
+    try:
+        page.evaluate("document.querySelector('vite-error-overlay')?.remove()")
+        time.sleep(0.3)
+    except:
+        pass
+
+def test_empty_center():
+    os.makedirs('/tmp/frontend_test', exist_ok=True)
+
+    with sync_playwright() as p:
+        browser = p.chromium.launch(headless=True)
+        context = browser.new_context(viewport={"width": 1400, "height": 900})
+        page = context.new_page()
+
+        print("=" * 60)
+        print("测试空状态div居中")
+        print("=" * 60)
+
+        # 访问工具页面（当没有数据时会显示空状态）
+        page.goto('http://localhost:5173/tools', wait_until='load', timeout=15000)
+        time.sleep(2)
+        dismiss_vite_error(page)
+        page.screenshot(path='/tmp/frontend_test/empty_center.png', full_page=True)
+        print("  ✓ 空状态截图已保存")
+
+        # 检查空状态容器是否居中
+        empty_wrapper = page.locator('.tools-empty-wrapper')
+        if empty_wrapper.count() > 0:
+            # 获取容器的位置和尺寸
+            bbox = empty_wrapper.first.bounding_box()
+            if bbox:
+                print(f"  容器位置: x={bbox['x']}, y={bbox['y']}")
+                print(f"  容器尺寸: width={bbox['width']}, height={bbox['height']}")
+
+                # 检查是否居中（水平居中）
+                page_width = page.viewport_size['width']
+                expected_center_x = page_width / 2
+                actual_center_x = bbox['x'] + bbox['width'] / 2
+                print(f"  页面中心X: {expected_center_x}, 容器中心X: {actual_center_x}")
+
+                if abs(expected_center_x - actual_center_x) < 10:
+                    print("  ✓ 容器水平居中")
+                else:
+                    print("  ⚠ 容器可能未完全居中")
+
+            # 检查子元素是否居中对齐
+            container = page.locator('.ant-empty')
+            if container.count() > 0:
+                styles = container.first.evaluate("el => { const s = window.getComputedStyle(el); return { display: s.display, justifyContent: s.justifyContent, alignItems: s.alignItems, margin: s.margin }; }")
+                print(f"  子元素样式: {styles}")
+        else:
+            print("  未找到空状态容器（可能当前有数据）")
+
+        browser.close()
+        print("\n" + "=" * 60)
+        print("测试完成！")
+        print("=" * 60)
+
+if __name__ == "__main__":
+    test_empty_center()