diff --git a/tests/qunit/index.html b/tests/qunit/index.html
index bd87b61..0c233f4 100644
--- a/tests/qunit/index.html
+++ b/tests/qunit/index.html
@@ -22,6 +22,7 @@
         <script type="text/javascript" src="../../src/renderers/Canvas.js"></script>
 
         <script src="unit/css.js"></script>
+        <script src="unit/generate.js"></script>
 
 
         <style>
diff --git a/tests/qunit/unit/css.js b/tests/qunit/unit/css.js
index 96956c7..e1f6e1a 100644
--- a/tests/qunit/unit/css.js
+++ b/tests/qunit/unit/css.js
@@ -145,45 +145,5 @@ $(function() {
     }); 
     
 // TODO add backgroundPosition % tests
-
-    propsToTest['background-gradient'] = ["backgroundImage"];
-    numDivs['background-gradient'] = $('#backgroundGradients div').length;
     
-    test('background-gradient', propsToTest['background-gradient'].length * numDivs['background-gradient'], function() {  
-            
-        $('#backgroundGradients div').each(function(i, el) {
-            $.each(propsToTest['background-gradient'], function(s, prop) {
-                var src, img, canvas, ctx, id, data, len, red, green, blue, overallColor = 0;
-                
-                src = _html2canvas.Util.getCSS(el, prop),
-                img = _html2canvas.Generate.Gradient(src, {
-                    width: 50,
-                    height: 50
-                });
-                
-                canvas = document.createElement('canvas');
-                canvas.width = 50;
-                canvas.height = 50;
-                ctx = canvas.getContext('2d');
-                ctx.drawImage(img, 0, 0);
-                id = ctx.getImageData(0, 0, 50, 50);
-                data = id.data;
-                len = data.length;
-                
-                //console.log(img);
-                
-                for (var i = 0; i < len; i += 4) {
-                    red = data[i]; // red
-                    green = data[i + 1]; // green
-                    blue = data[i + 2]; // blue
-                    // i+3 is alpha (the fourth element)
-                    
-                    overallColor += (red + green + blue) / 3;
-                }
-                overallColor /= (len / 4);
-                
-                QUnit.notEqual(overallColor, 255, 'No Background Gradient - CSS was ' + src);
-            });
-        });
-    }); 
 });
\ No newline at end of file
diff --git a/tests/qunit/unit/generate.js b/tests/qunit/unit/generate.js
new file mode 100644
index 0000000..a6ecfed
--- /dev/null
+++ b/tests/qunit/unit/generate.js
@@ -0,0 +1,60 @@
+// declare vars (preventing JSHint messages)
+var test = test || function(){},
+    QUnit = QUnit || {},
+    _html2canvas = _html2canvas || {};
+
+
+module("Generate");
+$(function() {
+    
+    var propsToTest = {},
+        numDivs = {};
+    
+
+    propsToTest['Generate.Gradient'] = ["backgroundImage"];
+    numDivs['Generate.Gradient'] = $('#backgroundGradients div').length;
+    
+    test('Generate.Gradient', propsToTest['Generate.Gradient'].length * numDivs['Generate.Gradient'], function() {  
+            
+        $('#backgroundGradients div').each(function(i, el) {
+            $.each(propsToTest['Generate.Gradient'], function(s, prop) {
+                var src, img, canvas, ctx, id, data, len, red, green, blue, overallColor = 0;
+                
+                src = _html2canvas.Util.getCSS(el, prop);
+                
+                if (/^(-webkit|-o|-moz|-ms|linear)-/.test(src)) {
+                    
+                    img = _html2canvas.Generate.Gradient(src, {
+                        width: 50,
+                        height: 50
+                    });
+                    
+                    canvas = document.createElement('canvas');
+                    canvas.width = 50;
+                    canvas.height = 50;
+                    ctx = canvas.getContext('2d');
+                    ctx.drawImage(img, 0, 0);
+                    id = ctx.getImageData(0, 0, 50, 50);
+                    data = id.data;
+                    len = data.length;
+                    
+                    //console.log(img);
+                    
+                    for (var i = 0; i < len; i += 4) {
+                        red = data[i]; // red
+                        green = data[i + 1]; // green
+                        blue = data[i + 2]; // blue
+                        // i+3 is alpha (the fourth element)
+                        
+                        overallColor += (red + green + blue) / 3;
+                    }
+                    overallColor /= (len / 4);
+                    
+                    QUnit.notEqual(overallColor, 255, 'Background Gradient drawn with CSS: ' + src);
+                } else {
+                    QUnit.ok(true, 'No CSS Background Gradient support');
+                }
+            });
+        });
+    }); 
+});
\ No newline at end of file