セレンは初めてです。
次のリンクをクリックしてもうまくいきません。
elemnt not visible exceptionが発生します。
org.openqa.selenium.ElementNotVisibleException: element not visible
ために
driver.findElement(By.xpath("//a[@href='/Home/Members']")).click();
私はスタックオーバーフローを調べましたが、与えられた解決策はうまくいきません。
私のコードは次のとおりです：
私はいくつかの健全性チェックを含めましたが、リンクがクリックされたときにチェックします
public void clickMembersBenefitsFromHasLoggedInScreen() {
if(driver.findElements(By.xpath("//a[@href='/Home/Members']")).size() != 0) {
int okSize=driver.findElements(By.xpath("//a[@href='/Home/Members']")).size();
System.out.println("ok_size "+okSize);
System.out.println("Hello World "+driver.findElement(By.xpath("//a[@href='/Home/Members']")).getTagName());
driver.findElement(By.xpath("//a[@href='/Home/Members']")).click();
}else {
System.out.println("[AerCardHomePageModel][Does Not Have Members Benefits Button]");
}
}
そして、動作しているHTMLページは次のとおりです。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LoggedIn - AerCard</title>
<link href="/Content/css?v=XHx4C0AbUkAQdcPtt7lhY9Ne4vCiFZm7FZ_iSLXgqSk1" rel="stylesheet"/>
<script src="/bundles/modernizr?v=wBEWDufH_8Md-Pbioxomt90vm6tJN2Pyy9u9zHtWsPo1"></script>
<script src='https://cdn.polyfill.io/v2/polyfill.min.js'></script>
</head>
<body>
<div id="aerCardApp">
<div class="" style="height:120px; background-color:white">
<div class="pull-left" style="height:75%; width:15%; text-align:center; margin-left: 50px">
<img style="max-height:100%" src="/img/aer lingus.JPG" />
</div>
<div class="pull-right" style="height:75%; width:15%; text-align:center; margin-right: 50px">
<img style="max-height:100%" src="/img/boi.JPG" />
</div>
</div>
<div class="" style="background-color:lightgray">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse pull-right">
<ul class="nav navbar-nav navbar-right">
</ul>
</div>
</div>
</div>
<div class="" style="height:120px; background-color:black">
<div class="container">
<div class="row">
<div class="col-lg-6">
<h3 v-cloak style="color:white; padding-top:15px">Welcome {{Name}} {{AerCardId}}</h3>
<h4 v-cloak style="color:white;">Aer Credit Card Members benefit Section</h4>
</div>
<div v-if="MemberShipDate !== null" class="col-lg-6 pull-right">
<h3 style="color:white; padding-top:15px">Aer Credit Card Membership Date</h3>
<h4 style="color:white;">{{MemberShipDate}}</h4>
</div>
</div>
</div>
</div>
<div v-cloak class="container body-content">
<div class="row">
<div class="col-lg-6">
<h3>Login to your AerClub Account</h3>
<div class="jumbotron" style="margin-top: 35px;">
<div v-show="!isLoggedIn">
<form id="loginForm" v-on:submit.prevent="onSubmit(this)">
<div class="alert alert-danger" v-if="formErrors.length">
<strong>Please correct the following error(s):</strong>
<ul>
<li v-for="error in formErrors">{{ error }}</li>
</ul>
</div>
<div class="form-group">
<label for="formTitle">Username/Email</label>
<input type="text" class="form-control" id="username" v-model:bind="username">
<label for="formFirstName">Password</label>
<input type="password" class="form-control" id="password" v-model:bind="password">
</div>
<button type="submit" class="btn btn-success pull-right">Login</button>
</form>
</div>
<div v-show="isLoggedIn">
<strong>Congratulations</strong>
<p>You have successfully connected your</p>
<p>AerClub rewards account with your Bank</p>
<p>Of Ireland Aer Credit Card</p>
<p><a href="/Home/Members" class="btn btn-primary pull-right">Members Benefits »</a></p>
</div>
</div>
</div>
<div class="col col-lg-6">
<img style="width:100%; padding-left:20px; padding-top:30px" src="/img/cc.png" />
</div>
</div>
<hr />
</div>
<div class="page-footer" style="height:50px">
<div class="row">
<div class="col-xs-12 col-sm-6" style="text-align:center; padding-top:10px">
<span class="txt-color-white"> © 2018 - All Rights Reserved</span>
</div>
</div>
</div>
</div>
<script src="/bundles/jquery?v=FVs3ACwOLIVInrAl5sdzR2jrCDmVOWFbZMY6g6Q0ulE1"></script>
<script src="/bundles/bootstrap?v=2Fz3B0iizV2NnnamQFrx-NbYJNTFeBJ2GM05SilbtQU1"></script>
<script src="/Scripts/Views/common.js"></script>
<script src="/Scripts/bundle/LoggedIn.js"></script>
<script src="https://cdn.jsdelivr.net/npm/es6-promise@4/dist/es6-promise.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/es6-promise@4/dist/es6-promise.auto.min.js"></script>
</body>
</html>
ログインすると、HTMLに従ってリンクをテキストと共有し、メンバー特典...が表示されます。したがって、WebElementを識別するには、次のようにExpectedConditions句のelementToBeClickableとともにWebDriverWaitを誘導する必要があります。
new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.partialLinkText("Members Benefits"))).click();
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加