失败:元素不可交互:量角器/硒自动化(元素不可见异常)

我正在尝试自动化具有各种元素类型的页面。我能够登录并使用量角器，打字稿，茉莉花2组合导航到该页面

当我尝试在字段中输入文本时，它会抛出

消息：失败：元素不可交互。
这是否意味着整个ng控制器或ng范围被禁用用于自动化的元素交互？

如果有办法在 pageLoad 上启用页面中的元素，请告诉我一个解决方案？

    import { browser, by, element } from 'protractor';
    import { Locator } from 'protractor/built/locators';
    import { PageObjects } from '../TestPageObjects/OR';
    import { TestData } from '../TestData/TD';
    var po= new PageObjects();
    var data= new TestData();
    describe('Login', function() {
    it('Login to Server', function() {
    browser.get('http://server01/test/testapp.html');
    element(<Locator>by.xpath(po.login_username)).sendKeys(data.username);
    element(<Locator>by.xpath(po.login_password)).sendKeys(data.password);
    element(<Locator>by.xpath(po.login_loginBtn)).click();
    element(<Locator>by.xpath(po.MainMenu_setup)).click();
    element(<Locator>by.xpath(po.SETUP_company)).click();
    element(<Locator>by.xpath(po.COMPANY_companyDetails)).click();              
browser.switchTo().frame(element(by.id('ifmPortalInfrastturcture')).getWebElement());
    browser.sleep(10000);
   browser.element(<Locator>by.xpath(po.CompanyName)).clear();
              browser.element(<Locator>by.xpath(po.CompanyName)).sendKeys('ANN');   
 });
 });

我希望行为就像输入文本一样，但终端显示元素无法交互。

页面对象 (PO( 选择器如下所示：

export class PageObjects
{
    public login_username: string ='//*[@id="username"]';
    public login_password: string ='//*[@id="password"]';
    public login_loginBtn: string ='//*[@id="btnSubmit"]';
    public MainMenu_setup: string ='//a[span[text()="Setup"]]';
    public SETUP_company:  string ='//a[span[text()="Company"]]';
    public COMPANY_companyDetails:  string ='//a[span[text()="Company Details"]]'
    public CompanyName: string = '//label[contains(.,"Company Name")]/following::input[1]';
    //a[span[text()="Receipts"]]
    //a[span[text()="Control Text"]]
}

HTML 页面如下：

<html xmlns="http://www.w3.org/1999/xhtml" ng-app="portalInfrastructure" dir="ltr">
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>iProof Axon</title>
    <link rel="icon" href="favicon.ico" type="image/ico" />
    <style>
@font-face {
    font-family: 'FontAwesome';
    src: url('iProofCDN/Templates/Default/Styles/LTR/assets/css/Common/icons/fontawesome/fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('iProofCDN/Templates/Default/Styles/LTR/assets/css/Common/icons/fontawesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), 
         url('iProofCDN/Templates/Default/Styles/LTR/assets/css/Common/icons/fontawesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), 
         url('iProofCDN/Templates/Default/Styles/LTR/assets/css/Common/icons/fontawesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), 
         url('iProofCDN/Templates/Default/Styles/LTR/assets/css/Common/icons/fontawesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), 
         url('iProofCDN/Templates/Default/Styles/LTR/assets/css/Common/icons/fontawesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
    </style>
</head>
<body ng-controller="PortalInfrastructureController as menuList" class="pace-done " ng-init='setPageUrlByPageType("Authenticate", "#pageManager")' id="bdyPageManager">
    <div id="pageManager"></div>
    <div id="MultiWindowRight" class="noItem " style="display:none">
        <a href="#" class="ToggleRightMenu"><img data-imgsrc="/Templates/Default/Styles/LTR/assets/images/RightArrow.png" /></a>
        <div class="MultiWindow"></div>
    </div>    
    <script type="text/javascript" src="iProofCDN/Templates/Default/Scripts/JsBundle/Common/ProofConfig.js"></script>
</body>
</html>
<script type="text/javascript">
        window.top.ScriptLoader('PageManager', window.document, function () {
            //default
        });
</script>

通过一些研究，我的一位同事找到了解决方案。

容器元素被隐藏以供访问，我们使用以下脚本解锁：

JavascriptExecutor executor = (JavascriptExecutor(driver;executor.executeScript("document.getElementById('Parks'(.style.display='block';"(;

注意：一个名为"Parks"的 Div 是 xmlns 中的一个子级，它又是 iFrame 的子级。

相关内容

最新更新

热门标签：