test wysihtml5 ok

2013-01-07 11:30:35 +04:00
parent df03c14c8d
commit 927d426d8d
3 changed files with 59 additions and 5 deletions
--- a/test/unit/wysihtml5.js
+++ b/test/unit/wysihtml5.js
@ -0,0 +1,54 @@
+$(function () {         
+
+   module("wysihtml5", {
+        setup: function(){
+            fx = $('#async-fixture');
+            $.support.transition = false;
+        }
+    });
+     
+    asyncTest("should load correct value and save new entered value", function () {
+        var v1 = '<h1>qq</h1><br>qwerty',
+            v2 = '11<h2>werqwr</h2>4353',
+            e = $('<a href="#" data-pk="1" data-url="post.php">'+v1+'</a>').appendTo(fx).editable({
+            type: 'wysihtml5',
+            success: function(response, newvalue) {
+                // construction: replace(/\s*\n(?!\r)/g, "") required to clear newlines added in ie8
+                equal(newvalue.toLowerCase().replace(/\s*\n(?!\r)/g, ""), v2, 'value in success ok');         
+            } 
+        });
+
+        e.click();
+
+        setTimeout(function() {
+
+            var p = tip(e);
+            ok(p.is(':visible'), 'container visible');
+            ok(p.find('textarea').is(':hidden'), 'textarea hidden');
+            ok(p.find('iframe').length, 'iframe shown');
+            ok(p.find('.wysihtml5-toolbar').length, 'toolbar shown');
+
+            equal(p.find('textarea').val().toLowerCase(), v1.toLowerCase(), 'textrea val correct');
+            
+            var iframe = document.querySelectorAll('.wysihtml5-sandbox'),
+                $c = $(iframe[0]).contents().find('body');
+            
+            equal($c.html().toLowerCase(), v1.toLowerCase(), 'content correct');         
+
+            //set new value, should wait async while it render to iframe
+            $c.html(v2);
+            setTimeout(function() {
+                p.find('form').submit();
+                setTimeout(function() {
+                    ok(!p.is(':visible'), 'popover closed');
+                    equal(e.data('editable').value.toLowerCase().replace(/\s*\n(?!\r)/g, ""), v2, 'new text saved to value');
+                    equal(e.html().toLowerCase().replace(/\s*\n(?!\r)/g, ""), v2.toLowerCase(), 'new text shown'); 
+                    e.remove();    
+                    start();  
+                }, timeout);                       
+            }, 800);
+        }, 800);         
+
+    });
+   
+});