autotypesetbutton.js 2.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. /**
  2. * Created by JetBrains PhpStorm.
  3. * User: dongyancen
  4. * Date: 12-4-12
  5. * Time: 下午4:44
  6. * To change this template use File | Settings | File Templates.
  7. */
  8. module( 'ui.autotypeset' );
  9. test( 'AutoTypeSetButton/AutoTypeSetPicker', function() {
  10. //打开一个自动排版的对话框
  11. var editor = new baidu.editor.ui.Editor();
  12. editor.render("editor");
  13. editor.ready(function(){
  14. var autotypesetButton = new te.obj[0].AutoTypeSetButton({editor:editor});
  15. te.dom[0].innerHTML = autotypesetButton.renderHtml();
  16. autotypesetButton.postRender();
  17. autotypesetButton.showPopup();
  18. equal(autotypesetButton.popup._hidden,false,'窗口显示');
  19. // 检查每个input的选中情况是否和editor.options里设置的一样
  20. var AutoPickerBodyInput = document.getElementsByClassName("edui-autotypesetpicker-body")[0].getElementsByTagName('input');
  21. for(var i=0;i<AutoPickerBodyInput.length;i++){
  22. var inputName = AutoPickerBodyInput[i].name;
  23. if(inputName=="textAlign"||inputName=="imageBlockLine"){
  24. equal(AutoPickerBodyInput[i].checked,editor.options.autotypeset[inputName]!= null,inputName+":"+editor.options.autotypeset[inputName]);
  25. }
  26. else if(/textAlignValue\d/.test(inputName)||/imageBlockLineValue\d/.test(inputName)){
  27. equal(AutoPickerBodyInput[i].checked,editor.options.autotypeset[inputName.replace(new RegExp('Value\\d',"g"),'')]==AutoPickerBodyInput[i].value,inputName+":"+editor.options.autotypeset[inputName]);
  28. }
  29. else{
  30. if(inputName=='bdc')continue;
  31. equal(AutoPickerBodyInput[i].checked,editor.options.autotypeset[inputName],inputName+":"+editor.options.autotypeset[inputName]);
  32. }
  33. }
  34. //更改两个input 的选择
  35. var flagChecked = document.getElementsByClassName("edui-autotypesetpicker-body")[0].getElementsByTagName("input")[0].checked ;
  36. document.getElementsByClassName("edui-autotypesetpicker-body")[0].getElementsByTagName("input")[0].checked = !flagChecked;
  37. document.getElementById("imageBlockLineValue"+editor.uid).childNodes[2].checked = true;
  38. // //关闭对话框再重新打开,检查更改的input内容是否仍然有效
  39. autotypesetButton.popup.hide();
  40. equal(autotypesetButton.popup._hidden,true ,'窗口关闭');
  41. autotypesetButton.showPopup();
  42. equal(document.getElementsByClassName("edui-autotypesetpicker-body")[0].getElementsByTagName("input")[0].checked,!flagChecked,'检查更改的input内容');
  43. equal(document.getElementById("imageBlockLineValue"+editor.uid).childNodes[2].checked,true,'检查更改的input内容');
  44. equal(document.getElementById("imageBlockLineValue"+editor.uid).childNodes[1].checked,null,'检查更改的input内容');
  45. autotypesetButton.popup.hide();
  46. start();
  47. });
  48. stop();
  49. } );