提升Puppeteer脚本稳定性：解决动态页面元素点击失效问题

const joinMeeting = async (page) => {
    console.log('? Joining meeting...');
    await page.goto('https://meet.google.com/');
    // 依赖不稳定的类名，可能随时失效
    await page.waitForSelector('.mobgod', { visible: true });
    await page.click('.mobgod');
    await page.waitForSelector('.VfPpkd-vQzf8d');
    await page.click('.VfPpkd-vQzf8d'); // 点击 "Dismiss" 按钮
    await page.waitForSelector('.VfPpkd-LgbsSe');
    await page.click('.VfPpkd-LgbsSe'); // 点击 "Join now" 按钮
    console.log('✅ Joined meeting!');
}

const joinMeeting = async (page) => {
    console.log('? Joining meeting...');
    await page.goto('https://meet.google.com/');

    // 步骤1: 寻找并点击“新会议”或“开始会议”按钮（通常是进入会议流程的第一步）
    // 假设存在一个带有 event-action="start a meeting" 的元素
    const startMeetingSelector = '[event-action="start a meeting"]';
    console.log(`等待元素出现: ${startMeetingSelector}`);
    const startMeetingButton = await page.waitForSelector(startMeetingSelector, { visible: true });
    if (startMeetingButton) {
        // 在页面上下文内执行点击
        await startMeetingButton.evaluate(button => button.click());
        console.log('已点击“开始会议”按钮。');
    } else {
        console.error('未找到“开始会议”按钮。');
        return;
    }

    // 步骤2: 处理可能的弹窗或权限请求（例如，"Dismiss" 按钮）
    // 假设“Dismiss”按钮包含特定的文本或更稳定的属性
    // 这里我们使用包含文本 "Dismiss" 的按钮作为示例
    // 注意：Puppeteer默认不支持 'text/' 查询，需要自定义或使用 XPath
    // 为简化示例，我们假设可以找到一个通用按钮且其文本为“Dismiss”
    try {
        // 寻找包含特定文本的按钮（需要更复杂的选择器或自定义查询）
        // 更稳健的方式可能是通过 XPath 或评估页面 JS 来寻找
        // 例如，如果按钮的 jsname 是稳定的，可以这样：
        // const dismissButton = await page.waitForSelector('[jsname="Qx7uuf"]', { visible: true, timeout: 5000 });
        // if (dismissButton) {
        //     const buttonText = await dismissButton.evaluate(el => el.textContent.trim());
        //     if (buttonText === 'Dismiss') {
        //         await dismissButton.evaluate(button => button.click());
        //         console.log('已点击“Dismiss”按钮。');
        //     }
        // }

        // 另一种更通用的方法是寻找包含“Dismiss”文本的按钮
        // 注意：page.$x 需要 XPath 表达式
        const dismissButtonXPath = `//button[contains(., 'Dismiss')]`;
        const [dismissButton] = await page.$x(dismissButtonXPath);
        if (dismissButton) {
            await dismissButton.evaluate(button => button.click());
            console.log('已点击“Dismiss”按钮。');
        } else {
            console.log('未找到“Dismiss”按钮，可能没有弹窗。');
        }

    } catch (error) {
        console.log('处理Dismiss按钮时出错或未找到:', error.message);
    }

    // 步骤3: 寻找并点击“Join now”按钮
    // 假设“Join now”按钮的文本是稳定的
    const joinNowButtonXPath = `//span[contains(., 'Join now')]/ancestor::button`;
    console.log(`等待元素出现: ${joinNowButtonXPath}`);
    const [joinNowButton] = await page.$x(joinNowButtonXPath);

    if (joinNowButton) {
        // 在页面上下文内执行点击
        await joinNowButton.evaluate(button => button.click());
        console.log('✅ 已点击“Join now”按钮，成功加入会议！');
    } else {
        console.error('未找到“Join now”按钮。');
    }
}