Additional tests for multiple backgrounds, use data URI for 'image/1.jpg'.

Author: kennethcachia

test/data-uri-example.js

@@ -13,6 +13,7 @@
   <div id="qunit-fixture"></div>
 
   <script src="../background-check.min.js"></script>
+  <script src="data-uri-example.js"></script>
   <script src="qunit.js"></script>
 
   <!-- Basic markup -->

test/index.html

@@ -16,15 +16,60 @@ asyncTest('Test CSS Backgrounds', function () {
   }, 'throws exception - elements are not images and do not have a background image');
 
 
-  // Test for multiple backgrounds
+  // Tests for multiple backgrounds
   var multiple = document.querySelector('.test--css-backgrounds .css-background--multiple');
 
   throws(function () {
     BackgroundCheck.init({
       targets: '.test .target',
       images: multiple
     });
-  }, 'throws exception - multiple backgrounds are not supported');
+  }, 'throws exception - multiple backgrounds are not supported (1)');
+
+  throws(function () {
+    multiple.style.backgroundImage = 'url(../examples/build/images/1.jpg), url(' + window.DataURI + ')';
+
+    BackgroundCheck.init({
+      targets: '.test .target',
+      images: multiple
+    });
+  }, 'throws exception - multiple backgrounds are not supported (2)');
+
+  throws(function () {
+    multiple.style.backgroundImage = 'url(' + window.DataURI + '), url(../examples/build/images/1.jpg)';
+
+    BackgroundCheck.init({
+      targets: '.test .target',
+      images: multiple
+    });
+  }, 'throws exception - multiple backgrounds are not supported (3)');
+
+  throws(function () {
+    multiple.style.backgroundImage = 'url(' + window.DataURI + '), url(' + window.DataURI + ')';
+
+    BackgroundCheck.init({
+      targets: '.test .target',
+      images: multiple
+    });
+  }, 'throws exception - multiple backgrounds are not supported (4)');
+
+  throws(function () {
+    multiple.style.backgroundImage = 'url(' + window.DataURI + '), url(' + window.DataURI + '), url(' + window.DataURI + ')';
+
+    BackgroundCheck.init({
+      targets: '.test .target',
+      images: multiple
+    });
+  }, 'throws exception - multiple backgrounds are not supported (5)');
+
+  throws(function () {
+    multiple.style.backgroundImage = 'url(../examples/build/images/1.jpg), url(../examples/build/images/1.jpg), url(../examples/build/images/1.jpg)';
+
+    BackgroundCheck.init({
+      targets: '.test .target',
+      images: multiple
+    });
+  }, 'throws exception - multiple backgrounds are not supported (6)');
 
 
   // Create elements first
@@ -36,12 +81,15 @@ asyncTest('Test CSS Backgrounds', function () {
   var element;
   var dash;
   var snippet;
+  var url;
 
   for (var e = 0; e < examples.length; e++) {
     snippet = snippets[e].innerHTML;
 
+    url = image === 1 ? window.DataURI : '../examples/build/images/' + image + '.jpg';
+
     element = document.createElement('div');
-    element.style.backgroundImage = 'url("../examples/build/images/' + image + '.jpg")';
+    element.style.backgroundImage = 'url(' + url + ')';
     element.className = 'css-background-image';
 
     css = snippet.split(';');