<!DOCTYPE HTML>
<html>
<head>  
    <script src="jquery-1.4.2.min.js" type="text/javascript"></script>
    
    <link href="qunit/qunit/qunit.css" rel="stylesheet" type="text/css" media="screen" />
    <script src="qunit/qunit/qunit.js" type="text/javascript"></script>
    
    <script src="../client/fileuploader.js" type="text/javascript" ></script>
    <script>
jQuery(function(){

    function getHandler(){
        if(qq.UploadHandlerXhr.isSupported()){           
            return qq.UploadHandlerXhr;                        
        } else {
            return qq.UploadHandlerForm;
        }
    }    

    asyncTest("upload", function() {                                      
            expect(2);
                            
            var data = {stringOne: 'rtdfghdfhfh',stringTwo: 'dfsgsdfgsdg',stringThree: 'dfsgfhdfhdg'};
            var savedId;
                                                    
            var uploadHandler = new (getHandler())({
                action: 'action-handler-queue-test.php',
                maxConnections: 1,
                onComplete: function(id, fileName, response){
                    if (!response.success){
                        ok(false, 'server did not receive file')
                        return;    
                    }
                    
                    delete response.success;
                    delete response.qqfile;
                    
                    same(response, data, 'server received file and data');                                                              
                }
            });
                
                
            $('#testinput1, #testinput2').change(upload);    
            
            function upload(){
                setTimeout(start, 9000);
                
                var file = this;
                if (uploadHandler instanceof qq.UploadHandlerXhr){
                    file = this.files[0];
                }
                var id = uploadHandler.add(file);        
                uploadHandler.upload(id, data);                
            }
            
            
    });
});
    </script>  
</head>
<body> 
    <h1 id="qunit-header">File uploader tests</h1> 
    <h2 id="qunit-banner"></h2> 
    <h2 id="qunit-userAgent"></h2> 
    <ol id="qunit-tests"></ol>

        
    <p>
        Please select a file for each input below,
        should be less than 4 sec, between selection.
    </p>

    
    <input id="testinput1" type="file">
    <input id="testinput2" type="file">
        
</body> 
</html>