由网友(活出女生的骄傲)分享简介：我目前在GitLab CI测试环境中工作，我有一个测试工具，我们使用它来测试我们的SDK。我已经开始设置一个定制事件，该事件在指定测试运行结束的页面上触发。在我的木偶操纵者实现中，我希望侦听这个自定义事件。我一直没有成功地让它工作，所以我想我至少应该确保木偶操纵者repo上的stomer-vent.js示例正常工作，...

我目前在GitLab CI测试环境中工作，我有一个测试工具，我们使用它来测试我们的SDK。我已经开始设置一个定制事件，该事件在指定测试运行结束的页面上触发。在我的木偶操纵者实现中，我希望侦听这个自定义事件。

我一直没有成功地让它工作，所以我想我至少应该确保木偶操纵者repo上的stomer-vent.js示例正常工作，而且我也没有看到我认为我应该得到的东西。我克隆了下面的主存储库，并执行了NPM安装。当我执行下面的js测试，设置Headless：False并且不关闭浏览器时，我在控制台中看不到任何显示触发了任何自定义事件的日志。

我的理解是，我应该看到一些控制台事件消息，其中包含"已激活"，然后是"应用程序就绪"的事件和信息，但事实并非如此。即使我与页面交互，我也看不到一些‘Feature_Load’和‘Feature_Discreil’日志以外的任何内容。

https://github.com/puppeteer/puppeteer/blob/main/examples/custom-event.js

今天有谁能够获得此代码的预期行为？不确定这是不是以前起作用了，后来就坏了，还是我只是做错了什么。任何信息都将是非常有帮助的，谢谢！

推荐答案

不确定这是否是您需要的，但我可以用这个简化代码(puppeteer 8.0.0)在Node.js控制台中得到消息‘TEST_COMPLETE fired.’：

import puppeteer from 'puppeteer';

const browser = await puppeteer.launch();

try {
  const [page] = await browser.pages();

  await page.goto('https://example.org/');

  await page.exposeFunction('onCustomEvent', async (type) => {
    console.log(`${type} fired.`);
    await browser.close();
  });

  await page.evaluate(() => {
    document.addEventListener('TEST_COMPLETE', (e) => {
      window.onCustomEvent('TEST_COMPLETE');
    });

    document.dispatchEvent(new Event('TEST_COMPLETE'));
  });
} catch (err) { console.error(err); }