diff --git a/integration-test/pic/details.png b/integration-test/pic/details.png
new file mode 100644
index 0000000..bf0c131
--- /dev/null
+++ b/integration-test/pic/details.png
Binary files differ
diff --git a/integration-test/pic/download1.png b/integration-test/pic/download1.png
new file mode 100644
index 0000000..db9992b
--- /dev/null
+++ b/integration-test/pic/download1.png
Binary files differ
diff --git a/integration-test/pic/download2.png b/integration-test/pic/download2.png
new file mode 100644
index 0000000..c777526
--- /dev/null
+++ b/integration-test/pic/download2.png
Binary files differ
diff --git a/integration-test/pic/step.svg b/integration-test/pic/step.svg
new file mode 100644
index 0000000..8030213
--- /dev/null
+++ b/integration-test/pic/step.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="484px" height="254px" viewBox="-0.5 -0.5 484 254"><defs/><g><rect x="126" y="177" width="120" height="60" rx="9" ry="9" fill="#ffffff" stroke="#ea6b66" stroke-width="2" stroke-dasharray="6 6" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 207px; margin-left: 127px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 15px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><div style="font-size: 15px;"><div style="font-size: 15px;">1. 构建测试类和标注测试环境</div></div><span style="font-size: 15px;"></span></div></div></div></foreignObject></g><rect x="240" y="97" width="120" height="60" rx="9" ry="9" fill="#ffffff" stroke="#5884d1" stroke-width="2" stroke-dasharray="6 6" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 127px; margin-left: 241px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 15px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><div style="font-size: 15px;"><div style="font-size: 15px;">2. 设置测试前的准备工作以及测试后的清理工作</div></div><span style="font-size: 15px;"></span></div></div></div></foreignObject></g><rect x="360" y="17" width="106" height="60" rx="9" ry="9" fill="#ffffff" stroke="#b5739d" stroke-width="2" stroke-dasharray="6 6" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 104px; height: 1px; padding-top: 47px; margin-left: 361px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 15px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><div style="font-size: 15px;"><div style="font-size: 15px;">3. 实现集成</div><div style="font-size: 15px;">测试<span style="background-color: initial;">逻辑</span></div></div><span style="font-size: 15px;"></span></div></div></div></foreignObject></g><image x="15.5" y="46.5" width="100" height="100" xlink:href="data:image/png;base64,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" preserveAspectRatio="none"/><path d="M 192.45 167 L 192.45 141.74 C 192.45 141.06 192.75 140.4 193.28 139.92 C 193.81 139.44 194.53 139.16 195.28 139.16 L 209.46 139.16 L 209.46 145.87 L 231 131.43 L 209.46 117 L 209.46 123.7 L 195.28 123.7 C 184.54 123.98 176 131.98 176.01 141.74 L 176.01 167 Z" fill="#ea6b66" stroke="none" pointer-events="all"/><path d="M 307.45 87 L 307.45 61.74 C 307.45 61.06 307.75 60.4 308.28 59.92 C 308.81 59.44 309.53 59.16 310.28 59.16 L 324.46 59.16 L 324.46 65.87 L 346 51.43 L 324.46 37 L 324.46 43.7 L 310.28 43.7 C 299.54 43.98 291 51.98 291.01 61.74 L 291.01 87 Z" fill="#5884d1" stroke="none" pointer-events="all"/></g></svg>
\ No newline at end of file