Notifications not available in headless mode

• Puppeteer version: 1.8.0
• Platform / OS version: Windows 8.1
• Node.js version: v10.11.0

What steps will reproduce the problem? Assuming there is a registered serviceworker and a notification:

const puppeteer = require('puppeteer');

(async() => {
    const browser = await puppeteer.launch({
        headless: true
    });

    const context = browser.defaultBrowserContext();
    const page = await context.newPage();

    await page.goto('https://notificationDomain.com', {
        waitUntil: "networkidle2"
    });

    const notifications = await page.evaluate(() => {
        return navigator.serviceWorker.ready.then(function(registration) {
            return registration.getNotifications().then(function(notifications) {
                return notifications;
            })
        })
    });

    console.log(notifications.length + ' Notifications');
    await browser.close();
})();

What is the expected result? The notifications array should contain the notification like it does when using the non-headless mode.

What happens instead? The notifications array is empty although there is a notification.

[aslushnikov]

@paul-kl can you please try enabling “notifications” using browserContext.overridePermissions?

[pk992]

@aslushnikov I’m sorry, forgot that in my example but used it in my code. I hope this helps:

const puppeteer = require('puppeteer');

(async() => {
    const browser = await puppeteer.launch({
        headless: false
    });

    const domain = 'https://puush.pw'
    const context = browser.defaultBrowserContext();
    const page = await context.newPage();

    await context.overridePermissions(domain, ['notifications']);

    try {
       await context.overridePermissions(domain, ['push']);
    } catch (e) {
       // workaround because 'push' throws unknown permisson type but works anyways
    }

    await page.goto('https://puush.pw', {
        waitUntil: "networkidle2"
    });

    // Wait for the SW
    await page.waitFor(1*5000);

    const sw = await page.evaluate(() => {
      return navigator.serviceWorker.getRegistrations().then(registrations => {
        return registrations && registrations.length > 0 ? true : false;
      })
    })

    // Give me time to send the push notification
    await page.waitFor(1*15000);
    console.log('Push check...');

    if(sw){
      const notifications = await page.evaluate(() => {
          return navigator.serviceWorker.ready.then(function(registration) {
              return registration.getNotifications().then(function(notifications) {
                  return notifications;
              })
          })
      });

      console.log(notifications.length + ' Notifications');
    } else {
      console.log('SW not registered!');
    }

    await browser.close();
})();

Output non-headless:

Push check...
0 Notifications

or when I did send one (onesignal.com service running on the domain)

Push check...
1 Notifications

Output headless:

Push check...
SW not registered!

The serviceworker won’t register. If I register it non-headless and try to get push notifications headless, they won’t show up. There is something strange about the ‘push’ permission but once I added it, I was able to recive push notifications, not just normal ones.