使用 Playwright 为框架添加基础的 E2E 测试流程

[erha19]

背景

当前 OpenSumi 在发版流程上依旧依赖人工回归保障部分功能的整体可靠性，费时费力，希望该流程可以自动化实现。

测试案例

根据当前的回归流程整理案例如下（部分已完成），需要按模块进行人员分配，完成测试覆盖，相关 PR 见：#1263

编辑器

• 修改文件后，Dirty 状态正常显示 @erha19
• 修改文件保存后，Dirty 状态移除 @erha19
• 打开一个标准 JavaScript 项目，支持通过 Go To Symbol... 功能跳转至第二个 Symbol 位置后删除对应内容 @erha19
• 支持在文件树复制路径后，通过右键菜单或快捷键粘贴至编辑器 @erha19
• 打开一个 TypeScript 标准项目，在终端下通过 mkdir 指令创建文件，等待片刻后文件树自动展现创建出的文件 @erha19
• 打开一个 TypeScript 标准项目，支持通过鼠标跳转至某个对象的定义位置 @Ricbet
• 打开一个 TypeScript 标准项目，支持右键菜单 “Go To Defination” 跳转至某个对象的定义位置 @Ricbet
• 在编辑器内打开文件，通过在 Tab 区域右键菜单 “关闭所有” 功能关闭所有文件 @Ricbet
• 打开一个标准的编辑器项目，打开 2 个文件后，点击另一个非焦点 Tab，文件树上自动定位并选择 @Ricbet

文件树

• 单击文件树文件，在编辑器中以预览模式打开 @erha19
• 双击文件树文件，在编辑器中以编辑模式打开 @erha19
• 打开一个标准项目，支持通过右键菜单在某个文件夹下新建文件及文件夹 @erha19
• 打开一个 Git 项目，文件树根据文件 Git 状态显示对应的装饰逻辑，如：修改的文件末尾会有个黄色的 "M" @erha19
• 支持通过顶部工具栏新建文件/文件夹 @erha19
• 支持通过顶部的工具栏中的 “筛选功能” 筛选文件 @erha19

布局

• 打开 2 个文件, 刷新之后与退出前界面保持一致 @erha19
• 隐藏 Outline 面板，刷新之后，Outline 面板依旧处于隐藏状态 @erha19

打开的编辑器

• 打开编辑器文件，界面正常同步文件 @erha19
• 发生分栏操作时，“打开的编辑器” 面板自动分组展示 @erha19
• 编辑器内文件发生修改，Dirty 状态在 “打开的编辑器” 面板正常展示 @erha19
• 关闭编辑器文件后，“打开的编辑器” 面板展示的文件数量减少 1 个 @erha19

SCM

• 打开一个 Git 项目，SCM 面板正确展示当前修改文件状态及数量 @erha19
• 点击 SCM 面板文件，打开 Diff Edtior，显示异常信息 @erha19
• 右键 SCM 面板文件，通过 Open File 命令打开源文件 @erha19

搜索面板

• 通过简单文本搜索获得正确的结果 @erha19
• 搜索文本后进行批量替换 @erha19
• 已删除的文件不会再次出现在搜索内容中 @erha19
• 点击搜索结果，在右侧编辑器展示响应内容 @erha19
• 通过正则搜索内容 @erha19
• 进行区分大小写的内容搜索，能得到正确结果 @erha19
• 在编辑器中选中内容后，通过 CMD+SHIFT+F 可以在搜索面板进行快速搜索，正常展示搜索结果 @erha19

终端

• 打开项目，终端正常初始化 @erha19
• 在终端中输入相关指令，如：在 Linux 和 MacOS 下通过 mkdir 命令创建文件 @erha19
• 终端工具栏正常初始化 @erha19
• 通过终端新建按钮可以新建新的终端 @erha19

调试

• 打开一个标准 JavaScript 项目，能对内容进行断点，运行调试后正常在断点位置暂停 @Ricbet
• 通过 JavaScript Debug Terminal 运行脚本后，脚本在断点位置暂停并正确展示阶段信息 @erha19

快捷键

• 支持通过快捷键 CMD+K CMD+S 打开快捷键设置面板 @erha19
• 支持通过左侧设置按钮中的 Keyboard Shortcuts 菜单打开快捷键设置面板 @erha19
• 打开设置面板，修改保存文件功能快捷键为 CMD+SHIF+S，原有 CMD+S 快捷键失效，使用 CMD+SHIF+S 后可以正常进行文件保存动作 @erha19

设置面板

• 支持通过快捷键 CMD+, 打开设置面板 @erha19
• 支持通过左侧设置按钮中的 Settings 菜单打开设置面板 @erha19
• 打开一个复杂类型设置，支持 在 settings.json 中修改 功能，点击后跳转至 settings.json 文件进行修改 @erha19

输出面板

• 正常输出日志，支持通过 Channel 选择不同的消息通道 @erha19
• 清理日志功能是否可以使用 @erha19
• 搜索功能是否可以使用 @erha19

其他

• 支持通过 CMD+P 打开文件列表，查找过滤文件 @erha19
• 支持通过 CMD+SHIFT+P 打开命令列表，执行视图打开命令 @erha19
• 支持为每个测试用例安装对应插件 @erha19

[erha19]

打开一个 Git 项目，文件树根据文件 Git 状态显示对应的装饰逻辑，如：初始化 Git 项目后，文件末尾有个 "U" 字符 #1834.

[erha19]

支持通过顶部的工具栏中的 “筛选功能” 筛选文件 #1835.

[erha19]

快捷键面板测试 #1850

• 支持通过快捷键 CMD+K CMD+S 打开设置面板
• 支持通过左侧设置按钮中的 Keyboard Shortcuts 菜单打开设置面板
• 打开设置面板，修改保存文件功能快捷键为 CMD+SHIF+S，原有 CMD+S 快捷键失效，使用 CMD+SHIF+S 后可以正常进行文件保存动作

[erha19]

OpenedEditor 面板测试 #1863

• 打开编辑器文件，界面正常同步文件
• 发生分栏操作时，“打开的编辑器” 面板自动分组展示
• 编辑器内文件发生修改，Dirty 状态在 “打开的编辑器” 面板正常展示
• 关闭编辑器文件后，“打开的编辑器” 面板展示的文件数量减少 1 个

[erha19]

设置面板测试 #1911

• 支持通过快捷键 CMD+, 打开设置面板
• 支持通过左侧设置按钮中的 Settings 菜单打开设置面板
• 打开一个复杂类型设置，支持 在 settings.json 中修改 功能，点击后跳转至 settings.json 文件进行修改

[erha19]

SCM 面板测试 #1934

• 打开一个 Git 项目，SCM 面板正确展示当前修改文件状态及数量
• 点击 SCM 面板文件，打开 Diff Edtior，显示异常信息
• 右键 SCM 面板文件，通过 Open File 命令打开源文件

[erha19]

布局测试 #2044

• 打开 2 个文件, 刷新之后与退出前界面保持一致
• 隐藏 Outline 面板，刷新之后，Outline 面板依旧处于隐藏状态

[erha19]

完成所有搜索面板测试 #2149

• 搜索文本后进行批量替换
• 通过正则搜索内容
• 进行区分大小写的内容搜索，能得到正确结果
• 在编辑器中选中内容后，通过 CMD+SHIFT+F 可以在搜索面板进行快速搜索，正常展示搜索结果
• 已删除的文件不会再次出现在搜索内容中
• 点击搜索结果，在右侧编辑器展示响应内容

[erha19]

完成输出面板测试 #2152

• 正常输出日志，支持通过 Channel 选择不同的消息通道
• 清理日志功能是否可以使用
• 搜索功能是否可以使用