From ed4dca31178a6bdbad913424c009fdf0e4bc9b17 Mon Sep 17 00:00:00 2001
From: kangax <kangax@gmail.com>
Date: Thu, 9 Sep 2010 16:37:07 -0400
Subject: [PATCH] Add unit tests for `fabric.util.makeElement`,
 `fabric.util.addClass`, and `fabric.util.wrapElement`.

---
 test/unit/util.js | 65 +++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 65 insertions(+)

diff --git a/test/unit/util.js b/test/unit/util.js
index b1c731cb..f7e7a321 100644
--- a/test/unit/util.js
+++ b/test/unit/util.js
@@ -194,4 +194,69 @@
     equals(nodelist[0], converted[0]);
     equals(nodelist[1], converted[1]);
   });
+  
+  test('makeElement', function() {
+    var makeElement = fabric.util.makeElement;
+    ok(typeof makeElement == 'function');
+    
+    var el = makeElement('div');
+    
+    equals(el.tagName.toLowerCase(), 'div');
+    equals(el.nodeType, 1);
+    
+    el = makeElement('p', { 'class': 'blah', 'for': 'boo_hoo', 'some_random-attribute': 'woot' });
+    
+    equals(el.tagName.toLowerCase(), 'p');
+    equals(el.nodeType, 1);
+    equals(el.className, 'blah');
+    equals(el.htmlFor, 'boo_hoo');
+    equals(el.getAttribute('some_random-attribute'), 'woot');
+  });
+  
+  test('addClass', function() {
+    var addClass = fabric.util.addClass;
+    ok(typeof addClass == 'function');
+    
+    var el = document.createElement('div');
+    addClass(el, 'foo');
+    equals(el.className, 'foo');
+    
+    addClass(el, 'bar');
+    equals(el.className, 'foo bar');
+    
+    addClass(el, 'baz qux');
+    equals(el.className, 'foo bar baz qux');
+    
+    addClass(el, 'foo');
+    equals(el.className, 'foo bar baz qux');
+  });
+  
+  test('wrapElement', function() {
+    var wrapElement = fabric.util.wrapElement;
+    ok(typeof wrapElement == 'function');
+    
+    var el = document.createElement('p');
+    var wrapper = wrapElement(el, 'div');
+    
+    equals(wrapper.tagName.toLowerCase(), 'div');
+    equals(wrapper.firstChild, el);
+    
+    el = document.createElement('p');
+    wrapper = wrapElement(el, 'div', { 'class': 'foo' });
+    
+    equals(wrapper.tagName.toLowerCase(), 'div');
+    equals(wrapper.firstChild, el);
+    equals(wrapper.className, 'foo');
+    
+    var childEl = document.createElement('span');
+    var parentEl = document.createElement('p');
+    
+    parentEl.appendChild(childEl);
+    
+    wrapper = wrapElement(childEl, 'strong');
+    
+    // wrapper is now in between parent and child
+    equals(wrapper.parentNode, parentEl);
+    equals(wrapper.firstChild, childEl);
+  });
 })();
\ No newline at end of file