201912G06/_test/ui/colorbutton.js

/**
 * Created by JetBrains PhpStorm.
 * User: dongyancen
 * Date: 12-4-12
 * Time: 下午4:47
 * To change this template use File | Settings | File Templates.
 */
module( 'ui.colorbutton' );
test( 'colorpicker的功能', function () {
    var testButton = document.body.appendChild( document.createElement( 'div' ) );
    var editor = new te.obj[0].Editor();
    editor.render("editor");
    editor.ready(function(){
        var colorButton = new te.obj[0].ColorButton({editor:editor});
        testButton.innerHTML = colorButton.renderHtml();
        colorButton.postRender();
        //_onTableClick
        colorButton.showPopup();
        var pick = document.getElementById(colorButton.popup.content.id).getElementsByTagName( 'table' )[0].firstChild.childNodes[2].childNodes[1].firstChild;
        equal( document.getElementById(colorButton.id+'_colorlump').style.backgroundColor, '', 'edui-colorlump 默认颜色' );
        ua.click( pick );
        var bgcolor = $('#'+colorButton.id+'_colorlump').css( 'backgroundColor' );
        ok( bgcolor == 'rgb(127,127,127)' || bgcolor == '#7f7f7f'||bgcolor== 'rgb(127, 127, 127)' , '检查_onTableClick选择的颜色edui-colorlump' );
        equal( $('#'+colorButton.id+'_colorlump').length, 1, '检查edui-colorlump个数' );
        equal( colorButton.popup._hidden, true, '点击按钮后，关闭窗口' );
//_onTableOver&_onTableClick
        pick = document.getElementById(colorButton.popup.content.id).getElementsByTagName( 'table' )[0].firstChild.childNodes[2].childNodes[2].firstChild;
        equal( document.getElementById(colorButton.popup.content.id+'_preview').style.backgroundColor, '', 'edui-colorpicker-preview 默认颜色' );
        ua.mouseover( pick );
//colorButton.popup.content.id
        bgcolor = $( '#'+colorButton.popup.content.id+'_preview' ).css( 'backgroundColor' );
        ok( bgcolor == 'rgb(221, 217, 195)' || bgcolor == '#ddd9c3'||bgcolor=='rgb(221,217,195)', '检查_onTableClick选择的颜色edui-colorlump' );
        equal($('#'+colorButton.popup.content.id+'_preview' ).length, 1, '检查edui-colorlump个数' );
        equal( colorButton.popup._hidden, true, '点击按钮后，关闭窗口' );
        ua.click( pick );
        bgcolor = $('#'+colorButton.id+'_colorlump').css( 'backgroundColor' );
        ok( bgcolor == 'rgb(221, 217, 195)' || bgcolor == '#ddd9c3'||bgcolor == 'rgb(221,217,195)' , '再次选择颜色' );
        ua.mouseout( pick );
        equal( document.getElementById(colorButton.popup.content.id+'_preview').style.backgroundColor, '', '鼠标移开，edui-colorpicker-preview 恢复默认颜色' );
        //_onPickNoColor
        colorButton.showPopup();
        pick = document.getElementsByClassName( 'edui-colorpicker-nocolor' )[0];
        ua.click( pick );
        equal( colorButton.popup._hidden, true, '点击PickNoColor按钮后，关闭窗口' );
//        editor.destroy();
        var ed = document.getElementById('editor');
        ed.parentNode.removeChild(ed);
        start();
    });
    stop();
} );

test( 'colorbutton', function () {
        //检查colorButton的属性
    var editor = new baidu.editor.ui.Editor();
    stop();
    setTimeout(function(){
        var colorButton = new te.obj[0].ColorButton({editor:editor});
        equal( colorButton.popup.content.noColorText, editor.getLang("clearColor"), '检查colorButton的文本 ' );
        start();
    },50);
} );

test( 'colorpicker', function () {
        //检查colorPicker的属性
    var editor = new baidu.editor.ui.Editor();
    stop();
    setTimeout(function(){
        var colorPicker = new te.obj[0].ColorPicker({editor:editor});
        equal( colorPicker.noColorText, editor.getLang("clearColor"));
        //检查colorPicker生成的html代码的内容
        colorPicker.render(te.dom[0]);
        var testPicker = te.dom[0];
        equal( testPicker.getElementsByTagName( 'table' )[0].className, 'edui-box edui-'+editor.options.theme,'' );
        start();
    },50);
} );