拆分图片画布图片信息弹窗

新增图片信息弹窗组件,承接 metadata 详情渲染和 UnifiedModal 接入

修复未登录进入编辑器时项目和素材接口抢跑 401

修复重置画布视图点击事件误传导致适合视图报错

补充图片信息弹窗、鉴权门禁和重置按钮回归测试

更新前端拆分文档和 TRACKING 浏览器回归记录
This commit is contained in:
2026-06-17 10:56:51 +08:00
parent 53d1283083
commit f34556d33d
11 changed files with 303 additions and 83 deletions

View File

@@ -65,15 +65,18 @@ function createAssetSnapshot(
}
function AssetLibraryHarness({
canAccessProtectedData = true,
openEditorLoginModal = defaultOpenEditorLoginModal,
onDeleteAssets = defaultOnDeleteAssets,
}: {
canAccessProtectedData?: boolean;
openEditorLoginModal?: (postLoginAction?: (() => void) | null) => void;
onDeleteAssets?: (assets: EditorAsset[]) => void;
}) {
const assetListRef = useRef<HTMLDivElement | null>(null);
const assetLibrary = useImageCanvasAssetLibrary({
assetListRef,
canAccessProtectedData,
openEditorLoginModal,
onDeleteAssets,
});
@@ -259,6 +262,15 @@ describe('useImageCanvasAssetLibrary', () => {
});
});
it('does not request the protected asset library before login is available', () => {
render(<AssetLibraryHarness canAccessProtectedData={false} />);
expect(loadEditorAssetLibraryMock).not.toHaveBeenCalled();
expect(screen.getByTestId('folders').textContent).toBe(
'project:项目素材:false',
);
});
it('creates a local folder and replaces it with the persisted folder id', async () => {
let resolveCreateFolder: (
folder: Awaited<ReturnType<typeof createEditorAssetFolderMock>>,