如何在TestCafe中处理打印窗口与打印对话框？

针对你遇到的场景，核心是两步：拦截原生打印对话框，再切换到新窗口验证预览内容，下面是具体的测试脚本和说明：

完整测试脚本 #

import { Selector } from 'testcafe';

fixture('文档预览与打印测试')
    .page('你的目标页面URL');

test('点击按钮后验证预览窗口并处理打印弹窗', async t => {
    // 1. 设置原生对话框处理器，自动确认打印弹窗
    await t.setNativeDialogHandler(type => {
        // 只拦截打印类型的原生对话框
        if (type === 'print') {
            return true; // 返回true表示确认打印
        }
        // 其他类型对话框抛出错误，避免意外场景
        throw new Error(`Unexpected native dialog: ${type}`);
    });

    // 2. 触发按钮点击，此时会打开新窗口并弹出打印框
    const previewButton = Selector('button#preview-print-btn'); // 替换成你的按钮选择器
    await t.click(previewButton);

    // 3. 切换到新打开的预览窗口
    // 通过URL特征定位新窗口，这里假设预览URL包含"/document-preview"
    await t.switchToWindow(window => window.url.includes('/document-preview'));

    // 4. 验证文档预览页面的内容
    // 示例：检查页面是否存在文档容器元素、验证页面标题
    const documentContainer = Selector('div#document-preview-container');
    await t.expect(documentContainer.exists).ok('文档预览容器未加载');
    await t.expect(t.eval(() => document.title)).eql('文档预览', '预览页面标题不符合预期');

    // 可选：关闭新窗口，切回原页面
    await t.closeWindow();
    await t.switchToWindow(window => window.url === '你的目标页面URL');
});

关键步骤说明 #

• 拦截打印弹窗：setNativeDialogHandler会捕获所有原生对话框，通过判断type为print来自动确认，避免测试被弹窗阻塞。
• 切换新窗口：switchToWindow接收回调函数，通过窗口的URL、标题等特征匹配目标预览窗口，确保切换准确。
• 验证预览内容：根据实际页面结构添加断言，比如检查文档元素是否存在、内容是否符合预期等。

注意事项 #

• 确保新窗口的识别特征（URL/标题）是唯一的，避免切换到无关窗口。
• 若打印弹窗触发有延迟，TestCafe自动等待机制一般能处理；若遇超时，可按需添加await t.wait(1000)调整等待时长。
• 不同浏览器对原生打印对话框的处理有细微差异，建议在目标测试浏览器上验证脚本。

内容的提问来源于stack exchange，提问作者DmitryK