AsyncTestCase("FillifyTest", {

    "test create an Fillify instance" : function( queue ) {

        // set the height of the sections as the height of the viewport.
        assertTrue( 0 < $(window).width() );
        assertTrue( 0 < $(window).height() );

        var element = $('body').append('<div id="sections"></div>');
        assertTrue( element.is(':visible') );

        $.each( [0, 1, 2], function ( index, item ) {

            $('<div class="section"></div><div class="background"></div><div class="container"><div class="header"></div><div class="content"></div></div></div>')
                .appendTo( element );

        });

        // set html and body margin and padding 0 in order for width to match in future comparisons.
        $( 'html,body' )
            .css( 'margin', 0 )
            .css( 'padding', 0 );

        // set a section that must be 100% of its window.
        $('.section')
            .css( 'width', '100%' );

        // check that the fillify is created.
        assertNotNull(
            element.fillify({
                selectors: {
                    background: ".background",
                    container: ".container",
                    content: ".content",
                    header: ".header"
                }
            })
        );

        // check that the correct widths are set.
        var width = $(window).width();
        assertEquals( width, $('.section').width() );
        assertEquals( width, $('.background').width() );
    }

});

@@ -28,46 +28,17 @@
 , %7B%0A
-%0A
     
-%22test create an Fillify instance%22
+setUp
  : f
@@ -48,21 +48,14 @@
 tion
-( queue
  
+(
 ) %7B%0A
-%0A
     
@@ -423,22 +423,16 @@
 ction%22%3E%3C
-/div%3E%3C
 div clas
@@ -717,16 +717,26 @@
 tml,body
+,#sections
 ' )%0A    
@@ -794,24 +794,256 @@
 ing', 0 );%0A%0A
+        assertTrue( 3 === $('.section .container').length );%0A    %7D,%0A%0A    tearDown : function () %7B%0A        $('body').empty();%0A    %7D,%0A%0A    %22test create an Fillify instance%22 : function( queue ) %7B%0A%0A        var element = $('.section');%0A%0A
         // s
@@ -1098,26 +1098,25 @@
       $(
-'.section'
+ element 
 )%0A      
@@ -1666,16 +1666,25 @@
 dth, $('
+.section 
 .backgro
@@ -1704,15 +1704,2323 @@
  );%0A    
-%7D
+    assertEquals( width, $('.section .container').width() );%0A%0A    %7D,%0A%0A    %22test create an Fillify instance with fixed section width%22 : function( queue ) %7B%0A%0A        var element = $('.section');%0A        $('.section .container')%0A            .css( 'margin', 0 );%0A%0A        var fixedWidth = 100;%0A%0A        // set a section that must be 100%25 of its window.%0A        element%0A            .css( 'width', fixedWidth + 'px' );%0A        assertEquals( fixedWidth + 'px', element.css( 'width' ) );%0A%0A        // check that the fillify is created.%0A        assertNotNull(%0A            element.fillify(%7B%0A                selectors: %7B%0A                    background: %22.background%22,%0A                    container: %22.container%22,%0A                    content: %22.content%22,%0A                    header: %22.header%22%0A                %7D%0A            %7D)%0A        );%0A%0A        // check that the correct widths are set.%0A        assertEquals( fixedWidth , element.width() );%0A        assertEquals( fixedWidth , $('.section .background').width() );%0A        assertEquals( fixedWidth , $('.section .container').width() );%0A%0A    %7D,%0A%0A    %22test create an Fillify instance with fixed section width and container margin%22 : function( queue ) %7B%0A%0A        var element = $('.section');%0A%0A        var containerHorizontalMargin = 10;%0A        $('.section .container')%0A            .css( 'margin', '0 ' + containerHorizontalMargin + 'px');%0A%0A        var fixedWidth = 100;%0A%0A        // set a section that must be 100%25 of its window.%0A        element%0A            .css( 'width', fixedWidth + 'px' );%0A        assertEquals( fixedWidth + 'px', element.css( 'width' ) );%0A%0A        // check that the fillify is created.%0A        assertNotNull(%0A            element.fillify(%7B%0A                selectors: %7B%0A                    background: %22.background%22,%0A                    container: %22.container%22,%0A                    content: %22.content%22,%0A                    header: %22.header%22%0A                %7D%0A            %7D)%0A        );%0A%0A        // check that the correct widths are set.%0A        var expectedContainerHorizontalWidth = fixedWidth - ( containerHorizontalMargin * 2 );%0A        assertEquals( fixedWidth , element.width() );%0A        assertEquals( fixedWidth , $('.section .background').width() );%0A        assertEquals( expectedContainerHorizontalWidth, $('.section .container').width() );%0A%0A    %7D%0A
 %0A%0A%7D);%0A

add more tests to Fillify