From dd16724948493ec67d5cd97ded00fc091c3fa85f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E5=BE=B7=E5=AE=87?= <kvtodev@outlook.com>
Date: Thu, 3 Sep 2026 19:52:33 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A1=A5=E9=BD=90=E5=9B=BE=E7=89=87=E9=80=89?=
 =?UTF-8?q?=E6=8B=A9=E5=99=A8=E5=85=B3=E9=97=AD=E4=B8=8E=E7=A9=BA=E7=8A=B6?=
 =?UTF-8?q?=E6=80=81=E6=B5=8B=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

新增遮罩点击关闭和空素材列表场景覆盖。
---
 .../tests/imageAssetSelector.test.tsx         | 25 ++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/apps/ai-game-creator-shell/tests/imageAssetSelector.test.tsx b/apps/ai-game-creator-shell/tests/imageAssetSelector.test.tsx
index 02b9627c1..a012f2d60 100644
--- a/apps/ai-game-creator-shell/tests/imageAssetSelector.test.tsx
+++ b/apps/ai-game-creator-shell/tests/imageAssetSelector.test.tsx
@@ -34,11 +34,12 @@ function renderSelector(
   value: string | null = null,
   onChange = vi.fn(),
   previewUrls: Record<string, string> = {},
+  selectorSprites: typeof sprites = sprites,
 ) {
   return render(
     <ImageAssetSelector
       value={value}
-      sprites={sprites}
+      sprites={selectorSprites}
       previewUrls={previewUrls}
       readOnly={false}
       onChange={onChange}
@@ -135,4 +136,26 @@ describe('ImageAssetSelector', () => {
     await user.keyboard('{Enter}');
     expect(onChange).toHaveBeenCalledWith('hero');
   });
+
+  it('closes when the modal backdrop is clicked', async () => {
+    const user = userEvent.setup();
+    renderSelector();
+    await user.click(screen.getByRole('button', { name: '选择素材' }));
+    const dialog = screen.getByRole('dialog', { name: '选择图片素材' });
+    const overlay = dialog.parentElement;
+    expect(overlay).toBeTruthy();
+    await user.click(overlay!);
+    expect(screen.queryByRole('dialog', { name: '选择图片素材' })).toBeNull();
+  });
+
+  it('shows an empty state when no sprites are available', async () => {
+    const user = userEvent.setup();
+    renderSelector(null, vi.fn(), {}, {});
+    await user.click(screen.getByRole('button', { name: '选择素材' }));
+    const dialog = screen.getByRole('dialog', { name: '选择图片素材' });
+    expect(within(dialog).getByText('暂无可用素材')).toBeTruthy();
+    expect(
+      within(dialog).getByRole('button', { name: /清除选择/ }),
+    ).toBeTruthy();
+  });
 });