茉莉花会在一个元素上触发mouseleave / mouseenter然后在另一个元素上触发？

Question

我有一些元素，例如......

<div id="foo">Foo</div>
<div id="bar">Bar/div>

还有一些代码，用于当mouseent进入foo时执行某些操作，当mouseleaves foo进行其他操作时……但是在此之前，检查是否进入mouseented栏。

            var foo= element.find("[foo]"); 
            foo.on("mouseenter", function() { 
               turnOn(true);
            });

            foo.on("mouseleave", function() {
              var bar = element.find("[bar]"); 
              var turnedOn = false;
              bar.on("mouseenter", function() {
                turnOn(true);
                turnedOn = true;
              });
              bar.on("mouseleave", function() {
                turnOn(false);
                turnedOn = false;
              });
              setTimeout(function() {
                if (!turnedOn) {
                  turnOn(false);
                }
              }, 250);
            });

当mouseeneter / mouseleave BOTH元素时，我将如何使用Jasmine编写单元测试。就像我想在foo是mouseenter然后mouseleave但bar是mouseenter时进行模拟...