mocha test dans le navigateur

salut la companie, apres avoir regardé la formation sur les test unitaire en javascript, je me trouve devant un problème que je ne comprend pas du tous.

j'ai un mini framework jquery sass pour le travail et je souhaité y intégrer les tests d'interface et les test unitaire en javascript mais j'ai un soucie au niveau de mon test.

la premiere partie qui doit definir si l'element est visible au demarage marche mais pas l'action sur le clique.

le code du test

it('la notif est invisible', function () {
        expect($('.toast').is(':visible')).to.be.false;
    });

    it('la notif est visible au click', function () {
        $('#test').trigger('click');
        expect($('.toast').is(':visible')).to.be.true;
    });

et le code jquery que je doit tester

pop: function ()
    {
      var $notif = $('[data-type="notif"]');

      $notif.each(function ()
      {
          var $this = $(this);
          var $info = $this.data().info;
          var $body = $('body');

          $this.on('click', function ()
          {
              var toast = document.createElement('div');
              toast.innerHTML = "<div class='toast'>" + $info + "</div>";
              $body.append(toast);

              setTimeout(function ()
              {
                  $body.find('.toast').stop().fadeOut(function ()
                  {
                      toast.remove();
                  });

              }, 1000);

          });

      });

    }

Peut etre quelqu'un pour aiguiller sur le bon chemin a prendre