From 30dc7a3c22c01004ee553d394cad7b91e613a90e Mon Sep 17 00:00:00 2001 From: yuyutaotao <167746126+yuyutaotao@users.noreply.github.com> Date: Mon, 9 Sep 2024 15:57:36 +0800 Subject: [PATCH] chore(web): merge the Page implementation of Puppeteer and Playwright (#87) --- .../midscene/src/ai-model/openai/index.ts | 2 +- .../antd-carousel/element-snapshot.json | 3218 +++++++++++++++ .../test-data/antd-carousel/input.png | Bin 0 -> 159608 bytes .../test-data/antd-carousel/output.png | Bin 0 -> 202092 bytes .../antd-carousel/output_without_text.png | Bin 0 -> 173384 bytes .../test-data/antd-carousel/resize-output.png | Bin 0 -> 49634 bytes .../antd-pagination/element-snapshot.json | 3228 +++++++++++++++ .../test-data/antd-pagination/input.png | Bin 0 -> 165833 bytes .../test-data/antd-pagination/output.png | Bin 0 -> 213169 bytes .../antd-pagination/output_without_text.png | Bin 0 -> 175718 bytes .../antd-pagination/resize-output.png | Bin 0 -> 50281 bytes .../antd-tooltip/element-snapshot.json | 3456 +++++++++++++++++ .../test-data/antd-tooltip/input.png | Bin 0 -> 207724 bytes .../test-data/antd-tooltip/output.png | Bin 0 -> 254037 bytes .../antd-tooltip/output_without_text.png | Bin 0 -> 225944 bytes .../test-data/antd-tooltip/resize-output.png | Bin 0 -> 65516 bytes .../test-data/online_order/input.png | Bin 273464 -> 273432 bytes .../test-data/online_order/output.png | Bin 278754 -> 278714 bytes .../online_order/output_without_text.png | Bin 274340 -> 274319 bytes .../test-data/online_order/resize-output.png | Bin 273464 -> 273432 bytes .../visualstudio/element-snapshot.json | 22 +- .../test-data/visualstudio/input.png | Bin 297251 -> 298058 bytes .../test-data/visualstudio/output.png | Bin 302532 -> 303007 bytes .../visualstudio/output_without_text.png | Bin 298844 -> 299885 bytes .../test-data/visualstudio/resize-output.png | Bin 136258 -> 136337 bytes packages/midscene/tests/ai/openai.test.ts | 41 +- packages/web-integration/playwright.config.ts | 2 +- .../web-integration/src/playwright/page.ts | 91 +- .../src/puppeteer/base-page.ts | 107 + .../web-integration/src/puppeteer/page.ts | 90 +- .../web/playwright/generate-test-data.spec.ts | 36 + .../tests/ai/web/puppeteer/showcase.test.ts | 15 + .../fixtures/web-extractor/input.png | Bin 135232 -> 135203 bytes .../fixtures/web-extractor/output.png | Bin 154355 -> 154324 bytes .../fixtures/web-extractor/scroll/input.png | Bin 41853 -> 37034 bytes .../fixtures/web-extractor/scroll/output.png | Bin 45859 -> 40967 bytes 36 files changed, 10103 insertions(+), 205 deletions(-) create mode 100644 packages/midscene/tests/ai/inspector/test-data/antd-carousel/element-snapshot.json create mode 100644 packages/midscene/tests/ai/inspector/test-data/antd-carousel/input.png create mode 100644 packages/midscene/tests/ai/inspector/test-data/antd-carousel/output.png create mode 100644 packages/midscene/tests/ai/inspector/test-data/antd-carousel/output_without_text.png create mode 100644 packages/midscene/tests/ai/inspector/test-data/antd-carousel/resize-output.png create mode 100644 packages/midscene/tests/ai/inspector/test-data/antd-pagination/element-snapshot.json create mode 100644 packages/midscene/tests/ai/inspector/test-data/antd-pagination/input.png create mode 100644 packages/midscene/tests/ai/inspector/test-data/antd-pagination/output.png create mode 100644 packages/midscene/tests/ai/inspector/test-data/antd-pagination/output_without_text.png create mode 100644 packages/midscene/tests/ai/inspector/test-data/antd-pagination/resize-output.png create mode 100644 packages/midscene/tests/ai/inspector/test-data/antd-tooltip/element-snapshot.json create mode 100644 packages/midscene/tests/ai/inspector/test-data/antd-tooltip/input.png create mode 100644 packages/midscene/tests/ai/inspector/test-data/antd-tooltip/output.png create mode 100644 packages/midscene/tests/ai/inspector/test-data/antd-tooltip/output_without_text.png create mode 100644 packages/midscene/tests/ai/inspector/test-data/antd-tooltip/resize-output.png create mode 100644 packages/web-integration/src/puppeteer/base-page.ts diff --git a/packages/midscene/src/ai-model/openai/index.ts b/packages/midscene/src/ai-model/openai/index.ts index 02454ed2..7c37397c 100644 --- a/packages/midscene/src/ai-model/openai/index.ts +++ b/packages/midscene/src/ai-model/openai/index.ts @@ -78,7 +78,7 @@ export async function callToGetJSONObject( messages: ChatCompletionMessageParam[], AIActionTypeValue: AIActionType, ): Promise { - // gpt-4o-2024-05-13 only support json_object response format + // gpt-4o-2024-05-13 only supports json_object response format let responseFormat: | OpenAI.ChatCompletionCreateParams['response_format'] | OpenAI.ResponseFormatJSONObject = { diff --git a/packages/midscene/tests/ai/inspector/test-data/antd-carousel/element-snapshot.json b/packages/midscene/tests/ai/inspector/test-data/antd-carousel/element-snapshot.json new file mode 100644 index 00000000..0da7f068 --- /dev/null +++ b/packages/midscene/tests/ai/inspector/test-data/antd-carousel/element-snapshot.json @@ -0,0 +1,3218 @@ +[ + { + "id": "c7d229882c", + "nodePath": "0-1-2-1-0-0-0-0-0", + "nodeHashId": "c7d229882c", + "locator": "[_midscene_retrieve_task_id='c7d229882c']", + "attributes": { + "src": "https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg", + "draggable": "false", + "alt": "logo", + "nodeType": "IMG Node" + }, + "nodeType": "IMG Node", + "content": "", + "rect": { + "left": 40, + "top": 16, + "width": 32, + "height": 32 + }, + "center": [ + 56, + 32 + ], + "htmlNode": null, + "indexId": "1" + }, + { + "id": "ce1a777f8c", + "nodePath": "0-1-2-1-0-0-0-0-1-0", + "nodeHashId": "ce1a777f8c", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 131, + 32 + ], + "content": "Ant Design", + "rect": { + "left": 84, + "top": 19, + "width": 93, + "height": 26 + }, + "htmlNode": null, + "indexId": "2" + }, + { + "id": "008b0aaf1f", + "nodePath": "0-1-2-1-0-1-0-0-1", + "nodeHashId": "008b0aaf1f", + "locator": "[_midscene_retrieve_task_id='008b0aaf1f']", + "nodeType": "FORM_ITEM Node", + "attributes": { + "class": ".dumi-default-search-bar-input", + "placeholder": "输入关键字搜索...", + "htmlTagName": "", + "nodeType": "FORM_ITEM Node" + }, + "content": "输入关键字搜索...", + "rect": { + "left": 321, + "top": 21, + "width": 280, + "height": 22 + }, + "center": [ + 461, + 32 + ], + "htmlNode": null, + "indexId": "3" + }, + { + "id": "a6459c5769", + "nodePath": "0-1-2-1-0-1-0-0-2-0", + "nodeHashId": "a6459c5769", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 616, + 32 + ], + "content": "⌘", + "rect": { + "left": 610, + "top": 25, + "width": 11, + "height": 14 + }, + "htmlNode": null, + "indexId": "4" + }, + { + "id": "b5ca41a1a9", + "nodePath": "0-1-2-1-0-1-0-0-2-2", + "nodeHashId": "b5ca41a1a9", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 627, + 32 + ], + "content": "K", + "rect": { + "left": 621, + "top": 25, + "width": 11, + "height": 14 + }, + "htmlNode": null, + "indexId": "5" + }, + { + "id": "56a56a7fbd", + "nodePath": "0-1-2-1-0-1-0-1-0-0-0-0", + "nodeHashId": "56a56a7fbd", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 1302, + 33 + ], + "content": "设计", + "rect": { + "left": 1288, + "top": 23, + "width": 28, + "height": 19 + }, + "htmlNode": null, + "indexId": "6" + }, + { + "id": "23b83fdf1e", + "nodePath": "0-1-2-1-0-1-0-1-1-0-0-0", + "nodeHashId": "23b83fdf1e", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 1366, + 33 + ], + "content": "研发", + "rect": { + "left": 1352, + "top": 23, + "width": 28, + "height": 19 + }, + "htmlNode": null, + "indexId": "7" + }, + { + "id": "d387238f6e", + "nodePath": "0-1-2-1-0-1-0-1-2-0-0-0", + "nodeHashId": "d387238f6e", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 1430, + 33 + ], + "content": "组件", + "rect": { + "left": 1416, + "top": 23, + "width": 28, + "height": 19 + }, + "htmlNode": null, + "indexId": "8" + }, + { + "id": "f5aaf9102f", + "nodePath": "0-1-2-1-0-1-0-1-3-0-0-0", + "nodeHashId": "f5aaf9102f", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 1494, + 33 + ], + "content": "博客", + "rect": { + "left": 1480, + "top": 23, + "width": 28, + "height": 19 + }, + "htmlNode": null, + "indexId": "9" + }, + { + "id": "d024431ce3", + "nodePath": "0-1-2-1-0-1-0-1-4-0-0-0", + "nodeHashId": "d024431ce3", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 1558, + 33 + ], + "content": "资源", + "rect": { + "left": 1544, + "top": 23, + "width": 28, + "height": 19 + }, + "htmlNode": null, + "indexId": "10" + }, + { + "id": "3115f40d55", + "nodePath": "0-1-2-1-0-1-0-1-5-0-0-0", + "nodeHashId": "3115f40d55", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 1630, + 33 + ], + "content": "国内镜像", + "rect": { + "left": 1602, + "top": 23, + "width": 56, + "height": 19 + }, + "htmlNode": null, + "indexId": "11" + }, + { + "id": "537acd5d77", + "nodePath": "0-1-2-1-0-1-0-3-0-0-0", + "nodeHashId": "537acd5d77", + "locator": "[_midscene_retrieve_task_id='537acd5d77']", + "nodeType": "FORM_ITEM Node", + "attributes": { + "type": "search", + "autocomplete": "off", + "class": ".ant-select-selection-search-input", + "role": "combobox", + "aria-expanded": "false", + "aria-haspopup": "listbox", + "aria-owns": "rc_select_0_list", + "aria-autocomplete": "list", + "aria-controls": "rc_select_0_list", + "unselectable": "on", + "style": "opacity: 0;", + "id": "rc_select_0", + "htmlTagName": "", + "nodeType": "FORM_ITEM Node" + }, + "content": "", + "rect": { + "left": 1690, + "top": 21, + "width": 53, + "height": 22 + }, + "center": [ + 1717, + 32 + ], + "htmlNode": null, + "indexId": "12" + }, + { + "id": "24d0f17779", + "nodePath": "0-1-2-1-0-1-0-3-0-1-0", + "nodeHashId": "24d0f17779", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 1710, + 32 + ], + "content": "5.20.5", + "rect": { + "left": 1690, + "top": 23, + "width": 40, + "height": 17 + }, + "htmlNode": null, + "indexId": "13" + }, + { + "id": "a21ba596a4", + "nodePath": "0-1-2-1-0-1-0-3-1", + "nodeHashId": "a21ba596a4", + "nodeType": "CONTAINER Node", + "locator": "[_midscene_retrieve_task_id='a21ba596a4']", + "attributes": { + "class": ".ant-select-arrow", + "style": "user-select:none;-webkit-user-select:none", + "unselectable": "on", + "aria-hidden": "true", + "nodeType": "CONTAINER Node" + }, + "content": "", + "rect": { + "left": 1749, + "top": 26, + "width": 12, + "height": 12 + }, + "center": [ + 1755, + 32 + ], + "htmlNode": null, + "indexId": "14" + }, + { + "id": "1a41bfda44", + "nodePath": "0-1-2-1-0-1-0-4", + "nodeHashId": "1a41bfda44", + "nodeType": "BUTTON Node", + "locator": "[_midscene_retrieve_task_id='1a41bfda44']", + "attributes": { + "type": "button", + "class": ".acss-yk1wp5", + "nodeType": "BUTTON Node" + }, + "content": "中\nEn", + "rect": { + "left": 1784, + "top": 16, + "width": 32, + "height": 32 + }, + "center": [ + 1800, + 32 + ], + "htmlNode": null, + "indexId": "15" + }, + { + "id": "1c2b5031d7", + "nodePath": "0-1-2-1-0-1-0-5", + "nodeHashId": "1c2b5031d7", + "nodeType": "BUTTON Node", + "locator": "[_midscene_retrieve_task_id='1c2b5031d7']", + "attributes": { + "type": "button", + "class": ".acss-yk1wp5", + "aria-label": "RTL Switch Button", + "nodeType": "BUTTON Node" + }, + "content": "", + "rect": { + "left": 1828, + "top": 16, + "width": 32, + "height": 32 + }, + "center": [ + 1844, + 32 + ], + "htmlNode": null, + "indexId": "16" + }, + { + "id": "b8da7a9161", + "nodePath": "0-1-2-1-0-1-0-6-0", + "nodeHashId": "b8da7a9161", + "nodeType": "BUTTON Node", + "locator": "[_midscene_retrieve_task_id='b8da7a9161']", + "attributes": { + "type": "button", + "class": ".acss-yk1wp5", + "nodeType": "BUTTON Node" + }, + "content": "", + "rect": { + "left": 1872, + "top": 16, + "width": 32, + "height": 32 + }, + "center": [ + 1888, + 32 + ], + "htmlNode": null, + "indexId": "17" + }, + { + "id": "e7fa3703bf", + "nodePath": "0-1-2-2-0-0-0-0-0-0-0-0-0", + "nodeHashId": "e7fa3703bf", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 72, + 129 + ], + "content": "组件总览", + "rect": { + "left": 44, + "top": 119, + "width": 56, + "height": 19 + }, + "htmlNode": null, + "indexId": "18" + }, + { + "id": "b4c7c40477", + "nodePath": "0-1-2-2-0-0-1-0-0", + "nodeHashId": "b4c7c40477", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 58, + 184 + ], + "content": "通用", + "rect": { + "left": 44, + "top": 174, + "width": 28, + "height": 19 + }, + "htmlNode": null, + "indexId": "19" + }, + { + "id": "6651f87558", + "nodePath": "0-1-2-2-0-0-1-1-0-0-0-0-0-0-0", + "nodeHashId": "6651f87558", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 65, + 240 + ], + "content": "Button", + "rect": { + "left": 44, + "top": 230, + "width": 42, + "height": 19 + }, + "htmlNode": null, + "indexId": "20" + }, + { + "id": "7aeab42829", + "nodePath": "0-1-2-2-0-0-1-1-0-0-0-0-1-0-0", + "nodeHashId": "7aeab42829", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 106, + 240 + ], + "content": "按钮", + "rect": { + "left": 94, + "top": 231, + "width": 24, + "height": 17 + }, + "htmlNode": null, + "indexId": "21" + }, + { + "id": "47483b76b9", + "nodePath": "0-1-2-2-0-0-1-1-1-0-0-0-0-0-0", + "nodeHashId": "47483b76b9", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 81, + 284 + ], + "content": "FloatButton", + "rect": { + "left": 44, + "top": 274, + "width": 73, + "height": 19 + }, + "htmlNode": null, + "indexId": "22" + }, + { + "id": "6b62badc56", + "nodePath": "0-1-2-2-0-0-1-1-1-0-0-0-1-0-0", + "nodeHashId": "6b62badc56", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 149, + 284 + ], + "content": "悬浮按钮", + "rect": { + "left": 125, + "top": 275, + "width": 48, + "height": 17 + }, + "htmlNode": null, + "indexId": "23" + }, + { + "id": "54696b6f4e", + "nodePath": "0-1-2-2-0-0-1-1-1-0-0-1-0", + "nodeHashId": "54696b6f4e", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 277, + 283 + ], + "content": "5.0.0", + "rect": { + "left": 263, + "top": 276, + "width": 28, + "height": 14 + }, + "htmlNode": null, + "indexId": "24" + }, + { + "id": "b48fd9c719", + "nodePath": "0-1-2-2-0-0-1-1-2-0-0-0-0-0-0", + "nodeHashId": "b48fd9c719", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 58, + 328 + ], + "content": "Icon", + "rect": { + "left": 44, + "top": 318, + "width": 27, + "height": 19 + }, + "htmlNode": null, + "indexId": "25" + }, + { + "id": "ba92de4b04", + "nodePath": "0-1-2-2-0-0-1-1-2-0-0-0-1-0-0", + "nodeHashId": "ba92de4b04", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 91, + 328 + ], + "content": "图标", + "rect": { + "left": 79, + "top": 319, + "width": 24, + "height": 17 + }, + "htmlNode": null, + "indexId": "26" + }, + { + "id": "3efaf801e4", + "nodePath": "0-1-2-2-0-0-1-1-3-0-0-0-0-0-0", + "nodeHashId": "3efaf801e4", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 81, + 372 + ], + "content": "Typography", + "rect": { + "left": 44, + "top": 362, + "width": 74, + "height": 19 + }, + "htmlNode": null, + "indexId": "27" + }, + { + "id": "f2e666f1a0", + "nodePath": "0-1-2-2-0-0-1-1-3-0-0-0-1-0-0", + "nodeHashId": "f2e666f1a0", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 138, + 372 + ], + "content": "排版", + "rect": { + "left": 126, + "top": 363, + "width": 24, + "height": 17 + }, + "htmlNode": null, + "indexId": "28" + }, + { + "id": "3782d6ae75", + "nodePath": "0-1-2-2-0-0-2-0-0", + "nodeHashId": "3782d6ae75", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 58, + 427 + ], + "content": "布局", + "rect": { + "left": 44, + "top": 417, + "width": 28, + "height": 19 + }, + "htmlNode": null, + "indexId": "29" + }, + { + "id": "4ccbe3750d", + "nodePath": "0-1-2-2-0-0-2-1-0-0-0-0-0-0-0", + "nodeHashId": "4ccbe3750d", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 67, + 483 + ], + "content": "Divider", + "rect": { + "left": 44, + "top": 473, + "width": 45, + "height": 19 + }, + "htmlNode": null, + "indexId": "30" + }, + { + "id": "16685e2ded", + "nodePath": "0-1-2-2-0-0-2-1-0-0-0-0-1-0-0", + "nodeHashId": "16685e2ded", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 115, + 483 + ], + "content": "分割线", + "rect": { + "left": 97, + "top": 474, + "width": 36, + "height": 17 + }, + "htmlNode": null, + "indexId": "31" + }, + { + "id": "001e749766", + "nodePath": "0-1-2-2-0-0-2-1-1-0-0-0-0-0-0", + "nodeHashId": "001e749766", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 57, + 527 + ], + "content": "Flex", + "rect": { + "left": 44, + "top": 517, + "width": 26, + "height": 19 + }, + "htmlNode": null, + "indexId": "32" + }, + { + "id": "f04cb51454", + "nodePath": "0-1-2-2-0-0-2-1-1-0-0-0-1-0-0", + "nodeHashId": "f04cb51454", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 102, + 527 + ], + "content": "弹性布局", + "rect": { + "left": 78, + "top": 518, + "width": 48, + "height": 17 + }, + "htmlNode": null, + "indexId": "33" + }, + { + "id": "be4cdc3138", + "nodePath": "0-1-2-2-0-0-2-1-1-0-0-1-0", + "nodeHashId": "be4cdc3138", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 274, + 526 + ], + "content": "5.10.0", + "rect": { + "left": 257, + "top": 519, + "width": 34, + "height": 14 + }, + "htmlNode": null, + "indexId": "34" + }, + { + "id": "d767131ec8", + "nodePath": "0-1-2-2-0-0-2-1-2-0-0-0-0-0-0", + "nodeHashId": "d767131ec8", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 58, + 571 + ], + "content": "Grid", + "rect": { + "left": 44, + "top": 561, + "width": 27, + "height": 19 + }, + "htmlNode": null, + "indexId": "35" + }, + { + "id": "698581b3aa", + "nodePath": "0-1-2-2-0-0-2-1-2-0-0-0-1-0-0", + "nodeHashId": "698581b3aa", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 91, + 571 + ], + "content": "栅格", + "rect": { + "left": 79, + "top": 562, + "width": 24, + "height": 17 + }, + "htmlNode": null, + "indexId": "36" + }, + { + "id": "e6adca2711", + "nodePath": "0-1-2-2-0-0-2-1-3-0-0-0-0-0-0", + "nodeHashId": "e6adca2711", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 65, + 615 + ], + "content": "Layout", + "rect": { + "left": 44, + "top": 605, + "width": 42, + "height": 19 + }, + "htmlNode": null, + "indexId": "37" + }, + { + "id": "f6f8eb2a10", + "nodePath": "0-1-2-2-0-0-2-1-3-0-0-0-1-0-0", + "nodeHashId": "f6f8eb2a10", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 106, + 615 + ], + "content": "布局", + "rect": { + "left": 94, + "top": 606, + "width": 24, + "height": 17 + }, + "htmlNode": null, + "indexId": "38" + }, + { + "id": "d33e31d3c9", + "nodePath": "0-1-2-2-0-0-2-1-4-0-0-0-0-0-0", + "nodeHashId": "d33e31d3c9", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 63, + 659 + ], + "content": "Space", + "rect": { + "left": 44, + "top": 649, + "width": 38, + "height": 19 + }, + "htmlNode": null, + "indexId": "39" + }, + { + "id": "378a5076ce", + "nodePath": "0-1-2-2-0-0-2-1-4-0-0-0-1-0-0", + "nodeHashId": "378a5076ce", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 102, + 659 + ], + "content": "间距", + "rect": { + "left": 90, + "top": 650, + "width": 24, + "height": 17 + }, + "htmlNode": null, + "indexId": "40" + }, + { + "id": "800b279066", + "nodePath": "0-1-2-2-0-0-3-0-0", + "nodeHashId": "800b279066", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 58, + 714 + ], + "content": "导航", + "rect": { + "left": 44, + "top": 704, + "width": 28, + "height": 19 + }, + "htmlNode": null, + "indexId": "41" + }, + { + "id": "b027141883", + "nodePath": "0-1-2-2-0-0-3-1-0-0-0-0-0-0-0", + "nodeHashId": "b027141883", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 67, + 770 + ], + "content": "Anchor", + "rect": { + "left": 44, + "top": 760, + "width": 45, + "height": 19 + }, + "htmlNode": null, + "indexId": "42" + }, + { + "id": "03a02c9f0c", + "nodePath": "0-1-2-2-0-0-3-1-0-0-0-0-1-0-0", + "nodeHashId": "03a02c9f0c", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 109, + 770 + ], + "content": "锚点", + "rect": { + "left": 97, + "top": 761, + "width": 24, + "height": 17 + }, + "htmlNode": null, + "indexId": "43" + }, + { + "id": "ca933a37a6", + "nodePath": "0-1-2-2-0-0-3-1-1-0-0-0-0-0-0", + "nodeHashId": "ca933a37a6", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 82, + 814 + ], + "content": "Breadcrumb", + "rect": { + "left": 44, + "top": 804, + "width": 76, + "height": 19 + }, + "htmlNode": null, + "indexId": "44" + }, + { + "id": "eb63388dee", + "nodePath": "0-1-2-2-0-0-3-1-1-0-0-0-1-0-0", + "nodeHashId": "eb63388dee", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 146, + 814 + ], + "content": "面包屑", + "rect": { + "left": 128, + "top": 805, + "width": 36, + "height": 17 + }, + "htmlNode": null, + "indexId": "45" + }, + { + "id": "eec1dadfa8", + "nodePath": "0-1-2-2-0-0-3-1-2-0-0-0-0-0-0", + "nodeHashId": "eec1dadfa8", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 77, + 858 + ], + "content": "Dropdown", + "rect": { + "left": 44, + "top": 848, + "width": 66, + "height": 19 + }, + "htmlNode": null, + "indexId": "46" + }, + { + "id": "30a1ffd33c", + "nodePath": "0-1-2-2-0-0-3-1-2-0-0-0-1-0-0", + "nodeHashId": "30a1ffd33c", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 142, + 858 + ], + "content": "下拉菜单", + "rect": { + "left": 118, + "top": 849, + "width": 48, + "height": 17 + }, + "htmlNode": null, + "indexId": "47" + }, + { + "id": "4455c3a473", + "nodePath": "0-1-2-2-0-0-3-1-3-0-0-0-0-0-0", + "nodeHashId": "4455c3a473", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 62, + 902 + ], + "content": "Menu", + "rect": { + "left": 44, + "top": 892, + "width": 36, + "height": 19 + }, + "htmlNode": null, + "indexId": "48" + }, + { + "id": "2c2f3fc8a7", + "nodePath": "0-1-2-2-0-0-3-1-3-0-0-0-1-0-0", + "nodeHashId": "2c2f3fc8a7", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 112, + 902 + ], + "content": "导航菜单", + "rect": { + "left": 88, + "top": 893, + "width": 48, + "height": 17 + }, + "htmlNode": null, + "indexId": "49" + }, + { + "id": "c316b6cf03", + "nodePath": "0-1-2-2-0-0-3-1-4-0-0-0-0-0-0", + "nodeHashId": "c316b6cf03", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 77, + 946 + ], + "content": "Pagination", + "rect": { + "left": 44, + "top": 936, + "width": 66, + "height": 19 + }, + "htmlNode": null, + "indexId": "50" + }, + { + "id": "f16170fe9a", + "nodePath": "0-1-2-2-0-0-3-1-4-0-0-0-1-0-0", + "nodeHashId": "f16170fe9a", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 130, + 946 + ], + "content": "分页", + "rect": { + "left": 118, + "top": 937, + "width": 24, + "height": 17 + }, + "htmlNode": null, + "indexId": "51" + }, + { + "id": "5b843d4b47", + "nodePath": "0-1-2-2-0-0-3-1-5-0-0-0-0-0-0", + "nodeHashId": "5b843d4b47", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 62, + 990 + ], + "content": "Steps", + "rect": { + "left": 44, + "top": 980, + "width": 35, + "height": 19 + }, + "htmlNode": null, + "indexId": "52" + }, + { + "id": "60be0d1468", + "nodePath": "0-1-2-2-0-0-3-1-5-0-0-0-1-0-0", + "nodeHashId": "60be0d1468", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 105, + 990 + ], + "content": "步骤条", + "rect": { + "left": 87, + "top": 981, + "width": 36, + "height": 17 + }, + "htmlNode": null, + "indexId": "53" + }, + { + "id": "02a3448b9a", + "nodePath": "0-1-2-2-0-0-4-0-0", + "nodeHashId": "02a3448b9a", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 72, + 1045 + ], + "content": "数据录入", + "rect": { + "left": 44, + "top": 1035, + "width": 56, + "height": 19 + }, + "htmlNode": null, + "indexId": "54" + }, + { + "id": "261ff38582", + "nodePath": "0-1-2-2-1-0-2-0-0-1-0-0", + "nodeHashId": "261ff38582", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 1810, + 117 + ], + "content": "何时使用", + "rect": { + "left": 1786, + "top": 110, + "width": 48, + "height": 14 + }, + "htmlNode": null, + "indexId": "55" + }, + { + "id": "10aa76e344", + "nodePath": "0-1-2-2-1-0-2-0-0-2-0-0", + "nodeHashId": "10aa76e344", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 1810, + 144 + ], + "content": "代码演示", + "rect": { + "left": 1786, + "top": 137, + "width": 48, + "height": 14 + }, + "htmlNode": null, + "indexId": "56" + }, + { + "id": "5dc0886db5", + "nodePath": "0-1-2-2-1-0-2-0-0-2-1-0-0-0", + "nodeHashId": "5dc0886db5", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 1814, + 168 + ], + "content": "基本", + "rect": { + "left": 1802, + "top": 161, + "width": 24, + "height": 14 + }, + "htmlNode": null, + "indexId": "57" + }, + { + "id": "63d007cf32", + "nodePath": "0-1-2-2-1-0-2-0-0-2-2-0-0-0", + "nodeHashId": "63d007cf32", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 1814, + 191 + ], + "content": "位置", + "rect": { + "left": 1802, + "top": 184, + "width": 24, + "height": 14 + }, + "htmlNode": null, + "indexId": "58" + }, + { + "id": "1f539b69a4", + "nodePath": "0-1-2-2-1-0-2-0-0-2-3-0-0-0", + "nodeHashId": "1f539b69a4", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 1826, + 213 + ], + "content": "自动切换", + "rect": { + "left": 1802, + "top": 206, + "width": 48, + "height": 14 + }, + "htmlNode": null, + "indexId": "59" + }, + { + "id": "8e981a921e", + "nodePath": "0-1-2-2-1-0-2-0-0-2-4-0-0-0", + "nodeHashId": "8e981a921e", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 1814, + 236 + ], + "content": "渐显", + "rect": { + "left": 1802, + "top": 229, + "width": 24, + "height": 14 + }, + "htmlNode": null, + "indexId": "60" + }, + { + "id": "47823fc40d", + "nodePath": "0-1-2-2-1-0-2-0-0-2-5-0-0-0", + "nodeHashId": "47823fc40d", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 1826, + 259 + ], + "content": "切换箭头", + "rect": { + "left": 1802, + "top": 252, + "width": 48, + "height": 14 + }, + "htmlNode": null, + "indexId": "61" + }, + { + "id": "52330bf229", + "nodePath": "0-1-2-2-1-0-2-0-0-3-0-0", + "nodeHashId": "52330bf229", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 1796, + 288 + ], + "content": "API", + "rect": { + "left": 1786, + "top": 281, + "width": 19, + "height": 14 + }, + "htmlNode": null, + "indexId": "62" + }, + { + "id": "554e5aedbf", + "nodePath": "0-1-2-2-1-0-2-0-0-4-0-0", + "nodeHashId": "554e5aedbf", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 1798, + 315 + ], + "content": "方法", + "rect": { + "left": 1786, + "top": 308, + "width": 24, + "height": 14 + }, + "htmlNode": null, + "indexId": "63" + }, + { + "id": "810eb032cb", + "nodePath": "0-1-2-2-1-0-2-0-0-5-0-0", + "nodeHashId": "810eb032cb", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 1860, + 342 + ], + "content": "主题变量(Design Token)", + "rect": { + "left": 1786, + "top": 335, + "width": 148, + "height": 14 + }, + "htmlNode": null, + "indexId": "64" + }, + { + "id": "8545433381", + "nodePath": "0-1-2-2-1-0-2-0-0-6-0-0", + "nodeHashId": "8545433381", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 1798, + 369 + ], + "content": "FAQ", + "rect": { + "left": 1786, + "top": 362, + "width": 23, + "height": 14 + }, + "htmlNode": null, + "indexId": "65" + }, + { + "id": "bb97b51177", + "nodePath": "0-1-2-2-1-0-2-0-0-6-1-0-0-0", + "nodeHashId": "bb97b51177", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 1850, + 392 + ], + "content": "如何自定义箭头?", + "rect": { + "left": 1802, + "top": 385, + "width": 96, + "height": 14 + }, + "htmlNode": null, + "indexId": "66" + }, + { + "id": "f81b585d9e", + "nodePath": "0-1-2-2-1-1-0-0-0-0-0-0", + "nodeHashId": "f81b585d9e", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 433, + 123 + ], + "content": "Carousel", + "rect": { + "left": 368, + "top": 104, + "width": 130, + "height": 38 + }, + "htmlNode": null, + "indexId": "67" + }, + { + "id": "45f18ff366", + "nodePath": "0-1-2-2-1-1-0-0-0-1-0-0", + "nodeHashId": "45f18ff366", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 554, + 123 + ], + "content": "走马灯", + "rect": { + "left": 506, + "top": 104, + "width": 96, + "height": 38 + }, + "htmlNode": null, + "indexId": "68" + }, + { + "id": "e07511f701", + "nodePath": "0-1-2-2-1-1-0-0-0-2", + "nodeHashId": "e07511f701", + "nodeType": "CONTAINER Node", + "locator": "[_midscene_retrieve_task_id='e07511f701']", + "attributes": { + "class": ".ant-space-item", + "nodeType": "CONTAINER Node" + }, + "content": "", + "rect": { + "left": 610, + "top": 104, + "width": 24, + "height": 39 + }, + "center": [ + 622, + 124 + ], + "htmlNode": null, + "indexId": "69" + }, + { + "id": "f2503913f0", + "nodePath": "0-1-2-2-1-1-0-1-2", + "nodeHashId": "f2503913f0", + "nodeType": "BUTTON Node", + "locator": "[_midscene_retrieve_task_id='f2503913f0']", + "attributes": { + "type": "button", + "class": ".ant-btn.css-var-R2a.ant-btn-default", + "nodeType": "BUTTON Node" + }, + "content": "更新日志", + "rect": { + "left": 1646, + "top": 104, + "width": 110, + "height": 32 + }, + "center": [ + 1701, + 120 + ], + "htmlNode": null, + "indexId": "70" + }, + { + "id": "8589b13681", + "nodePath": "0-1-2-2-1-1-2", + "nodeHashId": "8589b13681", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 424, + 170 + ], + "content": "一组轮播的区域。", + "rect": { + "left": 368, + "top": 161, + "width": 112, + "height": 17 + }, + "htmlNode": null, + "indexId": "71" + }, + { + "id": "39958fff16", + "nodePath": "0-1-2-2-1-1-3-0-0-0-0-0-0-0-0", + "nodeHashId": "39958fff16", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 382, + 208 + ], + "content": "使用", + "rect": { + "left": 368, + "top": 199, + "width": 28, + "height": 17 + }, + "htmlNode": null, + "indexId": "72" + }, + { + "id": "ea53022852", + "nodePath": "0-1-2-2-1-1-3-0-0-0-0-0-0-1-0-0-0", + "nodeHashId": "ea53022852", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 454, + 208 + ], + "content": "import", + "rect": { + "left": 428, + "top": 199, + "width": 51, + "height": 17 + }, + "htmlNode": null, + "indexId": "73" + }, + { + "id": "deff0e8806", + "nodePath": "0-1-2-2-1-1-3-0-0-0-0-0-0-1-0-1-0", + "nodeHashId": "deff0e8806", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 534, + 208 + ], + "content": "{ Carousel }", + "rect": { + "left": 483, + "top": 199, + "width": 101, + "height": 17 + }, + "htmlNode": null, + "indexId": "74" + }, + { + "id": "af2a54bc88", + "nodePath": "0-1-2-2-1-1-3-0-0-0-0-0-0-1-0-2-0", + "nodeHashId": "af2a54bc88", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 605, + 208 + ], + "content": "from", + "rect": { + "left": 588, + "top": 199, + "width": 34, + "height": 17 + }, + "htmlNode": null, + "indexId": "75" + }, + { + "id": "77e058ae97", + "nodePath": "0-1-2-2-1-1-3-0-0-0-0-0-0-1-0-3-0", + "nodeHashId": "77e058ae97", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 658, + 208 + ], + "content": "\"antd\"", + "rect": { + "left": 632, + "top": 199, + "width": 51, + "height": 17 + }, + "htmlNode": null, + "indexId": "76" + }, + { + "id": "b7a054cbdd", + "nodePath": "0-1-2-2-1-1-3-0-0-0-0-0-0-1-0-4-0", + "nodeHashId": "b7a054cbdd", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 691, + 208 + ], + "content": ";", + "rect": { + "left": 687, + "top": 199, + "width": 8, + "height": 17 + }, + "htmlNode": null, + "indexId": "77" + }, + { + "id": "44682d770a", + "nodePath": "0-1-2-2-1-1-3-0-0-0-1-0-0-0-0", + "nodeHashId": "44682d770a", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 382, + 238 + ], + "content": "源码", + "rect": { + "left": 368, + "top": 229, + "width": 28, + "height": 17 + }, + "htmlNode": null, + "indexId": "78" + }, + { + "id": "e2388b0b4d", + "nodePath": "0-1-2-2-1-1-3-0-0-0-1-0-0-1-0-1-0", + "nodeHashId": "e2388b0b4d", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 530, + 238 + ], + "content": "components/carousel", + "rect": { + "left": 450, + "top": 229, + "width": 160, + "height": 17 + }, + "htmlNode": null, + "indexId": "79" + }, + { + "id": "5f1529354b", + "nodePath": "0-1-2-2-1-1-3-0-0-0-1-0-0-1-0-0", + "nodeHashId": "5f1529354b", + "nodeType": "CONTAINER Node", + "locator": "[_midscene_retrieve_task_id='5f1529354b']", + "attributes": { + "role": "img", + "aria-label": "github", + "style": "margin-inline-end:4px", + "class": ".anticon.anticon-github", + "nodeType": "CONTAINER Node" + }, + "content": "", + "rect": { + "left": 428, + "top": 231, + "width": 14, + "height": 14 + }, + "center": [ + 435, + 238 + ], + "htmlNode": null, + "indexId": "80" + }, + { + "id": "ea4759847d", + "nodePath": "0-1-2-2-1-1-3-0-0-0-2-0-0-0-0", + "nodeHashId": "ea4759847d", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 382, + 268 + ], + "content": "文档", + "rect": { + "left": 368, + "top": 259, + "width": 28, + "height": 17 + }, + "htmlNode": null, + "indexId": "81" + }, + { + "id": "e1771daf3a", + "nodePath": "0-1-2-2-1-1-3-0-0-0-2-0-0-1-0-1-0", + "nodeHashId": "e1771daf3a", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 478, + 268 + ], + "content": "编辑此页", + "rect": { + "left": 450, + "top": 259, + "width": 56, + "height": 17 + }, + "htmlNode": null, + "indexId": "82" + }, + { + "id": "f98bcbeccc", + "nodePath": "0-1-2-2-1-1-3-0-0-0-2-0-0-1-0-0", + "nodeHashId": "f98bcbeccc", + "nodeType": "CONTAINER Node", + "locator": "[_midscene_retrieve_task_id='f98bcbeccc']", + "attributes": { + "role": "img", + "aria-label": "edit", + "style": "margin-inline-end:4px", + "class": ".anticon.anticon-edit", + "nodeType": "CONTAINER Node" + }, + "content": "", + "rect": { + "left": 428, + "top": 261, + "width": 14, + "height": 14 + }, + "center": [ + 435, + 268 + ], + "htmlNode": null, + "indexId": "83" + }, + { + "id": "40927b01f7", + "nodePath": "0-1-2-2-1-1-4-2-0-1", + "nodeHashId": "40927b01f7", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 416, + 334 + ], + "content": "何时使用", + "rect": { + "left": 368, + "top": 317, + "width": 96, + "height": 33 + }, + "htmlNode": null, + "indexId": "84" + }, + { + "id": "badfd1bedb", + "nodePath": "0-1-2-2-1-1-4-2-0-0", + "nodeHashId": "badfd1bedb", + "nodeType": "CONTAINER Node", + "locator": "[_midscene_retrieve_task_id='badfd1bedb']", + "attributes": { + "aria-hidden": "true", + "tabindex": "-1", + "href": "#何时使用", + "nodeType": "CONTAINER Node" + }, + "content": "", + "rect": { + "left": 344, + "top": 317, + "width": 24, + "height": 38 + }, + "center": [ + 356, + 336 + ], + "htmlNode": null, + "indexId": "85" + }, + { + "id": "929752c234", + "nodePath": "0-1-2-2-1-1-4-2-1-0-0", + "nodeHashId": "929752c234", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 462, + 378 + ], + "content": "当有一组平级的内容。", + "rect": { + "left": 392, + "top": 369, + "width": 140, + "height": 17 + }, + "htmlNode": null, + "indexId": "86" + }, + { + "id": "cc9355403a", + "nodePath": "0-1-2-2-1-1-4-2-1-1-0", + "nodeHashId": "cc9355403a", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 602, + 406 + ], + "content": "当内容空间不足时,可以用走马灯的形式进行收纳,进行轮播展现。", + "rect": { + "left": 392, + "top": 397, + "width": 420, + "height": 17 + }, + "htmlNode": null, + "indexId": "87" + }, + { + "id": "af241c1cfa", + "nodePath": "0-1-2-2-1-1-4-2-1-2-0", + "nodeHashId": "af241c1cfa", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 483, + 434 + ], + "content": "常用于一组图片或卡片轮播。", + "rect": { + "left": 392, + "top": 425, + "width": 182, + "height": 17 + }, + "htmlNode": null, + "indexId": "88" + }, + { + "id": "5b3cd53598", + "nodePath": "0-1-2-2-1-1-4-2-2-1", + "nodeHashId": "5b3cd53598", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 416, + 502 + ], + "content": "代码演示", + "rect": { + "left": 368, + "top": 485, + "width": 96, + "height": 33 + }, + "htmlNode": null, + "indexId": "89" + }, + { + "id": "2dc7a59947", + "nodePath": "0-1-2-2-1-1-4-2-2-0", + "nodeHashId": "2dc7a59947", + "nodeType": "CONTAINER Node", + "locator": "[_midscene_retrieve_task_id='2dc7a59947']", + "attributes": { + "aria-hidden": "true", + "tabindex": "-1", + "href": "#代码演示", + "nodeType": "CONTAINER Node" + }, + "content": "", + "rect": { + "left": 344, + "top": 486, + "width": 24, + "height": 38 + }, + "center": [ + 356, + 505 + ], + "htmlNode": null, + "indexId": "90" + }, + { + "id": "7cb4710210", + "nodePath": "0-1-2-2-1-1-4-3-1-0-1-0-0-0-0-0-1-0-0-0-0", + "nodeHashId": "7cb4710210", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 711, + 655 + ], + "content": "1", + "rect": { + "left": 707, + "top": 645, + "width": 8, + "height": 20 + }, + "htmlNode": null, + "indexId": "91" + }, + { + "id": "6fa5d64e45", + "nodePath": "0-1-2-2-1-1-4-3-1-0-1-0-0-0-0-0-2", + "nodeHashId": "6fa5d64e45", + "nodeType": "CONTAINER Node", + "locator": "[_midscene_retrieve_task_id='6fa5d64e45']", + "attributes": { + "data-index": "1", + "class": ".slick-slide", + "tabindex": "-1", + "aria-hidden": "true", + "style": "outline: none; width: 636px;", + "nodeType": "CONTAINER Node" + }, + "content": "", + "rect": { + "left": 1029, + "top": 575, + "width": 636, + "height": 160 + }, + "center": [ + 1347, + 655 + ], + "htmlNode": null, + "indexId": "92" + }, + { + "id": "16424284d6", + "nodePath": "0-1-2-2-1-1-4-3-1-0-1-0-0-0-1-0-0", + "nodeHashId": "16424284d6", + "nodeType": "BUTTON Node", + "locator": "[_midscene_retrieve_task_id='16424284d6']", + "attributes": { + "nodeType": "BUTTON Node" + }, + "content": "1", + "rect": { + "left": 663, + "top": 720, + "width": 24, + "height": 3 + }, + "center": [ + 675, + 722 + ], + "htmlNode": null, + "indexId": "93" + }, + { + "id": "5218518512", + "nodePath": "0-1-2-2-1-1-4-3-1-0-1-0-0-0-1-1-0", + "nodeHashId": "5218518512", + "nodeType": "BUTTON Node", + "locator": "[_midscene_retrieve_task_id='5218518512']", + "attributes": { + "nodeType": "BUTTON Node" + }, + "content": "2", + "rect": { + "left": 695, + "top": 720, + "width": 16, + "height": 3 + }, + "center": [ + 703, + 722 + ], + "htmlNode": null, + "indexId": "94" + }, + { + "id": "2620a4d560", + "nodePath": "0-1-2-2-1-1-4-3-1-0-1-0-0-0-1-2-0", + "nodeHashId": "2620a4d560", + "nodeType": "BUTTON Node", + "locator": "[_midscene_retrieve_task_id='2620a4d560']", + "attributes": { + "nodeType": "BUTTON Node" + }, + "content": "3", + "rect": { + "left": 719, + "top": 720, + "width": 16, + "height": 3 + }, + "center": [ + 727, + 722 + ], + "htmlNode": null, + "indexId": "95" + }, + { + "id": "93095626ae", + "nodePath": "0-1-2-2-1-1-4-3-1-0-1-0-0-0-1-3-0", + "nodeHashId": "93095626ae", + "nodeType": "BUTTON Node", + "locator": "[_midscene_retrieve_task_id='93095626ae']", + "attributes": { + "nodeType": "BUTTON Node" + }, + "content": "4", + "rect": { + "left": 743, + "top": 720, + "width": 16, + "height": 3 + }, + "center": [ + 751, + 722 + ], + "htmlNode": null, + "indexId": "96" + }, + { + "id": "5850f96b65", + "nodePath": "0-1-2-2-1-1-4-3-1-0-1-1-0-0-0", + "nodeHashId": "5850f96b65", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 407, + 788 + ], + "content": "基本", + "rect": { + "left": 393, + "top": 779, + "width": 28, + "height": 17 + }, + "htmlNode": null, + "indexId": "97" + }, + { + "id": "e0f487a483", + "nodePath": "0-1-2-2-1-1-4-3-1-0-1-1-0-1", + "nodeHashId": "e0f487a483", + "nodeType": "CONTAINER Node", + "locator": "[_midscene_retrieve_task_id='e0f487a483']", + "attributes": { + "class": ".acss-p9igg7", + "href": "https://github.com/ant-design/ant-design/edit/master/components/carousel/demo/basic.tsx", + "target": "_blank", + "rel": "noopener noreferrer", + "nodeType": "CONTAINER Node" + }, + "content": "", + "rect": { + "left": 429, + "top": 779, + "width": 16, + "height": 16 + }, + "center": [ + 437, + 787 + ], + "htmlNode": null, + "indexId": "98" + }, + { + "id": "f0db720e31", + "nodePath": "0-1-2-2-1-1-4-3-1-0-1-1-1-0-0", + "nodeHashId": "f0db720e31", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 442, + 819 + ], + "content": "最简单的用法。", + "rect": { + "left": 393, + "top": 810, + "width": 98, + "height": 17 + }, + "htmlNode": null, + "indexId": "99" + }, + { + "id": "fc337eb673", + "nodePath": "0-1-2-2-1-1-4-3-1-0-1-1-2-3-0", + "nodeHashId": "fc337eb673", + "locator": "[_midscene_retrieve_task_id='fc337eb673']", + "attributes": { + "alt": "expand code", + "src": "https://gw.alipayobjects.com/zos/antfincdn/Z5c7kzvi30/expand.svg", + "class": ".code-expand-icon-show", + "nodeType": "IMG Node" + }, + "nodeType": "IMG Node", + "content": "", + "rect": { + "left": 751, + "top": 857, + "width": 16, + "height": 16 + }, + "center": [ + 759, + 865 + ], + "htmlNode": null, + "indexId": "100" + }, + { + "id": "97a98e792f", + "nodePath": "0-1-2-2-1-1-4-3-1-0-1-1-2-0", + "nodeHashId": "97a98e792f", + "nodeType": "CONTAINER Node", + "locator": "[_midscene_retrieve_task_id='97a98e792f']", + "attributes": { + "class": ".code-box-code-action", + "nodeType": "CONTAINER Node" + }, + "content": "", + "rect": { + "left": 655, + "top": 857, + "width": 16, + "height": 16 + }, + "center": [ + 663, + 865 + ], + "htmlNode": null, + "indexId": "101" + }, + { + "id": "df241cc4ab", + "nodePath": "0-1-2-2-1-1-4-3-1-0-1-1-2-1", + "nodeHashId": "df241cc4ab", + "nodeType": "CONTAINER Node", + "locator": "[_midscene_retrieve_task_id='df241cc4ab']", + "attributes": { + "class": ".code-box-code-action", + "action": "https://codepen.io/pen/define", + "method": "POST", + "target": "_blank", + "nodeType": "CONTAINER Node" + }, + "content": "", + "rect": { + "left": 687, + "top": 857, + "width": 16, + "height": 16 + }, + "center": [ + 695, + 865 + ], + "htmlNode": null, + "indexId": "102" + }, + { + "id": "c412afcaef", + "nodePath": "0-1-2-2-1-1-4-3-1-0-1-1-2-2", + "nodeHashId": "c412afcaef", + "nodeType": "CONTAINER Node", + "locator": "[_midscene_retrieve_task_id='c412afcaef']", + "attributes": { + "class": ".code-box-code-action", + "aria-label": "open in new tab", + "target": "_blank", + "rel": "noreferrer", + "href": "/~demos/carousel-demo-basic", + "nodeType": "CONTAINER Node" + }, + "content": "", + "rect": { + "left": 719, + "top": 857, + "width": 16, + "height": 16 + }, + "center": [ + 727, + 865 + ], + "htmlNode": null, + "indexId": "103" + }, + { + "id": "1d316c92b7", + "nodePath": "0-1-2-2-1-1-4-3-1-0-4-0-0-0-0-0-1-0-0-0-0", + "nodeHashId": "1d316c92b7", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 711, + 1025 + ], + "content": "1", + "rect": { + "left": 707, + "top": 1015, + "width": 8, + "height": 20 + }, + "htmlNode": null, + "indexId": "104" + }, + { + "id": "8ee745dcb5", + "nodePath": "0-1-2-2-1-1-4-3-1-0-4-0-0-0-0-0-2", + "nodeHashId": "8ee745dcb5", + "nodeType": "CONTAINER Node", + "locator": "[_midscene_retrieve_task_id='8ee745dcb5']", + "attributes": { + "data-index": "1", + "class": ".slick-slide", + "tabindex": "-1", + "aria-hidden": "true", + "style": "outline: none; width: 636px;", + "nodeType": "CONTAINER Node" + }, + "content": "", + "rect": { + "left": 1029, + "top": 945, + "width": 636, + "height": 160 + }, + "center": [ + 1347, + 1025 + ], + "htmlNode": null, + "indexId": "105" + }, + { + "id": "7a6837c358", + "nodePath": "0-1-2-2-1-1-4-3-1-1-1-0-0-0-1-0", + "nodeHashId": "7a6837c358", + "nodeType": "TEXT Node", + "locator": "", + "attributes": { + "nodeType": "TEXT Node" + }, + "center": [ + 1123, + 592 + ], + "content": "Top", + "rect": { + "left": 1111, + "top": 583, + "width": 24, + "height": 17 + }, + "htmlNode": null, + "indexId": "106" + }, + { + "id": "0d5e3db5b1", + "nodePath": "0-1-2-2-1-1-4-3-1-1-1-0-0-0-0", + "nodeHashId": "0d5e3db5b1", + "nodeType": "CONTAINER Node", + "locator": "[_midscene_retrieve_task_id='0d5e3db5b1']", + "attributes": { + "class": ".ant-radio-button.ant-radio-button-checked", + "nodeType": "CONTAINER Node" + }, + "content": "", + "rect": { + "left": 1096, + "top": 576, + "width": 54, + "height": 30 + }, + "center": [ + 1123, + 591 + ], + "htmlNode": null, + "indexId": "107" + }, + { + "id": "025f97cd56", + "nodePath": "0-1-2-2-1-1-4-3-1-1-1-0-0-0", + "nodeHashId": "025f97cd56", + "locator": "[_midscene_retrieve_task_id='025f97cd56']", + "nodeType": "FORM_ITEM Node", + "attributes": { + "class": ".ant-radio-button-wrapper.ant-radio-button-wrapper-checked.css-var-R2albtj5cma.ant-radio-css-var", + "htmlTagName": "