Question

在我的页面顶部，我调用了iframe：

<iframe ng-if="webpadUrl" id="webPadIframe" ng-src="http://Path/To/iFrame?sessionId=9bc9989441c8c9cfb9ff5bdc381a72ea" seamless="seamless" class="fullscreen ng-scope" src="http://Path/To/iFrame?sessionId=9bc9989441c8c9cfb9ff5bdc381a72ea">
</iframe>

在iframe中我有类似的东西：

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 5845 3897">

以及具有不同ID的多个<g>以下等等。

<g id="30_0_80" transform="translate(420,754)" class="">
 <path class="fp x80 xab active" d="M307 0 L293 15 L155 120 L87 181 L47 220 L0 277 L0 282 L14 341 L27 379 L32 386 L32 386 L74 425 L123 461 L153 480 L188 500 L238 525 L303 551 L337 563 L340 563 L381 561 L490 560 L492 557 L522 526 L591 473 L662 430 L745 383 L770 368 L785 358 L796 350 L802 343 L806 335 L809 321 L809 318 L810 295 L808 293 L806 293 L763 292 L680 277 L643 269 L590 253 L555 239 L555 239 L508 214 L452 179 L397 138 L369 115 L339 79 L325 56 L310 28 L308 23 L308 19 L310 1 L307 0 Z"></path>
 <path class="p x88 xc7" d="M796 296 L792 300 L736 324 L595 391 L486 455 L413 505 L349 559"></path>
 <path class="p x88 xc7" d="M33 372 L57 324 L82 284 L128 228 L133 222 L134 221 L164 188 L222 131 L252 102 L281 69"></path><path class="p x88 xc7" d="M9 283 L24 261 L52 221 L79 190 L88 182"></path><path class="p x88 xc7" d="M169 175 L251 97 L284 60 L295 40 L303 25"></path><path class="p x88 xc7" d="M132 214 L119 229 L88 266"></path>
 <path class="p x88 xc7" d="M72 287 L54 315"></path><path class="p x88 xc7" d="M47 326 L44 331 L29 360"></path>
</g>

我的目的是点击<g> 就像在iframe中我尝试的那样：

browser.driver.switchTo().frame(element(by.id('30_0_80')));

不幸的是，没有办法，有没有其他方法如何使用这个iframe？

错误：NoSuchElementError：找不到使用定位器找到的元素：By.id（＆＃34; 30_0_80＆＃34;）

Answer 1

过了一段时间后，我找到了一个解决方法，如何切换到正确的框架，希望它可以帮到某人。

    browser.switchTo().frame('webPadIframe');
    browser.findElement(by.id('30_0_80')).click();

Answer 2

如何使用control-flow处理非角度iframe。

let flow = protractor.promise.controlFlow();
flow.execute(function(){
    browser.ignoreSynchronization = true;  //allows you to handle non angular page
    browser.switchTo().frame('webPadIframe');  //switches to iframe
    browser.findElement(by.id('30_0_80')).click();  //action within iframe
    browser.switchTo().defaultContent();  //switches back to main page
    browser.ignoreSynchronization = false;  //lets you resume handling angular
)};

量角器 - 在iframe中查找元素

2 个答案: