通过木偶操纵者侦听自定义事件时出现问题 [英] Issue listening for custom event via puppeteer

查看:0
本文介绍了通过木偶操纵者侦听自定义事件时出现问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我目前在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); }

这篇关于通过木偶操纵者侦听自定义事件时出现问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆