QNicht externe JavaScript-Datei ausführen

Question

Ich versuche, das Lernprogramm here an die Verwendung von QUnit v2.x anzupassen, aber es scheint nicht die JavaScript-Datei aufzunehmen, die ich testen möchte.

test.html

<div id="qunit"></div> 
<div id="qunit-fixture"> 
    <form> 
    <input name="text" /> 
    <div class="has-error">Error text</div> 
    </form> 
</div> 

<script src="http://code.jquery.com/jquery.min.js"></script> 
<script src="qunit.js"></script> 
<script src="../list.js"></script> 
<script> 

    QUnit.test("errors should be hidden on keypress", function (assert) { 
     $('input').trigger('keypress'); 
     assert.equal($('.has-error').is(':visible'), false); 
    }); 

</script> 

list.js

jQuery(document).ready(function ($) { 
    $('input').on('keypress', function() { 
     $('.has-error').hide(); 
    }); 
}); 

Der Test schlägt fehl, mit dem Ergebnis der wahren

Die bereitgestellten Code in das Tutorial mit QUnit 1,23

funktioniert gut

<script> 

/*global $, test, equal */ 

test("errors should be hidden on keypress", function() { 
    $('input').trigger('keypress'); 
    equal($('.has-error').is(':visible'), false); 
}); 

test("errors not be hidden unless there is a keypress", function() { 
    equal($('.has-error').is(':visible'), true); 
}); 

</script> 

Edit: Mit QUnit v1.23 arbeiten beide Versionen der Tests!

Answer 1

Also, diese Frage ist in multiple other places auf SO gekommen. Im Wesentlichen hat QUnit 2 Fixtures unterschiedlich gehandhabt. Ihr Code fügt dem ursprünglichen HTML einen Event-Handler hinzu, aber dann beendet QUnit diesen HTML-Code und baut ihn neu auf, wodurch Ihr Handler entfernt wird. Die Lösung besteht darin, das Ereignis innerhalb Ihres Tests zu binden, nicht beim Laden der Seite. Hier ist a fiddle mit zu spielen, aber der Code ist unten:

function init() { 
    $('.username').on('keypress', function() { 
     console.log('hiding error!'); 
     $('.has-error').hide(); 
    }); 
    } 

    QUnit.test("errors should be hidden on keypress", function(assert) { 
    init(); 
    $('.username').trigger('keypress'); 
    assert.strictEqual($('.has-error').is(':visible'), false); 
    }); 

    QUnit.test("errors not be hidden unless there is a keypress", function(assert) { 
    init(); 
    assert.strictEqual($('.has-error').is(':visible'), true); 
    });