Question

对于角度JS应用程序中基于Web的对话框弹出窗口，它有2个单选按钮，其xpath如下： - 1. html/body/div[4]/div/div/div/div/div/div/div[2]/div/div/div/div/wizardviews/div[2]/div[1]/label/input 2. html/body/div[4]/div/div/div/div/div/div/div[2]/div/div/div/div/wizardviews/div[2]/div[2]/label/input1

代码可以打开弹出窗口但无法单击单选按钮，因为单击会启用同一对话框中的“下一步”按钮。

以下是HTML代码以获得更多说明： -

<html class="js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage no-websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients no-cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths ng-scope" ng-app="AtlasEMPI" style="">
<head>
<body class="ng-scope modal-open" ng-controller="AtlasEMPICtrl">
<div class="container body-content divEMPIContainer">
<span class="select2-hidden-accessible" role="status" aria-live="polite"></span>
<span class="select2-hidden-accessible" role="status" aria-live="polite"></span>
<div class="row">
<div class="modal-backdrop fade in" ng-style="{'z-index': 1040 + (index && 1 || 0) + index*10}" ng-class="{in: animate}" modal-backdrop="" style="z-index: 1040;"></div>
<div class="modal fade ng-isolate-scope dialogClass in" ng-click="close($event)" ng-style="{'z-index': 1050 + index*10, display: 'block'}" ng-class="{in: animate}" role="dialog" tabindex="-1" modal-window="" window-class="dialogClass" size="lg" index="0" animate="animate" style="z-index: 1050; display: block;">
<div class="modal-dialog modal-lg" ng-class="{'modal-sm': size == 'sm', 'modal-lg': size == 'lg'}" style="">
<div class="modal-content" ng-transclude="">
<div class="ng-scope ng-isolate-scope" empiwizarddialog="" wizardoptions="empiwizardOption">
<div class="row">
<div class="empimodal-content" ng-class="(empiwizardOption.calledsource == 'usermgmt')?'empimodal-user':''">
<span class="adcfonticon-cancelcircle close-btn" ng-click="empiwizardOption.cancel(step)"></span>
<div class="empipanel" ng-class="(empiwizardOption.header ==false)?'empipanelnoborder' : 'empipanel'">
<div class="adcmodal-header" ng-show="empiwizardOption.header">
<div class="row">
<div class="col-sm-12">
<div style="padding-top:15px">
<div class="slide-frame ng-scope" ng-switch="getCurrentStep()">
<div class="ng-scope" ng-switch-when="confirmReject">
<wizardviews viewname="confirmReject">
<div class="row">
<hr class="empihorizontalruler empihorizontalrulertop">
<div class="row input-group createnewMPIDdidlaog">
<div class="col-sm-6">
<label class="lblradiorejectdialog">
<input class="rdoreject ng-pristine ng-valid" type="radio" value="createnewMPID" ng-model="radioreject" style="" name="1NM">

Answer 1

如前所述，弹出式对话框中单选按钮的xpath为＆＃34; html / body / div [4] / div / div / div / div / div / div / div [2] / div / DIV / DIV / DIV / wizardviews / DIV [2] / DIV [1] /标签/输入＆＃34;但代码无法找到该元素。 HTML代码是： - ＆＃34;输入类型=＆＃34;无线电＆＃34;值=＆＃34; createnewMPID＆＃34; NG-模型=＆＃34; radioreject＆＃34; class =＆＃34; rdoreject ng-pristine ng-valid＆＃34;命名=＆＃34; 7MB＆＃34; ＆＃34;

所以现在我使用定位器作为Xpath =＆＃34; //输入[@value =＆＃39; createnewMPID＆＃39;

它工作正常，脚本无法找到元素并点击。

使用webdriver处理弹出对话框中的单选按钮

1 个答案: