QUnit nieudanie testuje niekonsekwentnie/naprzemiennie

Question

Mam uproszczony test QUnit składający się z 2 prostych testów, które zawodzą losowo/naprzemiennie bez żadnego uzasadnienia (oba są atomowe, co oznacza, że ​​jeden test niczego nie zmienia z drugiego elementu)

proszę zobaczyć this jsFiddle spróbuj run wielokrotnie

module("Basic actionBind"); 
//two simple tests 
test("action1", function() { 
    ok(ele2.trigger("click").hasClass("clicked"), "basic click action"); 
}); 

test("action2", function() { 
    ok(ele1.click().hasClass("clicked"), "basic click action"); 
}); 

Answer 1

Problem polega na buforowaniu obiektów jQuery w kontekście globalnym w czasie wykonywania. Oto dwa fragmenty z kodu _{(od ogniwo zapytanie: http://jsfiddle.net/adardesign/aZRK7/12/):}

HTML:

<div id="qunit-fixture"> 
    <span id="ele1" class="action" data-action="action1"></span> 
    <span id="ele2" class="action" data-action="action2" ></span> 
</div> 

JS:

// caching elements 
var $ele1 = $('#ele1'), 
    $ele2 = $('#ele2'); 

test('action1', function() { 
    ok($ele2.trigger('click') .... 


test('action2', function() { 
    ok($ele1.trigger('click') .... 

Rzeczywiste elementy są wewnątrz #qunit-fixture który jest resetuj i ponownie analizuj dla każdego testu, dlatego zdarzenia kliknięcia, które wystrzeliłeś z testów, zostały uruchomione na elementach, które nie są już w wersji document. Zamiast tego elementy te zostały odłączone i zostały ponownie przetworzone z oryginalnego tekstu HTML, tworząc w ten sposób nowe elementy DOM.

Mam rozwidlony swoją jsFiddle i poprawione to odpowiednio: http://jsfiddle.net/aZRK7/15/

Choć oczyścić różne części zanim zauważył, zasadniczą zmianą jest przeniesienie kwerendy dla elementu do wewnątrz testu:

test('foo', function() { 
    var $foo = $('#ele1'); 
    ok($foo.trigger('click') .... 


test('bar', function() { 
    var $bar = $('#bar'); 
    ok($bar.trigger('click') .... 

Answer 2

EDIT: Wygląda OP wyjął część asynchronicznego kodu, pozostawiając odpowiedź w przypadku jakichkolwiek potyka na to, ale to nie odpowiada teraz na pytanie.

Cóż, nie jestem pewien, jakie problemy możesz mieć sam test, ale każdy AsyncTest musi mieć gdzieś połączenie start();. Więc z skrzypce:

asyncTest("action1", delay.bind(null, function() { 
    console.log("test1"); 
    ok(ele2.trigger("click").hasClass("clicked"), "basic click action"); 

    start(); 

}, 2000*Math.random())); 

Z QUnit asyncTest documentation, zobaczyć ich przykłady.