如何将 Puppeteer “页面”实例传递给 Mocha 自定义报告？

如何解决如何将 Puppeteer “页面”实例传递给 Mocha 自定义报告？

1. 我创建了 Mocha 自定义报告器，它扩展了 Mochawesome 报告 (my-reporter.js)：

const Mocha       = require('mocha');
const Mochawesome = require('mochawesome');
const addContext  = require('mochawesome/addContext');

const {
    EVENT_TEST_FAIL
} = Mocha.Runner.constants;

class MyReporter extends Mochawesome {
    constructor(runner,options) {
        super(runner,options);

        runner.on(EVENT_TEST_FAIL,async function (test,err) {
            if (test.state === 'Failed') {
                const fileName = `${test.title.replace(/[^a-z0-9]/gi,'-')}.png`;
                const filePath = `./report/${fileName}`;
                await page.screenshot({ path: filePath });
                addContext(this,fileName);
            }
        });
    }
}

module.exports = MyReporter;

2. 我已在 Mocha 配置 (.mocharc.js) 中指定了我的自定义报告器：

module.exports = {
    ...
    reporter: './report/my-reporter.js','reporter-option': [
        'overwrite=true','inline=true','charts=true','reportDir=./report',`reportPageTitle=${process.env.SUITE_NAME.toupperCase()}`,`reportTitle=${process.env.SUITE_NAME.toupperCase()} Results`,`reportFilename=${process.env.SUITE_NAME.toupperCase()}_Report`,`timestamp=${(new Date()).toISOString().slice(0,19)}`
    ],...
};

3. 我试图在测试中使用全局变量传递 Puppeteer“页面”实例：

const puppeteer         = require('puppeteer');
const puppeteerConfig   = require('../../configs/puppeteer.config');
const appConfig         = require('../../configs/app.config');
const expect            = require('chai').expect;

describe('User searches something on Google',function () {
    let browser,page;

    before(async function () {
        browser = await puppeteer.launch(puppeteerConfig.launchOptions);
        page = await browser.newPage();
        global.page = page;
    });

    it('Navigate to the Google page',async function () {
        await page.goto(appConfig.baseUrl,{ waitUntil: 'networkidle0' })
    });

    it('Should Fails for some reason',async function () {
        expect(true).to.be.false;
    });

    after(async function () {
        await browser.close();
    });
});

我在 IDE 中调试时看到“page”变量包含 Puppeteer Page 实例： IDE debug pic

报告创建成功。 但未创建屏幕截图。

问题：使用 Node global 将 Puppeteer“页面”实例传递给 Mocha 自定义报告是否正确？