之前已有:
【基本解决】VSCode中用Markdown画iOS返回前一页的流程图graph和flowchart
现在继续用VSCode去用Markdown去画个流程图,关于iOS自动化测试的总体流程的
目前用:
```mermaid graph TB subgraph 准备工作 Start((开始)) --> CheckInstalled{已安装app ?} CheckInstalled --已安装--> LaunchApp(启动App) CheckInstalled --未安装--> AutoInstallApp(自动安装app) end subgraph 从AppStore自动安装iOS的app AutoInstallApp --> OpenAppStore(启动AppStore) OpenAppStore --> SwitchToSearchTab(切换到搜索Tab页) SwitchToSearchTab --> InputAppName(输入app名称) InputAppName --> ClickSearch(点击搜索) ClickSearch --> IntoAppDetailPage(进入app详情页) IntoAppDetailPage --> ClickDownloadApp(点击下载app) ClickDownloadApp --> DownloadingApp(正在下载app) DownloadingApp --下载完成--> AppInstallCompleted(app安装完毕) AppInstallCompleted --> LaunchApp end subgraph 自动化测试 LaunchApp --> ProcessAllPage(处理所有页面) ProcessAllPage --> FinishAllPage{已处理完毕所有页面 ?} FinishAllPage --否--> ProcessSinglePage(处理单个页面) FinishAllPage --是--> End((结束)) subgraph 处理单个页面 ProcessSinglePage --> DetectSubMenu{有可点击菜单元素 ?} DetectSubMenu --是--> ProcessSingleMenu DetectSubMenu --否--> FinishCurretPage(当前页面处理完毕) FinishCurretPage --> ReturnToPreviousPage(返回前一页) ReturnToPreviousPage --> ProcessSinglePage subgraph 处理单个按钮元素 ProcessSingleMenu(处理单个按钮元素) --> ClickSingleMenu(点击单个按钮元素) ClickSingleMenu --> DetectIntoNewPage{是否进入新页面 ?} DetectIntoNewPage --是--> ProcessSinglePage DetectIntoNewPage --否--> FinishCurrentMenu(当前按钮元素处理完毕) end end end style Start fill:#f66,stroke-width:2px style End fill:#f66,stroke-width:2px style LaunchApp fill:#97B2E1,stroke-width:2px ```
效果:
最终导出的图片:
效果还行,凑合用。