基于 Playwright 支持 OpenSumi 集成测试能力

[erha19]

背景

当前 OpenSumi 发版极度依赖人肉回归来保障版本的正确性，缺少自动化的冒烟测试来保障版本可靠性，后续期望通过覆盖 E2E 测试的方式，减少这块人力投入的成本，同时在每次发版前监控版本性能。

在 #1263 中已初步实现了框架的搭建。

待讨论

Playwright 主要依赖 Browser 中的选择器来进行视图的选择，而目前 OpenSumi 中大多数节点都没有准确的 id/class, 有个初步的想法是通过建立一套新的 ID 命名规范对目前 OpenSumi 内的所有视图进行 ID 的重命名（不会影响旧的 Class 选择器），也增强整体 OpenSumi 品牌在 Dom 结构上的可识别度，命名规则如下：

${面板区域}-${功能名称}-${视图类型}-${额外标注信息}

以左侧边栏的文件树面板为例，命名格式为 LeftSideBar-FileTree-Panel, 而针对具体的功能按钮，如文件树中的新建文件按钮，一般建议采用 LeftSideBar-FileTree-Toolbar 的方式获取选择器后，通过次序进行选择。

如果这个方案没有问题，将在本周内进行改造工作。

[erha19]

ID 也可以不用大驼峰表述，换成 left-sidebar_file-tree_panel, 这种表现方式。