68 lines
2.7 KiB
TypeScript
68 lines
2.7 KiB
TypeScript
/**
|
||
* 文件：selectors.ts
|
||
* 功能：集中管理小红书发布流程相关 DOM 选择器。
|
||
*
|
||
* 来源：用户提供的步骤截图（STEP1 / STEP21 / STEP22 / STEP31）。
|
||
* 分组：入口 / 发布Tab / 视频 / 图文。
|
||
* 目标：统一引用、便于维护、减少硬编码分散。
|
||
*
|
||
* 改版策略建议：
|
||
* - 每个关键操作保留多个候选 selector（后续可扩展为数组兜底）。
|
||
* - 可结合 querySelectorAll + 模糊匹配文本进一步增强稳健性。
|
||
*/
|
||
|
||
export const XHS_SELECTORS = {
|
||
// STEP 1 入口区域（选择发布类型）
|
||
ENTRY: {
|
||
PUBLISH_VIDEO_BUTTON: 'div.publish-video .btn',
|
||
VIDEO_CARD_IMAGE: 'div.group-list .publish-card:nth-child(1) .image',
|
||
IMAGE_CARD_IMAGE: 'div.group-list .publish-card:nth-child(2) .image'
|
||
},
|
||
|
||
// STEP 21 发布笔记 Tab 区域（主入口）
|
||
PUBLISH_TAB: {
|
||
PUBLISH_VIDEO_BUTTON: 'div.publish-video .btn', // 入口按钮（同上）
|
||
TAB_VIDEO: 'div.outarea.upload-c .creator-tab:nth-child(1)',
|
||
TAB_IMAGE: 'div.outarea.upload-c .creator-tab:nth-child(3)',
|
||
UPLOAD_BUTTON: 'div.outarea.upload-c .upload-content button'
|
||
},
|
||
|
||
// STEP 22 上传视频并发布
|
||
VIDEO: {
|
||
// 上传结果 / 封面区域
|
||
UPLOAD_SUCCESS_STAGE: '.cover-container .stage div:first-child', // 需检测包含文字“上传成功”
|
||
|
||
// 文本与输入区域
|
||
TITLE_INPUT: '.titleInput .d-text',
|
||
CONTENT_EDITOR: '#quillEditor.ql-editor',
|
||
TOPIC_BUTTON: '#topicBtn',
|
||
|
||
// 扩展功能（插件 / 位置等）
|
||
LOCATION_PLACEHOLDER: '.media-extension .plugin:nth-child(2) .d-select-placeholder',
|
||
LOCATION_DESCRIPTION: '.media-settings>div>div:nth-child(2) .d-select-description',
|
||
|
||
// 发布方式（立即 / 定时）
|
||
RADIO_IMMEDIATE: '.el-radio-group label:nth-child(1) input',
|
||
RADIO_SCHEDULE: '.el-radio-group label:nth-child(2) input',
|
||
SCHEDULE_TIME_INPUT: '.el-radio-group .date-picker input', // 例如：2025-06-21 15:14
|
||
|
||
// 发布按钮
|
||
PUBLISH_BUTTON: '.publishBtn'
|
||
},
|
||
|
||
// STEP 31 上传图片（图文）并发布
|
||
IMAGE: {
|
||
IMAGE_UPLOAD_ENTRY: '.publish-c .media-area-new .img-upload-area .entry',
|
||
TITLE_INPUT: '.titleInput .d-text',
|
||
CONTENT_EDITOR: '#quillEditor .ql-editor',
|
||
TOPIC_BUTTON: '#topicBtn',
|
||
LOCATION_PLACEHOLDER: '.media-extension .plugin:nth-child(2) .d-select-placeholder',
|
||
LOCATION_DESCRIPTION: '.media-settings>div>div:nth-child(2) .d-select-description',
|
||
RADIO_IMMEDIATE: '.el-radio-group label:nth-child(1) input',
|
||
RADIO_SCHEDULE: '.el-radio-group label:nth-child(2) input',
|
||
SCHEDULE_TIME_INPUT: '.el-radio-group .date-picker input',
|
||
PUBLISH_BUTTON: '.publishBtn'
|
||
}
|
||
} as const;
|
||
|
||
export type XiaohongshuSelectorGroup = typeof XHS_SELECTORS; |