Implement tests for serialization

ensure that complex DOM elements can serialize and deserialize without modifications RTWYSIWYG-54 > implement tests for components of the WYSIWYG editor
2016-04-12 14:12:44 +02:00
parent 6b9d982d40
commit a07774e81a
4 changed files with 599 additions and 0 deletions
--- a/www/assert/main.js
+++ b/www/assert/main.js
@@ -0,0 +1,50 @@
+define([
+    '/bower_components/jquery/dist/jquery.min.js',
+    '/assert/hyperjson.js', // serializing classes as an attribute
+    '/assert/hyperscript.js', // using setAttribute
+    '/common/TextPatcher.js'
+], function (jQuery, Hyperjson, Hyperscript, TextPatcher) {
+    var $ = window.jQuery;
+    window.Hyperjson = Hyperjson;
+    window.Hyperscript = Hyperscript;
+    window.TextPatcher = TextPatcher;
+
+    var assertions = 0;
+
+    var assert = function (test, msg) {
+        if (test()) {
+            assertions++;
+        } else {
+            throw new Error(msg || '');
+        }
+    };
+
+    var $body = $('body');
+
+    var roundTrip = function (target) {
+        assert(function () {
+            var hjson = Hyperjson.fromDOM(target);
+            var cloned = Hyperjson.callOn(hjson, Hyperscript);
+
+            var success = cloned.outerHTML === target.outerHTML;
+
+            if (!success) {
+                window.DEBUG = {
+                    error: "Expected equality between A and B",
+                    A: target.outerHTML,
+                    B: cloned.outerHTML,
+                    target: target,
+                    diff: TextPatcher.diff(target.outerHTML, cloned.outerHTML)
+                };
+                console.log(JSON.stringify(window.DEBUG, null, 2));
+            }
+
+            return success;
+        }, "Round trip serialization introduced artifacts.");
+    };
+
+    roundTrip($('#target')[0]);
+    roundTrip($('#widget')[0]);
+
+    console.log("%s test%s passed", assertions, assertions === 1? '':'s');
+});