Execute JS function before scanning

[felixranesberger]

Hi, is there any way I can call a JS function before scanning?

I need to disable a cookie popup via JS.

Thanks for any help :)

[harlan-zw]

Hey @felixranesberger

Sorry about the delay, you can indeed using the hook system. You'll need to make a config file and load it

export default {
  hooks: {
    'puppeteer:before-goto': async (page) => {
      const deleteSelector= ".class-to-delete";
      await page.waitForSelector(deleteSelector)
      await page.evaluate((sel) => {
        const elements = document.querySelectorAll(sel);
        for(let i=0; i< elements.length; i++){
          elements[i].parentNode.removeChild(elements[i]);
        }
      }, deleteSelector)
    }
  },
}

[harlan-zw]

Actually looks like lighthouse is doing a separate request so changes get deleted 🤔

[harlan-zw]

This should work with v0.4.4

export default {
  hooks: {
    'puppeteer:before-goto': async (page) => {
      let deleteSelector= ".VPNav";
      page.waitForNavigation().then(async () => {
        await page.waitForTimeout(1000)
        await page.evaluate((sel) => {
          const elements = document.querySelectorAll(sel);
          for(let i=0; i< elements.length; i++){
            elements[i].parentNode.removeChild(elements[i]);
          }
        }, deleteSelector)
      })
    }
  }
}