复用平台输入框收口素材侧栏

编辑器素材侧栏的新建文件夹、文件夹重命名和素材重命名输入框改为复用 PlatformTextField。

输入框局部样式改为明确 class 覆盖,不再按 input 标签选择器维护基础输入 chrome。

补充编辑器测试断言共享输入框原语,并更新 TRACKING。
This commit is contained in:
2026-06-14 16:13:14 +08:00
parent 0acbcbbaa4
commit d4a894f166
4 changed files with 31 additions and 8 deletions

View File

@@ -204,6 +204,10 @@ describe('ImageCanvasEditorView', () => {
await user.click(screen.getByRole('button', { name: '重命名素材拼图素材' }));
const renameInput = screen.getByLabelText('重命名素材拼图素材');
expect(renameInput.className).toContain('platform-text-field');
expect(renameInput.className).toContain(
'image-canvas-editor__asset-rename-input',
);
await user.clear(renameInput);
await user.type(renameInput, '主视觉素材');
await user.click(screen.getByRole('button', { name: '保存素材拼图素材名称' }));
@@ -229,7 +233,12 @@ describe('ImageCanvasEditorView', () => {
expect(screen.getByRole('button', { name: '添加拼图素材' })).toBeTruthy();
await user.click(screen.getByRole('button', { name: '新建素材文件夹' }));
await user.type(screen.getByLabelText('素材文件夹名称'), '角色上传');
const folderNameInput = screen.getByLabelText('素材文件夹名称');
expect(folderNameInput.className).toContain('platform-text-field');
expect(folderNameInput.className).toContain(
'image-canvas-editor__folder-create-input',
);
await user.type(folderNameInput, '角色上传');
await user.click(screen.getByRole('button', { name: '保存素材文件夹' }));
const uploadInput = screen.getByLabelText('上传图片文件');
@@ -276,6 +285,10 @@ describe('ImageCanvasEditorView', () => {
await screen.findByRole('region', { name: '角色' });
await user.click(screen.getByRole('button', { name: '重命名文件夹角色' }));
const folderRenameInput = screen.getByLabelText('重命名文件夹角色');
expect(folderRenameInput.className).toContain('platform-text-field');
expect(folderRenameInput.className).toContain(
'image-canvas-editor__folder-rename-input',
);
await user.clear(folderRenameInput);
await user.type(folderRenameInput, '角色参考');
await user.click(screen.getByRole('button', { name: '保存文件夹角色名称' }));