modules/documentCanvas/tests/canvasNode.test.js

   1 define([
   2 'libs/jquery-1.9.1.min',
   3 'libs/chai',
   4 './utils.js',
   5 'modules/documentCanvas/canvasNode'
   6 ], function($, chai, utils, canvasNode) {
   7
   8 'use strict';
   9
  10 var assert = chai.assert;
  11
  12 var assertDomEqual = function(lhs, rhs) {
  13    lhs.attr('id', '');
  14    rhs.attr('id', '');
  15    return assert.ok(lhs[0].isEqualNode(rhs[0]), 'nodes are equal');
  16
  17 };
  18
  19 suite('Create canvas node', function() {
  20     test('from description', function() {
  21         var node = canvasNode.create({
  22             tag: 'header',
  23             klass: 'some-class',
  24             content: 'some text content',
  25             meta: {uri: 'some uri'}
  26         });
  27         assert.equal(node.getTag(), 'header');
  28         assert.equal(node.getClass(), 'some-class');
  29         assert.equal(node.getContent(), 'some text content');
  30         assert.equal(node.getMetaAttr('uri'), 'some uri');
  31         assertDomEqual($('<div wlxml-tag="header" wlxml-class="some-class" wlxml-meta-uri="some uri">some text content</div>'), node.dom);
  32     });
  33
  34     test('from dom object', function() {
  35         var node = canvasNode.create($('<div wlxml-tag="header" wlxml-class="some-class" id="1" wlxml-meta-uri="some uri">'));
  36         assert.equal(node.getTag(), 'header');
  37         assert.equal(node.getClass(), 'some-class');
  38         assert.equal(node.getMetaAttr('uri'), 'some uri');
  39         //assertDomEqual($('<div wlxml-tag="header" wlxml-class="some-class">'), node.dom);
  40     });
  41 });
  42
  43 suite('class information', function() {
  44     test('class of', function() {
  45         var node = canvasNode.create({tag: 'header', klass: 'a-b-c'});
  46         assert.ok(node.isOfClass('a'), 'first level');
  47         assert.ok(node.isOfClass('a-b'), 'second level');
  48         assert.ok(node.isOfClass('a-b-c'), 'third level');
  49         assert.notOk(node.isOfClass('b-c'));
  50
  51         var node2 = canvasNode.create({tag: 'header'});
  52         assert.notOk(node2.isOfClass('b'));
  53
  54     });
  55
  56 });
  57
  58 suite('comparing nodes', function() {
  59     test('isSame', function() {
  60         var html = '<div wlxml-class="some-class" wlxml-tag="some-tag">';
  61         var dom1 = $(html);
  62         var dom2 = $(html);
  63         assert.ok(canvasNode.create(dom1).isSame(canvasNode.create(dom1)));
  64         assert.notOk(canvasNode.create(dom1).isSame(canvasNode.create(dom2)));
  65     });
  66 });
  67
  68 suite('meta attributes', function() {
  69     test('get list of node\'s meta attributes', function() {
  70         var node = canvasNode.create({tag: 'tag', klass: 'klass', meta: {a:1, b:2}});
  71         var attrs = node.getMetaAttrs();
  72         var expected = [{name: 'a', value: '1'}, {name:'b', value: '2'}];
  73
  74         assert.deepEqual(attrs.sort(), expected.sort());
  75     });
  76
  77     test('set meta attribute', function() {
  78         var node = canvasNode.create({tag: 'tag', meta: {a:'1'}});
  79         node.setMetaAttr('a', '2');
  80         assert.equal(node.dom.attr('wlxml-meta-a'), '2');
  81     });
  82 });
  83
  84 suite('modifing node', function() {
  85     test('changing class removes meta attributes', function() {
  86         var node = canvasNode.create({tag: 'span', klass: 'uri', meta: {uri: 'http://some.uri.com'}});
  87
  88         assert.equal(node.getMetaAttr('uri'), 'http://some.uri.com');
  89
  90         node.setClass('author');
  91
  92         assert.equal(node.getMetaAttr('uri'), undefined);
  93     })
  94 })
  95
  96 });