crm/public/static/ueditor/_test/plugins/undo.js

module("plugins.undo");

//test('', function () {
//    stop()
//});
/*trace 856*/
test('trace 856 输入文本后撤销按钮不亮', function () {
    var editor = te.obj[0];
    var range = te.obj[1];
    editor.setContent('<p></p>');
    range.setStart(editor.body.firstChild, 0).collapse(true).select();
    ua.keydown(editor.body);
    range.insertNode(editor.document.createTextNode('hello'));
    ua.keydown(editor.body);
    setTimeout(function () {
        equal(editor.queryCommandState('undo'), 0, '模拟输入文本后撤销按钮应当高亮');
        start();
    }, 500);
    stop();
});

/*trace 583,1726*/
test('trace 583,1726 插入表格、表情,撤销', function () {
    var editor = te.obj[0];
    var range = te.obj[1];
    editor.setContent('<p></p>');
    range.setStart(editor.body.firstChild, 0).collapse(true).select();
    editor.execCommand('inserttable', {numCols: 2, numRows: 2});
    editor.execCommand('insertimage', {src: 'http://img.baidu.com/hi/jx2/j_0001.gif', width: 50, height: 50});
    editor.execCommand('undo');
    editor.execCommand('undo');
    editor.execCommand('undo');//需要3次undo，已经和RD确认过，暂时不改
    ua.manualDeleteFillData(editor.body);
    equal(editor.getContent().toLowerCase(), '', '插入表格、表情,撤销');
});

/*trace 595*/
test('trace 595 撤销合并单元格后再合并单元格', function () {
    var editor = te.obj[0];
    var range = te.obj[1];
    editor.setContent('<p></p>');
    range.setStart(editor.body.firstChild, 0).collapse(true).select();
    editor.execCommand('inserttable', {numCols: 3, numRows: 3});
    var tds = editor.body.firstChild.getElementsByTagName('td');
    for (var i = 0; i < 5; i++) {
        tds[i].innerHTML = 'hello';
    }
    //合并单元格
    setTimeout(function () {
        var trs = editor.body.firstChild.getElementsByTagName('tr');
        var ut = editor.getUETable(editor.body.firstChild);
        var cellsRange = ut.getCellsRange(trs[0].cells[0], trs[1].cells[1]);
        ut.setSelected(cellsRange);
        range.setStart(trs[0].cells[0], 0).collapse(true).select();

        editor.execCommand('mergecells');
        ua.manualDeleteFillData(editor.body);
        var tds = editor.body.getElementsByTagName('td');
        equal(tds.length, 6, '单元格数');
        equal(trs[0].cells[0].colSpan, 2, '合并--[0][0]单元格colspan');
        equal(trs[0].cells[0].rowSpan, 2, '合并--[0][0]单元格rowspan');
        equal(trs[0].cells[0].innerHTML.toLowerCase(), 'hello<br>hello<br>hello<br>hello', '内容复制正确');

        //撤销合并单元格的操作
        editor.execCommand('undo');
        ua.manualDeleteFillData(editor.body);
        ok(tds[0].colSpan == 1 && tds[0].rowSpan == 1 && tds.length == 9, '撤销后，单元格回复成多个');
        ok(tds[0].innerHTML.toLowerCase() == 'hello' && tds[1].innerHTML.toLowerCase() == 'hello' && tds[3].innerHTML.toLowerCase() == 'hello' && tds[4].innerHTML.toLowerCase() == 'hello', '内容复制正确');

        //再次合并单元格
        setTimeout(function () {
            var trs = editor.body.firstChild.getElementsByTagName('tr');
            var ut = editor.getUETable(editor.body.firstChild);
            var cellsRange = ut.getCellsRange(trs[0].cells[0], trs[1].cells[1]);
            ut.setSelected(cellsRange);
            range.setStart(trs[0].cells[0], 0).collapse(true).select();
            editor.execCommand('mergecells');
            ua.manualDeleteFillData(editor.body);
            tds = editor.body.firstChild.getElementsByTagName('td');
            ok(tds[0].colSpan == 2 && tds[0].rowSpan == 2 && tds.length == 6, '再次合并，多个单元格合并成一个');
            equal(tds[0].innerHTML.toLowerCase(), 'hello<br>hello<br>hello<br>hello', '内容复制正确');
            start();
        }, 50);
    }, 50);
    stop();
});

/*trace 599*/
test('trace 599 插入表格、表情、超链接、表情,撤销2次', function () {
    var editor = te.obj[0];
    var range = te.obj[1];
    editor.setContent('<p></p>');
    range.setStart(editor.body, 0).collapse(true).select();
    editor.execCommand('inserttable', {numCols: 2, numRows: 2});        //插入表格
    range.setStart(editor.body.lastChild, 0).collapse(true).select();
    editor.execCommand('insertimage', {src: 'http://img.baidu.com/hi/jx2/j_0001.gif', width: 50, height: 50});    //插入表情
    range.setStartAfter(editor.body.lastChild).collapse(true).select();
    editor.execCommand('link', {href: 'http://www.baidu.com/'});       //插入超链接
    range.setStartAfter(editor.body.lastChild).collapse(true).select();
    editor.execCommand('insertimage', {src: 'http://img.baidu.com/hi/jx2/j_0001.gif', width: 50, height: 50});   //插入表情

    editor.execCommand('Undo');
    editor.execCommand('Undo');
    ua.manualDeleteFillData(editor.body);
    equal(editor.body.childNodes.length, 2, '撤销2次后只剩表格、表情');
    var tag = editor.body.childNodes[0].firstChild.tagName.toLowerCase();
    ok(tag == 'table' || tag == 'tbody', '表格');
    equal(editor.body.childNodes[1].firstChild.tagName.toLowerCase(), 'img', '表情');
});

/*trace 617*/
test('trace 617 插入文本、分割线、文本,撤销2次，撤销掉分割线', function () {
    var editor = te.obj[0];
    var range = te.obj[1];

    editor.setContent('<p></p>');

    //输入文本
    range.setStart(editor.body.firstChild, 0).collapse(true).select();
    ua.keydown(editor.body);
    range.insertNode(editor.document.createTextNode('hello'));
    if (!ua.browser.ie)
        ua.compositionstart(editor.body);
    ua.keyup(editor.body);
    //输入分割符
    range.setStartAfter(editor.body.lastChild).collapse(true).select();
    editor.execCommand('Horizontal');
    //输入文本
    range.setStartAfter(editor.body.lastChild).collapse(true).select();
    ua.keydown(editor.body);
    range.insertNode(editor.document.createTextNode('hello'));
    if (!ua.browser.ie)
        ua.compositionend(editor.body);
    ua.keyup(editor.body);

    editor.execCommand('Undo');
    editor.execCommand('Undo');
    equal(editor.body.getElementsByTagName('hr').length, 0, '分割线已删除');

});

/*trace 632*/
test('trace 632 合并单元格后撤销再合并单元格不会丢字', function () {
    var editor = te.obj[0];
    var range = te.obj[1];
    editor.setContent('<p></p>');
    range.setStart(editor.body.firstChild, 0).collapse(true).select();
    editor.execCommand('inserttable', {numCols: 4, numRows: 4});
    var tds = editor.body.firstChild.getElementsByTagName('td');
    for (var i = 0; i < 6; i++) {
        tds[i].innerHTML = 'hello';
    }
    //合并单元格
    setTimeout(function () {
        var trs = editor.body.firstChild.getElementsByTagName('tr');
        var ut = editor.getUETable(editor.body.firstChild);
        var cellsRange = ut.getCellsRange(trs[0].cells[0], trs[1].cells[1]);
        ut.setSelected(cellsRange);
        range.setStart(trs[0].cells[0], 0).collapse(true).select();
        editor.execCommand('mergecells');
        ua.manualDeleteFillData(editor.body);
        tds = editor.body.firstChild.getElementsByTagName('td');
        equal(tds[0].innerHTML.toLowerCase(), 'hello<br>hello<br>hello<br>hello', '合并单元格,内容复制正确');

        //撤销合并单元格的操作,再次合并单元格
        editor.execCommand('Undo');
        setTimeout(function () {
            var trs = editor.body.firstChild.getElementsByTagName('tr');
            var ut = editor.getUETable(editor.body.firstChild);
            var cellsRange = ut.getCellsRange(trs[0].cells[0], trs[1].cells[1]);
            ut.setSelected(cellsRange);
            range.setStart(trs[0].cells[0], 0).collapse(true).select();
            editor.execCommand('mergecells');
            ua.manualDeleteFillData(editor.body);
            tds = editor.body.firstChild.getElementsByTagName('td');
            equal(tds[0].innerHTML.toLowerCase(), 'hello<br>hello<br>hello<br>hello', '撤销后再次合并单元格,内容复制正确');
            start();
        }, 50);
    }, 50);
    stop();
});

/*trace 675  这个trace用例中的操作已经设为非法*/
/*trace 685*/
test('trace 685 合并单元格后,删除行,再撤销,再删除行', function () {
    var editor = te.obj[0];
    var range = te.obj[1];
    editor.setContent('<p></p>');
    range.setStart(editor.body.firstChild, 0).collapse(true).select();
    editor.execCommand('inserttable', {numCols: 4, numRows: 4});

    //选择第一行的4格单元格，合并
    setTimeout(function () {
        var trs = editor.body.firstChild.getElementsByTagName('tr');
        var ut = editor.getUETable(editor.body.firstChild);
        var cellsRange = ut.getCellsRange(trs[0].cells[0], trs[0].cells[3]);
        ut.setSelected(cellsRange);
        range.setStart(trs[0].cells[0], 0).collapse(true).select();
        var tds = editor.body.getElementsByTagName('td');
        editor.execCommand('mergecells');
        ok(tds[0].colSpan == 4 && tds[0].rowSpan == 1, '第一行的4个单元格合并成一个');

        //选择第2，3，4行的第1个单元格，合并
        setTimeout(function () {
            var trs = editor.body.firstChild.getElementsByTagName('tr');
            var ut = editor.getUETable(editor.body.firstChild);
            var cellsRange = ut.getCellsRange(trs[1].cells[0], trs[3].cells[0]);
            ut.setSelected(cellsRange);
            range.setStart(trs[0].cells[0], 0).collapse(true).select();
            var tds = editor.body.getElementsByTagName('td');
            editor.execCommand('mergecells');
            ok(tds[1].colSpan == 1 && tds[1].rowSpan == 3, '第2，3，4行的第一个单元格合并成一个');

            //单击第二步合并的单元格，点击删除行
            range.setStart(tds[4], 0).collapse(true).select();
            editor.execCommand('deleterow');
            equal(editor.body.firstChild.getElementsByTagName('tr').length, 3, '点击删除行，表格剩三行');
            //撤销
            editor.execCommand('undo');
            equal(editor.body.firstChild.getElementsByTagName('tr').length, 4, '撤销后，表格恢复成4行');
            //再次点击删除行
            range.setStart(tds[4], 0).collapse(true).select();
            editor.execCommand('deleterow');
            equal(editor.body.firstChild.getElementsByTagName('tr').length, 3, '撤销后，再点击删除行，表格剩三行');
            start();
        }, 50);
    }, 50);
    stop();
});

/*trace 711 这个要中文输入法再模拟键盘输入，貌似不能写？？？*/
/*trace 718*/
test('trace 718 合并单元格后,删除列,再撤销,再删除列', function () {
    var editor = te.obj[0];
    var range = te.obj[1];
    editor.setContent('<p></p>');
    range.setStart(editor.body.firstChild, 0).collapse(true).select();
    editor.execCommand('inserttable', {numCols: 4, numRows: 4});

    //选择中间的4格单元格，合并
    setTimeout(function () {
        var trs = editor.body.firstChild.getElementsByTagName('tr');
        var ut = editor.getUETable(editor.body.firstChild);
        var cellsRange = ut.getCellsRange(trs[1].cells[1], trs[2].cells[2]);
        ut.setSelected(cellsRange);
        range.setStart(trs[1].cells[1], 0).collapse(true).select();
        var tds = editor.body.firstChild.getElementsByTagName('td');
        editor.execCommand('mergecells');
        ok(tds[5].colSpan == 2 && tds[5].rowSpan == 2, '对一个4*4的表格，选择中间的4格单元格，合并成一个');
        //光标定位在合并后的大单元格中，点击删除列按钮
        range.setStart(tds[5], 0).collapse(true).select();
        editor.execCommand('deletecol');
        equal(editor.body.firstChild.getElementsByTagName('tr')[0].childNodes.length, 3, '点击删除列，表格剩三列');
        //撤销
        editor.execCommand('undo');
        equal(editor.body.firstChild.getElementsByTagName('tr')[0].childNodes.length, 4, '撤销后，表格剩四列');
        //再次点击删除列按钮
        //TODO 1.2.6
        if (!ua.browser.gecko && !ua.browser.ie) {
            range.setStart(tds[5], 0).collapse(true).select();
            editor.execCommand('deletecol');
            equal(editor.body.firstChild.getElementsByTagName('tr')[0].childNodes.length, 3, '再次点击删除列，表格剩三列');
        }
        equal(editor.body.firstChild.getElementsByTagName('tr').length, 4, '表格依然有4行');
        start();
    }, 50);
    stop();
});

/*trace 722 需要中文输入法*/
/*trace 743*/
test('trace 743 合并单元格后,删除列,再撤销', function () {
    var editor = te.obj[0];
    var range = te.obj[1];
    editor.setContent('<p></p>');
    range.setStart(editor.body.firstChild, 0).collapse(true).select();
    editor.execCommand('inserttable', {numCols: 4, numRows: 4});

    //第一行的4格单元格，合并
    setTimeout(function () {
        var trs = editor.body.firstChild.getElementsByTagName('tr');
        var ut = editor.getUETable(editor.body.firstChild);
        var cellsRange = ut.getCellsRange(trs[0].cells[0], trs[0].cells[3]);
        ut.setSelected(cellsRange);
        range.setStart(trs[0].cells[0], 0).collapse(true).select();
        editor.execCommand('mergecells');
        var tds = editor.body.firstChild.getElementsByTagName('td');
        ok(tds[0].colSpan == 4 && tds[0].rowSpan == 1 && tds.length == 13, '对一个4*4的表格，选择第一行的4格单元格，合并成一个');
        //点击删除列按钮
        editor.execCommand('deletecol');
        equal(editor.body.firstChild.getElementsByTagName('tr')[1].childNodes.length, 3, '点击删除列，表格剩3列');
        //撤销
        editor.execCommand('undo');
        equal(editor.body.firstChild.getElementsByTagName('tr')[1].childNodes.length, 4, '撤销后，表格恢复成4列');
        equal(editor.body.firstChild.getElementsByTagName('tr').length, 4, '表格依然有4行');
        start();
    }, 50);
    stop();
});

/*trace 808 需要观察光标延迟，这个问题已经被标为不修*/
/*trace 855 这个用例描述有问题，而且可以跟trace 584合成一个*/
/*trace 873*/
//test( 'trace 873 光标不在编辑器中时替换一个文本后按撤销', function () {
//    if(ua.browser.opera)
//        return;
//    var editor = te.obj[0];
//    editor.setContent('欢迎使用ueditor');
//    editor.execCommand( 'searchreplace', {searchStr:'欢迎', replaceStr:'welcom'} );
//    ua.manualDeleteFillData(editor.body);
//    equal( editor.body.firstChild.innerHTML, 'welcom使用ueditor', '查找替换' );
//    editor.execCommand( 'Undo' );
//    ua.manualDeleteFillData( editor.body );
//    equal( editor.body.firstChild.innerHTML, '欢迎使用ueditor', '撤销' );
//} );

/*trace 942*/
test('trace 942 用格式刷后撤销', function () {
    var editor = te.obj[0];
    var range = te.obj[1];
    var flag = true;
    stop();
    expect(1);
    editor.setContent('<p><strong>hello</strong></p><p><a href="http://www.baidu.com/">hello</a></p>');

    range.setStart(editor.body.firstChild.firstChild.firstChild, 2).setEnd(editor.body.firstChild.firstChild.firstChild, 4).select();
    editor.addListener('mouseup', function () {
        ua.manualDeleteFillData(editor.body);
        //从浏览器复制了不可见的空文本
        equal(editor.body.lastChild.firstChild.innerHTML.toLowerCase(), 'h<strong></strong>ello');

    });
    editor.execCommand('formatmatch');
    range.setStart(editor.body.lastChild.firstChild.firstChild, 1).collapse(true).select();
    ua.mouseup(editor.body);
    setTimeout(function () {
        start();
    }, 100);
});

test('undo--redo', function () {
    var editor = te.obj[0];
    var range = te.obj[1];
    editor.setContent('<p></p>');
    editor.focus();
    editor.execCommand('anchor', 'hello');
    editor.undoManger.undo();
    var spase = ua.browser.ie ? '&nbsp;' : '<br>';
    equal(ua.getChildHTML(editor.body), '<p>' + spase + '</p>', '');
    editor.undoManger.redo();
    ua.manualDeleteFillData(editor.body);
//    var cs=editor.body.firstChild.firstChild.getAttribute('class');
//    var an=editor.body.firstChild.firstChild.getAttribute('anchorname');
//    equal(cs,'anchorclass','锚点class');
//    equal(an,'hello','锚点name');
//    var br = (ua.browser.ie) ? '' : '<br>';
    if (ua.browser.ie)
        equal(ua.getChildHTML(editor.body), '<p><img class=\"anchorclass\" anchorname=\"hello\">' + spase + '</p>', '');
    else
        equal(ua.getChildHTML(editor.body), '<p><img anchorname=\"hello\" class=\"anchorclass\">' + spase + '</p>', '');
});
test('reset,index', function () {
    var editor = te.obj[0];
    editor.setContent('<p></p>');
    editor.focus();
    editor.execCommand('anchor', 'hello');
    var listLength = editor.undoManger.list.length;
    ok(listLength > 0, '检查undoManger.list');
    equal(editor.undoManger.index, 1, '检查undoManger.index');
    editor.undoManger.undo();
    equal(editor.undoManger.list.length, listLength, 'undo操作,undoManger.list不变');
    equal(editor.undoManger.index, 0, 'undo操作,undoManger.index-1');
    var spase = ua.browser.ie ? '&nbsp;' : '<br>';
    equal(ua.getChildHTML(editor.body), '<p>' + spase + '</p>', '检查内容');
    editor.reset();
    equal(editor.undoManger.list.length, 0, 'reset,undoManger.list清空');
    equal(editor.undoManger.index, 0, 'reset,undoManger.index清空');
    editor.undoManger.redo();
    ua.manualDeleteFillData(editor.body);
    var spase = ua.browser.ie ? '&nbsp;' : '<br>';
    equal(ua.getChildHTML(editor.body), '<p>' + spase + '</p>', '检查内容');

});
/*trace 1068  格式刷图片*/
test('trace 1068 默认样式的图片刷左浮动图片，撤销，左浮动图片刷默认样式的图片', function () {
    var editor = te.obj[0];
    var range = te.obj[1];

    var num = 0;

    var body = editor.body;
    editor.setContent('<p><br></p>');
    range.setStart(body.firstChild, 0).collapse(1).select();
    editor.execCommand('insertimage', {src: 'http://img.baidu.com/hi/jx2/j_0001.gif', width: 50, height: 51});
    range.selectNode(editor.body.getElementsByTagName('img')[0]).select();
    editor.execCommand('imagefloat', 'none');
    range.setStart(body.firstChild, 0).collapse(1).select();
    editor.execCommand('insertimage', {src: 'http://img.baidu.com/hi/jx2/j_0002.gif', width: 50, height: 51});
    range.selectNode(editor.body.getElementsByTagName('img')[0]).select();
    editor.execCommand('imagefloat', 'left');
    // equal(ua.getFloatStyle(body.getElementsByTagName( 'img' )[0]), "left", '左浮动' );
    //  equal(ua.getFloatStyle(body.getElementsByTagName( 'img' )[1]), "none", '默认' );
    range.selectNode(body.getElementsByTagName('img')[1]).select();
    editor.addListener('mouseup', function () {
        equal(editor.queryCommandState('formatmatch'), 0, '刷后状态为0');
        if (num == 1) {
            equal(ua.getFloatStyle(body.getElementsByTagName('img')[0]), "none", '默认刷左浮动');
            editor.execCommand('Undo');
            equal(ua.getFloatStyle(body.getElementsByTagName('img')[0]), "left", '撤销后，左浮动还原');
            range.selectNode(body.getElementsByTagName('img')[0]).select();
            editor.execCommand('formatmatch');
            range.selectNode(body.getElementsByTagName('img')[1]).select();
            num = 2;
            ua.mouseup(editor.body);
        }
        else if (num == 2) {
            if (!ua.browser.opera) {
                equal(ua.getFloatStyle(body.getElementsByTagName('img')[1]), 'left', '左浮动刷默认');
            }
            setTimeout(function () {
                start();
            }, 100);
        }
    });
    editor.execCommand('formatmatch');
    range.selectNode(body.getElementsByTagName('img')[0]).select();
    num = 1;
    ua.mouseup(body.getElementsByTagName('img')[0]);
    stop();
});

//test(
//		'undo',
//		function() {
//			var editor = new baidu.editor.Editor({
//				enterkey : 'br',
//				initialContent : 'test'
//			});
//			editor.render(te.dom[0]);
//			var domUtils = baidu.editor.dom.domUtils, dtd = baidu.editor.dom.dtd, range = new baidu.editor.dom.Range(
//					editor.document);
//			editor.setContent('<b>xxxx</b><p>xxxx</p>');
//			range.selectNodeContents(editor.document.body).select();
//			editor.execCommand('bold');
//			editor.execCommand('Undo');
//			equals(getHTML(editor.document.body), '<b>xxxx</b><p>xxxx</p>');
//			editor.execCommand('redo');
//			equals(getHTML(editor.document.body), 'xxxx<p>xxxx</p>');
//			ok(!editor.hasRedo);
//
//			editor.execCommand('Undo');
//			editor.execCommand('Undo');
//			equals(getHTML(editor.document.body), 'test');
//		});

test('ctrl+z/y', function () {
    var editor = te.obj[0];
    var range = te.obj[1];

    var body = editor.body;
    editor.setContent('<p>没有加粗的文本</p>');
    range.selectNode(body.firstChild).select();
    var p = body.firstChild;
    setTimeout(function () {
        ua.keydown(editor.body, {'keyCode': 66, 'ctrlKey': true});
        setTimeout(function () {
            equal(ua.getChildHTML(p), '<strong>没有加粗的文本</strong>');
            ua.keydown(editor.body, {'keyCode': 90, 'ctrlKey': true});
            setTimeout(function () {
                editor.focus();
                equal(ua.getChildHTML(body.firstChild), '没有加粗的文本');
                ua.keydown(editor.body, {'keyCode': 89, 'ctrlKey': true});
                editor.focus();
                setTimeout(function () {
                    equal(ua.getChildHTML(body.firstChild), '<strong>没有加粗的文本</strong>');
                    start();
                }, 100);
            }, 100);
        }, 150);
    }, 100);
    stop();
});

/*trace 3209  格式刷图片*/
test('trace 3209 插入表格,undo redo', function () {
    var editor = te.obj[0];
    var range = te.obj[1];
    editor.setContent('<p></p>');
    range.setStart(editor.body.firstChild, 0).collapse(true).select();
    editor.execCommand('inserttable');
    editor.execCommand('undo');
    equal(editor.getContent().toLowerCase(), '', '插入表格,撤销');
    editor.execCommand('redo');
    ua.manualDeleteFillData(editor.body);
    equal(editor.body.firstChild.tagName.toLowerCase(), 'table', '插入表格,撤销重做');
});