El evento de notificación onshow no se activa en Chrome

Soy estudiante de la carrera de ing. No se por que no se muestra o no se activa el event de onshow cada ves que una notificación se muestra, lo que quiero es que se muestre en consola del navegador , si todo lo eh verificado

if ('serviceWorker' in navigator) {
  console.log('El navegador soporta servicios de trabajo.');

  Navigator.serviceWorker.getRegistration().then(function(registration) {
    if (registration) {
      console.log('El servicio de trabajo está registrado: ', registration.scope);

      // El servicio de trabajo está registrado, verificar si está activo
      if (registration.active) {
        console.log('El servicio de trabajo está activo.');
      } Else {
        console.log('El servicio de trabajo NO está activo.');
      }
    } Else {
      console.log('El servicio de trabajo NO está registrado.');
    }
  });
} Else {
  console.log('El navegador NO soporta servicios de trabajo.');
}
Var notification = new Notification("Título de la notificación", {
  body: "Cuerpo de la notificación"
});
self.addEventListener("notificationshow", function(event) {
  console.log("Se ha mostrado una notificación.");
  Console.log("Título de la notificación: " + event.notification.title);
  console.log("Cuerpo de la notificación: " + event.notification.body);
});

necesito ayuda y también saber por que pasa esto, saber en que me estoy equivocando, ya que mi objetivo es aprender y no quedar en la ignorancia.

Mi tarea era que cada notificación api que se muestre en el navegador,  pueda mostrarse en consola y guardarlo en una base de datos, en esa parte no me hago problema en realizarlo, el problema es que self.addEventListener("notificationshow", function(event)  no se activa no escucha, no detecta,