-
Book Overview & Buying
-
Table Of Contents
Learning jQuery, Third Edition
By :
In test-driven development , we write tests before writing code. This way, we can observe that a test fails, add new code, and then see that the test passes, verifying that our change has the intended effect.
Let's start by testing the child selector that we used in Chapter 2 to add a horizontal class to all <li> elements that are children of <ul id="selected-plays">:
test('Child Selector', function() {
expect(1);
var topLis = $('#selected-plays > li.horizontal');
equal(topLis.length, 3, 'Top LIs have horizontal class');
});Here, we have actually introduced two tests. We begin with the expect() test, which instructs QUnit how many tests we expect to run in this set. Then, because we are testing our ability to select elements on the page, we use the equal() test to compare the number of top-level <li> elements against the number 3. If the two are equal, the test passes:

Of course, the test fails because we have not yet written the code to add...
Change the font size
Change margin width
Change background colour