【转】使用selenium测试showModalDialog模态对话框

Selenium目前没有提供对IE模态对话框(即通过showModalDialog方法打开的弹出对话框)的处理。原因在于，模态对话框会将父页面的JS挂起，直至对话框处理完毕才会继续执行父页面JS。因为Selenium的底层实现是基于JS的，所以模态对话框会同时将selenium挂起，selenium无法选中模态对话框，直至超时。

但是很多系统往往有大量的模态对话框应用。这些应用分为两类：一类是选人、选业务类型等操作，这些操作的目的是填充父页面相应的字段，不会触发其他操作；另外一类比较特殊，例如工作流的派发，这类操作在模态对话框选人返回值后还会继续执行一系列的操作（即showModalDialog方法的调用被夹在一堆JS操作中间）。

对于第一种情况，可以在测试代码里建立相应的数据常量，通过直接赋值的方式避免调用showModalDialog方法；对于第二种情况，则只能hack。

在当前的测试用例里，采用以下的hack方法：
典型的模态对话框会在点击一个页面元素后打开（例如button），在第一次点击该页面元素时，我们对showModalDialog方法进行覆盖，改打开模态对话框为window.open打开网页，并将selenium选中该弹出网页：

Java代码

1. public void clickAndSelectModalDialog(String locator){   
2.     clickForModalDialog(locator);   
3.      selenium.selectWindow(“name=modal”);   
4. }   
5.   
6. private void  clickForModalDialog(String locator){   
7.     String overrideShowModalDialogJs=="if(selenium.browserbot.getCurrentWindow().showModalDialog){";   
8.   
9. overrideShowModalDialogJs += "selenium.browserbot.getCurrentWindow().showModalDialog = function( sURL, vArguments, sFeatures)";   
10.   
11. overrideShowModalDialogJs +="selenium.browserbot.getCurrentWindow().open(sURL, 'modal', sFeatures);";   
12.   
13. overrideShowModalDialogJs += "};}";   
14. //showModalDialog方法进行覆盖   
15. selenium.getEval(overrideShowModalDialogJs);   
16. selenium.click(locator);   
17. selenium.openWindow(“”,”modal”);   
18. selenium.waitForPopUp(“modal”,”15000”);   
19.   
20. }  

public void clickAndSelectModalDialog(String locator){
clickForModalDialog(locator);
selenium.selectWindow(“name=modal”);
}
private void  clickForModalDialog(String locator){
String overrideShowModalDialogJs=="if(selenium.browserbot.getCurrentWindow().showModalDialog){";
overrideShowModalDialogJs += "selenium.browserbot.getCurrentWindow().showModalDialog = function( sURL, vArguments, sFeatures)";
overrideShowModalDialogJs +="selenium.browserbot.getCurrentWindow().open(sURL, 'modal', sFeatures);";
overrideShowModalDialogJs += "};}";
//showModalDialog方法进行覆盖
selenium.getEval(overrideShowModalDialogJs);
selenium.click(locator);
selenium.openWindow(“”,”modal”);
selenium.waitForPopUp(“modal”,”15000”);
}

接下来就可以在弹出网页里进行操作，获取需要返回给父页面的值，这些值一般是一个数组。获取值后关闭弹出网页并返回父页面。在父页面里再次点击打开模态对话框的元素，对showModalDialog方法进行第二次覆盖，将上面获取的值直接返回。

Java代码

1. public void  acceptModalValue(String locator,String[] values){   
2.     String overrideShowModalDialogJs=="if(selenium.browserbot.getCurrentWindow().showModalDialog){";   
3.   
4. overrideShowModalDialogJs += "selenium.browserbot.getCurrentWindow().showModalDialog = function( sURL, vArguments, sFeatures)";   
5.   
6. overrideShowModalDialogJs +="{ "+generateModalDialogReturnObject(values)+”return temp”;   
7.   
8. overrideShowModalDialogJs += "};}";   
9. //showModalDialog方法进行覆盖   
10. selenium.getEval(overrideShowModalDialogJs);   
11. selenium.click(locator);   
12. }   
13.   
14. private void  generateModalDialogReturnObject (String[] values){   
15.     StringBuffer returnObject=new StringBuffer();   
16.     returnObject.append(“var temp=new Array();”);   
17.     for(int i=0;i<values.length;i++){   
18.         returnObject.append(“temp[”+i+”]=’”+values[i]+”’;”);   
19.     }   
20.     return returnObject.toString();   
21. }  

public void  acceptModalValue(String locator,String[] values){
String overrideShowModalDialogJs=="if(selenium.browserbot.getCurrentWindow().showModalDialog){";
overrideShowModalDialogJs += "selenium.browserbot.getCurrentWindow().showModalDialog = function( sURL, vArguments, sFeatures)";
overrideShowModalDialogJs +="{ "+generateModalDialogReturnObject(values)+”return temp”;
overrideShowModalDialogJs += "};}";
//showModalDialog方法进行覆盖
selenium.getEval(overrideShowModalDialogJs);
selenium.click(locator);
}
private void  generateModalDialogReturnObject (String[] values){
StringBuffer returnObject=new StringBuffer();
returnObject.append(“var temp=new Array();”);
for(int i=0;i<values.length;i++){
returnObject.append(“temp[”+i+”]=’”+values[i]+”’;”);
}
return returnObject.toString();
}

这样就完成了整个过程。看一个示例，该示例打开一个选部门的模态对话框，从部门树里选择部门，然后返回：

Java代码

1. //点击后弹出部门选择框的图片   
2. String depChooseLocator=”…/img”;   
3. <SPAN style="COLOR: #000000">//点击并选中该弹出网页   
4. clickAndSelectModalDialog(depChooseLocator);</SPAN>   
5. //执行部门树的操作   
6. ….   
7. //获取该对话框要返回给父页面的值   
8. String name=selenium.getEval(“window.seltree.GetAllCheckText();”);   
9. String id=selenium.getEval(“window.seltree.GetAllNodeId();”);   
10. <SPAN style="COLOR: #000000">//关闭部门选择对话框   
11. closeModalDialog();</SPAN>   
12. //返回父页面   
13. Selenium.selectWindow(“name=main95598”);   
14. //组装返回值   
15. String returnValues=new String[2];   
16. returnValues[0]=name;   
17. returnValues[1]=id;   
18. <SPAN style="COLOR: #000000">//父页面获取对话框返回值   
19. acceptModalValue(depChooseLocator, returnValues);</SPAN>  

//点击后弹出部门选择框的图片
String depChooseLocator=”…/img”;
//点击并选中该弹出网页
clickAndSelectModalDialog(depChooseLocator);
//执行部门树的操作
….
//获取该对话框要返回给父页面的值
String name=selenium.getEval(“window.seltree.GetAllCheckText();”);
String id=selenium.getEval(“window.seltree.GetAllNodeId();”);
//关闭部门选择对话框
closeModalDialog();
//返回父页面
Selenium.selectWindow(“name=main95598”);
//组装返回值
String returnValues=new String[2];
returnValues[0]=name;
returnValues[1]=id;
//父页面获取对话框返回值
acceptModalValue(depChooseLocator, returnValues);

可以进一步抽象为模板回调方法，略。