puppeteerでclick遷移後に例外が発生する場合 Execution context was destroyed, most likely because of a navigation.

puppeteerでpage.clickを実行して画面遷移後にpage.evalute等を実行するとUnhandledPromiseRejectionWarning: Error: Execution context was destroyed, most likely because of a navigation.のような例外が起こる場合がある。

これはpage.clickをawaitしてもページ遷移までは待っていないため、ページ遷移前に遷移前ページの要素にアクセスしてその最中にページ遷移が起こりアクセス中の要素が破壊されてしまい例外となっている。

そのため、page.clickをawaitするだけでなく、ページ遷移イベントもawaitしなければならない。

    await Promise.all([
        page.waitForNavigation({waitUntil: ['load', 'networkidle2']}),
        page.click('a.user-name')
    ]);

参考: https://qiita.com/hnw/items/a07e6b88d95d1656e02f