修复画布生成输入回归测试

迁移生成集成测试至 Lexical 文本输入契约

补齐基础生成与角色动画输入测试断言

src/components/image-editor/ImageCanvasBasicGenerationComposerView.test.tsx

@@ -4,6 +4,7 @@ import { fireEvent, render, screen, within } from '@testing-library/react';
 import { createRef, useState } from 'react';
 import { describe, expect, it, vi } from 'vitest';
 
+import { setPlainTextEditorValue } from '../common/AutoGrowTextArea.test-utils';
 import { ImageCanvasBasicGenerationComposerView } from './ImageCanvasBasicGenerationComposerView';
 import type {
   GenerateDialogState,
@@ -83,9 +84,7 @@ describe('ImageCanvasBasicGenerationComposerView', () => {
       />,
     );
 
-    fireEvent.change(screen.getByLabelText('生成提示词'), {
-      target: { value: '新的提示' },
-    });
+    setPlainTextEditorValue(screen.getByLabelText('生成提示词'), '新的提示');
     const panel = screen.getByRole('dialog', { name: '生成图片' });
     expect(
       within(panel).queryByRole('textbox', { name: '资源名称' }),
@@ -216,7 +215,9 @@ describe('ImageCanvasBasicGenerationComposerView', () => {
       name: '快速编辑提示词',
     });
 
-    expect(prompt.className).toContain('auto-grow-text-area');
+    expect(prompt.closest('.auto-grow-text-area')?.className).toContain(
+      'auto-grow-text-area',
+    );
     expect(prompt.className).not.toContain('platform-text-field');
     fireEvent.keyDown(prompt, { key: 'Enter' });
     expect(submitQuickEdit).not.toHaveBeenCalled();

src/components/image-editor/ImageCanvasCharacterAnimationPanelView.test.tsx

@@ -4,9 +4,12 @@ import { fireEvent, render, screen } from '@testing-library/react';
 import { useState } from 'react';
 import { describe, expect, it, vi } from 'vitest';
 
+import { setPlainTextEditorValue } from '../common/AutoGrowTextArea.test-utils';
 import { ImageCanvasCharacterAnimationPanelView } from './ImageCanvasCharacterAnimationPanelView';
-import type { CanvasLayer, CharacterAnimationPanelState } from './ImageCanvasEditorTypes';
-
+import type {
+  CanvasLayer,
+  CharacterAnimationPanelState,
+} from './ImageCanvasEditorTypes';
 
 function createSourceLayer(): CanvasLayer {
   return {
@@ -61,14 +64,11 @@ function CharacterAnimationPanelHarness({
         currentPanel
           ? {
               ...currentPanel,
-              frameCount:
-                frameCount === 48 ? 48 : frameCount === 40 ? 40 : 32,
+              frameCount: frameCount === 48 ? 48 : frameCount === 40 ? 40 : 32,
               durationSeconds:
                 frameCount === 48 ? 6 : frameCount === 40 ? 5 : 4,
               status:
-                currentPanel.status === 'failed'
-                  ? 'idle'
-                  : currentPanel.status,
+                currentPanel.status === 'failed' ? 'idle' : currentPanel.status,
               errorMessage:
                 currentPanel.status === 'failed'
                   ? undefined
@@ -114,12 +114,12 @@ describe('ImageCanvasCharacterAnimationPanelView', () => {
     );
 
     const description = screen.getByLabelText('动画描述');
-    expect(description.className).toContain('auto-grow-text-area');
+    expect(description.closest('.auto-grow-text-area')?.className).toContain(
+      'auto-grow-text-area',
+    );
     expect(description.className).not.toContain('platform-text-field');
 
-    fireEvent.change(description, {
-      target: { value: `${'a'.repeat(4001)}` },
-    });
+    setPlainTextEditorValue(description, 'a'.repeat(4001));
     fireEvent.click(
       screen.getByRole('button', { name: '动画参数 同图尺寸 · 4秒 · 480p' }),
     );
@@ -128,7 +128,9 @@ describe('ImageCanvasCharacterAnimationPanelView', () => {
     fireEvent.click(screen.getByRole('button', { name: '比例 16:9' }));
 
     expect(screen.getByRole('menu', { name: '动画参数选项' })).toBeTruthy();
-    expect(screen.getByLabelText('当前动画描述').textContent).toHaveLength(4000);
+    expect(screen.getByLabelText('当前动画描述').textContent).toHaveLength(
+      4000,
+    );
     expect(screen.getByLabelText('当前分辨率').textContent).toBe('720p');
     expect(screen.getByLabelText('当前比例').textContent).toBe('16:9');
     expect(menu).toBeTruthy();
@@ -142,9 +144,7 @@ describe('ImageCanvasCharacterAnimationPanelView', () => {
   });
 
   it('clicks the parent animation panel to collapse the parameter menu', () => {
-    render(
-      <CharacterAnimationPanelHarness initialPanel={createPanel()} />,
-    );
+    render(<CharacterAnimationPanelHarness initialPanel={createPanel()} />);
 
     fireEvent.click(
       screen.getByRole('button', { name: '动画参数 同图尺寸 · 4秒 · 480p' }),
@@ -211,15 +211,17 @@ describe('ImageCanvasCharacterAnimationPanelView', () => {
 
     fireEvent.click(screen.getByRole('button', { name: '生成中' }));
 
-    const description = screen.getByLabelText(
-      '动画描述',
-    ) as HTMLTextAreaElement;
-    expect(description.disabled).toBe(true);
-    expect(description.className).toContain('disabled:cursor-not-allowed');
-    expect(description.className).toContain('disabled:opacity-60');
-    expect((screen.getByRole('button', { name: '待机' }) as HTMLButtonElement).disabled).toBe(
-      true,
-    );
+    const description = screen.getByLabelText('动画描述');
+    expect(description.getAttribute('aria-disabled')).toBe('true');
+    expect(
+      description
+        .closest('.auto-grow-text-area')
+        ?.getAttribute('data-disabled'),
+    ).toBe('true');
+    expect(
+      (screen.getByRole('button', { name: '待机' }) as HTMLButtonElement)
+        .disabled,
+    ).toBe(true);
     expect(submitCharacterAnimation).not.toHaveBeenCalled();
   });
 

src/components/image-editor/ImageCanvasEditorGenerationIntegration.test.tsx

@@ -12,6 +12,7 @@ import userEvent from '@testing-library/user-event';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
 
 import type { ExternalGenerationTaskRecord } from '../../../packages/shared/src/contracts/externalGeneration';
+import { setPlainTextEditorValue } from '../common/AutoGrowTextArea.test-utils';
 import {
   ApiClientError,
   defaultEditorProjectLayers,
@@ -554,9 +555,9 @@ describe('ImageCanvasEditorView generation integration', () => {
     expect(screen.queryByLabelText('图像生成占位图')).toBeNull();
     const generateDialog = screen.getByRole('dialog', { name: '生成图片' });
     expect(generateDialog).toBeTruthy();
-    expect(
-      (screen.getByLabelText('生成提示词') as HTMLTextAreaElement).value,
-    ).toBe('刷新后恢复生成器');
+    expect(screen.getByLabelText('生成提示词').textContent).toBe(
+      '刷新后恢复生成器',
+    );
   });
 
   it('restores generated image composer from layer metadata when the dialog snapshot is missing', async () => {
@@ -609,9 +610,9 @@ describe('ImageCanvasEditorView generation integration', () => {
     expect(
       await screen.findByRole('dialog', { name: '生成图片' }),
     ).toBeTruthy();
-    expect(
-      (screen.getByLabelText('生成提示词') as HTMLTextAreaElement).value,
-    ).toBe('元数据恢复生成器');
+    expect(screen.getByLabelText('生成提示词').textContent).toBe(
+      '元数据恢复生成器',
+    );
   });
 
   it('does not open a generator on direct click for tagged uploaded images', async () => {
@@ -781,11 +782,9 @@ describe('ImageCanvasEditorView generation integration', () => {
       ).value,
     ).toBe('非对称对抗');
     expect(
-      (
-        within(publicationDialog).getByRole('textbox', {
-          name: '运营海报一句话描述游戏',
-        }) as HTMLTextAreaElement
-      ).value,
+      within(publicationDialog).getByRole('textbox', {
+        name: '运营海报一句话描述游戏',
+      }).textContent,
     ).toBe('找到钥匙，开门逃离马戏团');
     expect(within(publicationDialog).getByLabelText('首图参考')).toBeTruthy();
     expect(screen.getByLabelText('宣发素材生成占位图')).toBeTruthy();
@@ -838,9 +837,11 @@ describe('ImageCanvasEditorView generation integration', () => {
         .className,
     ).toContain('image-canvas-editor__reference-chip');
     const generatePrompt = screen.getByLabelText('生成提示词');
-    expect(generatePrompt.className).toContain('auto-grow-text-area');
+    expect(generatePrompt.closest('.auto-grow-text-area')?.className).toContain(
+      'auto-grow-text-area',
+    );
     expect(generatePrompt.className).not.toContain('platform-text-field');
-    expect(generatePrompt.className).toContain(
+    expect(generatePrompt.closest('.auto-grow-text-area')?.className).toContain(
       'image-canvas-editor__generation-prompt',
     );
     expect(
@@ -865,9 +866,10 @@ describe('ImageCanvasEditorView generation integration', () => {
     ).toContain('image-canvas-editor__generation-submit');
     expect(screen.getByRole('toolbar', { name: 'AI画布工具栏' })).toBeTruthy();
 
-    fireEvent.change(screen.getByLabelText('生成提示词'), {
-      target: { value: '一张明亮的拼图主视觉' },
-    });
+    setPlainTextEditorValue(
+      screen.getByLabelText('生成提示词'),
+      '一张明亮的拼图主视觉',
+    );
     fireEvent.click(pixelArtToggle);
     fireEvent.click(
       within(generateDialog).getByRole('button', { name: '生成' }),
@@ -890,9 +892,7 @@ describe('ImageCanvasEditorView generation integration', () => {
     });
     const submittedGenerationInputs =
       generateEditorImageMock.mock.calls[0]?.[0]?.generationInputs;
-    expect(JSON.stringify(submittedGenerationInputs)).not.toContain(
-      'pixelArt',
-    );
+    expect(JSON.stringify(submittedGenerationInputs)).not.toContain('pixelArt');
 
     await waitFor(() => {
       expect(screen.getByAltText(/画布图片：生成图片/)).toBeTruthy();
@@ -979,9 +979,10 @@ describe('ImageCanvasEditorView generation integration', () => {
     const draggedFrameCenterY =
       Number.parseFloat(draggedFrame.style.top) +
       Number.parseFloat(draggedFrame.style.height) / 2;
-    fireEvent.change(screen.getByLabelText('生成提示词'), {
-      target: { value: '拖拽后的生成图' },
-    });
+    setPlainTextEditorValue(
+      screen.getByLabelText('生成提示词'),
+      '拖拽后的生成图',
+    );
     fireEvent.click(screen.getByRole('button', { name: '生成' }));
 
     await waitFor(() => {
@@ -1019,9 +1020,10 @@ describe('ImageCanvasEditorView generation integration', () => {
 
     fireEvent.click(screen.getByRole('button', { name: '生成图片' }));
     const generateDialog = screen.getByRole('dialog', { name: '生成图片' });
-    fireEvent.change(screen.getByLabelText('生成提示词'), {
-      target: { value: '生成中继续拖动的图片' },
-    });
+    setPlainTextEditorValue(
+      screen.getByLabelText('生成提示词'),
+      '生成中继续拖动的图片',
+    );
     fireEvent.click(
       within(generateDialog).getByRole('button', { name: '生成' }),
     );
@@ -1098,9 +1100,10 @@ describe('ImageCanvasEditorView generation integration', () => {
     });
 
     fireEvent.click(screen.getByRole('button', { name: '生成图片' }));
-    fireEvent.change(screen.getByLabelText('生成提示词'), {
-      target: { value: '准备删除的生成中图片' },
-    });
+    setPlainTextEditorValue(
+      screen.getByLabelText('生成提示词'),
+      '准备删除的生成中图片',
+    );
     fireEvent.click(screen.getByRole('button', { name: '生成' }));
 
     const frame = screen.getByLabelText('图像生成占位图');
@@ -1213,9 +1216,10 @@ describe('ImageCanvasEditorView generation integration', () => {
     render(<ImageCanvasEditorView />);
 
     fireEvent.click(screen.getByRole('button', { name: '生成图片' }));
-    fireEvent.change(screen.getByLabelText('生成提示词'), {
-      target: { value: '一张真实生成失败的图' },
-    });
+    setPlainTextEditorValue(
+      screen.getByLabelText('生成提示词'),
+      '一张真实生成失败的图',
+    );
     fireEvent.click(screen.getByRole('button', { name: '生成' }));
 
     expect(screen.getByRole('status').textContent).toContain('生成中');
@@ -1240,9 +1244,10 @@ describe('ImageCanvasEditorView generation integration', () => {
     render(<ImageCanvasEditorView />);
 
     fireEvent.click(screen.getByRole('button', { name: '生成图片' }));
-    fireEvent.change(screen.getByLabelText('生成提示词'), {
-      target: { value: '一张需要登录生成的图' },
-    });
+    setPlainTextEditorValue(
+      screen.getByLabelText('生成提示词'),
+      '一张需要登录生成的图',
+    );
     fireEvent.click(screen.getByRole('button', { name: '生成' }));
 
     await waitFor(() => {
@@ -1263,9 +1268,10 @@ describe('ImageCanvasEditorView generation integration', () => {
             '1:1',
             '2K',
           );
-          fireEvent.change(screen.getByLabelText('生成提示词'), {
-            target: { value: '生成中的普通图片' },
-          });
+          setPlainTextEditorValue(
+            screen.getByLabelText('生成提示词'),
+            '生成中的普通图片',
+          );
           fireEvent.click(screen.getByRole('button', { name: '生成' }));
         },
         dialogName: '生成图片',
@@ -1284,9 +1290,10 @@ describe('ImageCanvasEditorView generation integration', () => {
               screen.getByRole('menu', { name: '生成规范类型' }),
             ).getByRole('menuitem', { name: '自定义规范' }),
           );
-          fireEvent.change(screen.getByLabelText('自定义规范提示词'), {
-            target: { value: '生成中的自定义规范图' },
-          });
+          setPlainTextEditorValue(
+            screen.getByLabelText('自定义规范提示词'),
+            '生成中的自定义规范图',
+          );
           fireEvent.click(
             within(screen.getByRole('dialog', { name: '生成规范' })).getByRole(
               'button',
@@ -1306,9 +1313,10 @@ describe('ImageCanvasEditorView generation integration', () => {
             '2:3',
             '2K',
           );
-          fireEvent.change(screen.getByLabelText('角色设定'), {
-            target: { value: '生成中的角色形象' },
-          });
+          setPlainTextEditorValue(
+            screen.getByLabelText('角色设定'),
+            '生成中的角色形象',
+          );
           fireEvent.click(screen.getByRole('button', { name: '生成' }));
         },
         dialogName: '生成角色形象',
@@ -1397,12 +1405,12 @@ describe('ImageCanvasEditorView generation integration', () => {
         clientY: 120,
       },
     );
-    fireEvent.change(
+    setPlainTextEditorValue(
       within(screen.getByRole('dialog', { name: '生成图标素材' })).getByRole(
         'textbox',
         { name: '素材描述' },
       ),
-      { target: { value: '返回按钮' } },
+      '返回按钮',
     );
     fireEvent.click(
       within(screen.getByRole('dialog', { name: '生成图标素材' })).getByRole(
@@ -1412,9 +1420,7 @@ describe('ImageCanvasEditorView generation integration', () => {
     );
 
     await waitFor(() => {
-      expect(
-        screen.queryByRole('dialog', { name: '生成图标素材' }),
-      ).toBeNull();
+      expect(screen.queryByRole('dialog', { name: '生成图标素材' })).toBeNull();
     });
     const frame = screen.getByLabelText('图标素材生成占位图');
     expect(frame.className).toContain(
@@ -1497,7 +1503,9 @@ describe('ImageCanvasEditorView generation integration', () => {
     fireEvent.change(screen.getByLabelText('角色视角'), {
       target: { value: '左向三分之二侧身站姿' },
     });
-    fireEvent.submit(specDialog);
+    fireEvent.click(
+      within(specDialog).getByRole('button', { name: '提交生成规范' }),
+    );
 
     await waitFor(() => {
       expect(generateEditorImageMock).toHaveBeenCalledWith(
@@ -1689,9 +1697,10 @@ describe('ImageCanvasEditorView generation integration', () => {
     const characterPanel = screen.getByRole('dialog', {
       name: '生成角色形象',
     });
-    fireEvent.change(within(characterPanel).getByLabelText('角色设定'), {
-      target: { value: '高个子游侠' },
-    });
+    setPlainTextEditorValue(
+      within(characterPanel).getByLabelText('角色设定'),
+      '高个子游侠',
+    );
     fireEvent.click(
       within(characterPanel).getByRole('button', { name: '生成' }),
     );
@@ -1784,9 +1793,10 @@ describe('ImageCanvasEditorView generation integration', () => {
     });
     selectGenerationModel(characterPanel, 'gpt-image-2');
     selectGenerationDimensions(characterPanel, '2:3', '2K');
-    fireEvent.change(within(characterPanel).getByLabelText('角色设定'), {
-      target: { value: '蓝衣剑士' },
-    });
+    setPlainTextEditorValue(
+      within(characterPanel).getByLabelText('角色设定'),
+      '蓝衣剑士',
+    );
     fireEvent.click(
       within(characterPanel).getByRole('button', { name: '生成' }),
     );
@@ -1829,12 +1839,12 @@ describe('ImageCanvasEditorView generation integration', () => {
       screen.getByRole('dialog', { name: '生成图标素材' }),
       '图标规范 2',
     );
-    fireEvent.change(
+    setPlainTextEditorValue(
       within(screen.getByRole('dialog', { name: '生成图标素材' })).getByRole(
         'textbox',
         { name: '素材描述' },
       ),
-      { target: { value: '返回按钮' } },
+      '返回按钮',
     );
     fireEvent.click(
       within(screen.getByRole('dialog', { name: '生成图标素材' })).getByRole(
@@ -1910,9 +1920,10 @@ describe('ImageCanvasEditorView generation integration', () => {
     });
 
     fireEvent.click(screen.getByRole('button', { name: '生成图片' }));
-    fireEvent.change(screen.getByLabelText('生成提示词'), {
-      target: { value: '生成中切换后仍保留位置' },
-    });
+    setPlainTextEditorValue(
+      screen.getByLabelText('生成提示词'),
+      '生成中切换后仍保留位置',
+    );
     fireEvent.click(screen.getByRole('button', { name: '生成' }));
 
     const originalFrame = screen.getByLabelText('图像生成占位图');
@@ -2078,16 +2089,16 @@ describe('ImageCanvasEditorView generation integration', () => {
       iconPanel.querySelector('.image-canvas-editor__icon-spec-card'),
     ).toBeTruthy();
 
-    fireEvent.change(
+    setPlainTextEditorValue(
       within(iconPanel).getByRole('textbox', { name: '素材描述' }),
-      { target: { value: '返回按钮\n设置按钮\n提示按钮' } },
+      '返回按钮\n设置按钮\n提示按钮',
     );
 
     const iconPrompt = within(iconPanel).getByRole('textbox', {
       name: '素材描述',
     });
-    expect(iconPrompt.tagName).toBe('TEXTAREA');
-    expect(iconPrompt.className).toContain(
+    expect(iconPrompt.getAttribute('contenteditable')).toBe('true');
+    expect(iconPrompt.closest('.auto-grow-text-area')?.className).toContain(
       'image-canvas-editor__generation-prompt',
     );
     expect(iconPrompt.className).not.toContain(
@@ -2118,9 +2129,10 @@ describe('ImageCanvasEditorView generation integration', () => {
     render(<ImageCanvasEditorView />);
 
     fireEvent.click(screen.getByRole('button', { name: '生成图片' }));
-    fireEvent.change(screen.getByLabelText('生成提示词'), {
-      target: { value: '发光蘑菇角色' },
-    });
+    setPlainTextEditorValue(
+      screen.getByLabelText('生成提示词'),
+      '发光蘑菇角色',
+    );
     fireEvent.click(screen.getByRole('button', { name: '生成' }));
 
     const generatedImage = await screen.findByAltText(/画布图片：生成图片/u);
@@ -2198,7 +2210,12 @@ describe('ImageCanvasEditorView generation integration', () => {
     fireEvent.change(screen.getByLabelText('美术风格'), {
       target: { value: '糖果玻璃拟物' },
     });
-    fireEvent.submit(screen.getByRole('dialog', { name: '生成规范' }));
+    fireEvent.click(
+      within(screen.getByRole('dialog', { name: '生成规范' })).getByRole(
+        'button',
+        { name: '提交生成规范' },
+      ),
+    );
 
     await waitFor(() => {
       expect(generateEditorImageMock).toHaveBeenCalledWith(
@@ -2248,10 +2265,16 @@ describe('ImageCanvasEditorView generation integration', () => {
       ),
     );
     fireEvent.click(screen.getByRole('menuitem', { name: '自定义规范' }));
-    fireEvent.change(screen.getByLabelText('自定义规范提示词'), {
-      target: { value: '  生成一张武器图标规范展板  ' },
-    });
-    fireEvent.submit(screen.getByRole('dialog', { name: '生成规范' }));
+    setPlainTextEditorValue(
+      screen.getByLabelText('自定义规范提示词'),
+      '  生成一张武器图标规范展板  ',
+    );
+    fireEvent.click(
+      within(screen.getByRole('dialog', { name: '生成规范' })).getByRole(
+        'button',
+        { name: '提交生成规范' },
+      ),
+    );
 
     await waitFor(() => {
       expect(generateEditorImageMock).toHaveBeenCalledWith(
@@ -2480,9 +2503,10 @@ describe('ImageCanvasEditorView generation integration', () => {
     const readyCharacterPanel = screen.getByRole('dialog', {
       name: '生成角色形象',
     });
-    fireEvent.change(within(readyCharacterPanel).getByLabelText('角色设定'), {
-      target: { value: '银发游侠，蓝色披风，弓箭手，适合像素风战棋。' },
-    });
+    setPlainTextEditorValue(
+      within(readyCharacterPanel).getByLabelText('角色设定'),
+      '银发游侠，蓝色披风，弓箭手，适合像素风战棋。',
+    );
     fireEvent.click(
       within(readyCharacterPanel).getByRole('button', { name: '生成' }),
     );
@@ -2495,10 +2519,7 @@ describe('ImageCanvasEditorView generation integration', () => {
           model: 'gemini-3.1-flash-image-preview',
           aspectRatio: '1:1',
           imageSize: '1K',
-          referenceImageSrcs: [
-            'resource-character-spec',
-            'resource-big-fish',
-          ],
+          referenceImageSrcs: ['resource-character-spec', 'resource-big-fish'],
           projectId: 'editor-project-default',
           assetFolderId: 'project',
           assetKind: 'character',
@@ -2633,11 +2654,9 @@ describe('ImageCanvasEditorView generation integration', () => {
       within(iconPanel).getByRole('button', { name: '图标规范' }),
     ).toBeTruthy();
     expect(
-      (
-        within(iconPanel).getByRole('textbox', {
-          name: '素材描述',
-        }) as HTMLTextAreaElement
-      ).value,
+      within(iconPanel).getByRole('textbox', {
+        name: '素材描述',
+      }).textContent,
     ).toBe('');
 
     fireEvent.click(
@@ -2677,11 +2696,9 @@ describe('ImageCanvasEditorView generation integration', () => {
       screen.queryByText('请选择画布中的图标规范，按 Esc 退出'),
     ).toBeNull();
 
-    fireEvent.change(
+    setPlainTextEditorValue(
       within(iconPanel).getByRole('textbox', { name: '素材描述' }),
-      {
-        target: { value: '返回按钮\n设置按钮' },
-      },
+      '返回按钮\n设置按钮',
     );
     fireEvent.click(within(iconPanel).getByRole('button', { name: '生成' }));
 
@@ -2854,11 +2871,9 @@ describe('ImageCanvasEditorView generation integration', () => {
         clientY: 100,
       },
     );
-    fireEvent.change(
+    setPlainTextEditorValue(
       within(iconPanel).getByRole('textbox', { name: '素材描述' }),
-      {
-        target: { value: '返回按钮' },
-      },
+      '返回按钮',
     );
     fireEvent.click(within(iconPanel).getByRole('button', { name: '生成' }));
 
@@ -3139,11 +3154,9 @@ describe('ImageCanvasEditorView generation integration', () => {
       screen.queryByText('请选择画布中的图标规范，按 Esc 退出'),
     ).toBeNull();
 
-    fireEvent.change(
+    setPlainTextEditorValue(
       within(iconPanel).getByRole('textbox', { name: '素材描述' }),
-      {
-        target: { value: '背包按钮' },
-      },
+      '背包按钮',
     );
     fireEvent.click(within(iconPanel).getByRole('button', { name: '生成' }));
 
@@ -3344,21 +3357,23 @@ describe('ImageCanvasEditorView generation integration', () => {
       ).toBeTruthy();
     }
     fireEvent.click(within(panel).getByRole('button', { name: '待机' }));
-    expect(
-      (within(panel).getByLabelText('动画描述') as HTMLTextAreaElement).value,
-    ).toContain('待机');
+    expect(within(panel).getByLabelText('动画描述').textContent).toContain(
+      '待机',
+    );
     const longPrompt = '走'.repeat(4100);
-    fireEvent.change(within(panel).getByLabelText('动画描述'), {
-      target: { value: longPrompt },
-    });
-    expect(
-      (within(panel).getByLabelText('动画描述') as HTMLTextAreaElement).value,
-    ).toHaveLength(4000);
+    setPlainTextEditorValue(
+      within(panel).getByLabelText('动画描述'),
+      longPrompt,
+    );
+    expect(within(panel).getByLabelText('动画描述').textContent).toHaveLength(
+      4000,
+    );
     const precisePrompt =
       'The elderly market woman gently shifts weight while the basket sways.';
-    fireEvent.change(within(panel).getByLabelText('动画描述'), {
-      target: { value: precisePrompt },
-    });
+    setPlainTextEditorValue(
+      within(panel).getByLabelText('动画描述'),
+      precisePrompt,
+    );
     expect(
       within(panel).getByLabelText(`生成文本：${precisePrompt}`),
     ).toBeTruthy();
@@ -3428,10 +3443,9 @@ describe('ImageCanvasEditorView generation integration', () => {
     const remodelPanel = screen.getByRole('dialog', {
       name: '角色动画生成面板',
     });
-    expect(
-      (within(remodelPanel).getByLabelText('动画描述') as HTMLTextAreaElement)
-        .value,
-    ).toBe(precisePrompt);
+    expect(within(remodelPanel).getByLabelText('动画描述').textContent).toBe(
+      precisePrompt,
+    );
   });
 
   it('extracts UI design assets from the floating toolbar and keeps the spritesheet on canvas', async () => {
@@ -3687,9 +3701,10 @@ describe('ImageCanvasEditorView generation integration', () => {
     render(<ImageCanvasEditorView />);
 
     fireEvent.click(screen.getByRole('button', { name: '生成图片' }));
-    fireEvent.change(screen.getByLabelText('生成提示词'), {
-      target: { value: '一张可修改的生成图' },
-    });
+    setPlainTextEditorValue(
+      screen.getByLabelText('生成提示词'),
+      '一张可修改的生成图',
+    );
     fireEvent.click(screen.getByRole('button', { name: '生成' }));
 
     await waitFor(() => {