2

我有一个通过 postMessage 命令进行通信的网站

 window.parent.postMessage(communication, this.origin);

使用剧作家时，我正在尝试做一个“on message”处理程序

function eventListener(returnEvent: any): any {
  window.addEventListener('message', function(event: MessageEvent) {
    console.log('Im here');
    if (event.data.messageId === 'payment-method') {
      console.log('setting return event', event);
      returnEvent = event;
      return returnEvent;
    }
  });
}

...

  let returnEvent: any = {};
  await page.evaluate(eventListener, returnEvent);
  await creditCardDetailsPage.fillFormValid();
  await page.waitForTimeout(5000); //give time for message event to fire
  console.log('event was', returnEvent);
  await expect(returnEvent).toEqual(<MY DATA OBJECT HERE>)

控制台输出

Im here
setting return event MessageEvent
event was {}

我不能把我的期望放在page.evaluate()代码中，因为它是在它注入的 javascript 标记的上下文中执行的，而不是在规范的上下文中。

4

2 回答 2

2 
async def print_args(msg):
    values = []
    for arg in msg.args:
        values.append(await arg.json_value())
    print(values)

page.on("console", print_args)
await page.evaluate("console.log('hello', 5, {foo: 'bar'})")
于 2022-01-05T15:01:29.663 回答
0

我想最终把它变成一个expect，而不是一个evaluate或一个waitForEvent。

可悲的是，我找不到任何可以收听消息事件的东西。相反，我们只是去console.info。

该解决方案将其包装page.on('console', ...)成一个异步函数，我们可以简单地将其用作“成功时解决，失败时挂起”开关

// Return true if the page emits 'Hello, World!' to the console info level
async function waitForMessageAsync(): Promise<boolean> {
  return new Promise(function (resolve) {
    page.on('console', (msg) => {
      if (msg.type() === 'log' && msg.text() === 'Hello, World!') {
        resolve(true);
      }
    });
  });
}

await expect(await waitForMessageAsync).toBeTruthy();

这样，expect如果等待我们的'Hello, World!'消息超时，测试将失败！

于 2022-03-02T22:25:50.810 回答