Home:ALL Converter>Not able to enter Email ID and Password in a Bootstrap dropdown (without frame) using selenium with java for website "https://qa01.pdng.pepsico.com/"

Not able to enter Email ID and Password in a Bootstrap dropdown (without frame) using selenium with java for website "https://qa01.pdng.pepsico.com/"

Ask Time:2018-06-08T22:08:06         Author:Abhishek

Json Formatter

Below is the HTML code for which I need to Enter Email ID and Password which are the input fields as id="j_username" and id="j_password". There is no frame in this code so I cannot use it.

ul class="nav__links nav__links--shop_info">
<li class="logged_in js-logged_in hide">Welcome Anonymous</li>
<li>
    <div class="row">
    <div class="nav__left no-space col-sm-5 col-md-5 col-lg-7">
    <div class="site-search pull-right">
<div class="navSearchBox">
<div class="yCmsComponent">
<div class="ui-front">
<form name="search_form_SearchBox" method="get" action="/pepsico/en/USD/search/">
    <div class="input-group">
<input type="text" class="form-control js-site-search-input ui-autocomplete-input" name="text" aria-autocomplete="list" value="" maxlength="100" autocomplete="off" placeholder="Search" aria-label="Search" data-options="{&quot;autocompleteUrl&quot; : &quot;/pepsico/en/USD/search/autocomplete/SearchBox&quot;,&quot;minCharactersBeforeRequest&quot; : &quot;3&quot;,&quot;waitTimeBeforeRequest&quot; : &quot;500&quot;,&quot;displayProductImages&quot; : true}">

    <span class="input-group-btn"> <button class="btn btn-link" type="submit">
<span class="sr-only">Search</span> <span class="glyphicon glyphicon-search"></span>
    </button>
    </span>
    </div>
</form>
<ul class="ui-autocomplete ui-front ui-menu ui-widget ui-widget-content" id="ui-id-2" tabindex="0" style="display: none;"></ul></div>
</div></div>
    </div>
    </div>
    <div class=" no-space col-sm-7 col-md-7 col-lg-5">
    <div class="loginDD col-md-offset-1 col-md-3">
    <span class="myAccount"> 
    <span class="yCmsComponent">
        <span class="myAccountArrow" aria-hidden="true"> 
                    <span class="zeplin-arrow-dropdown zeplin-arrow"></span>
                                                </span>
        <span class="navSection hidden-xs"> 
    <a class="collapsed " href="javascript:void(0)" id="loginDown" aria-expanded="false" aria-label="Sign In menu"> 
        <span class="myAccountIcon" aria-hidden="true">
    <span class="fa fa-user"></span></span>
 <span class="displayName">Hello,</span>
                <span class="userfname">Login/Register</span>
                        </a>
    <div class="login_overlay display-none" style="display: block;">
    <form id="loginForm" action="/pepsico/en/USD/j_spring_security_check" method="post" novalidate="novalidate"><div id="loginSpinner" class="spinner display-none">
    <span id="spinnerMessage"></span>
    <img src="/_ui/desktop/common/images/spinner.gif" alt="Spinner">
</div>
<div class="message-box  hide js-equipment-warning-msg" aria-hidden="true">
<div class="alert alert-warning">
    <span class="fa fa-exclamation-triangle" aria-hidden="true"></span>
    <span class="js-message message">Hey! Please login to access equipment services</span>
</div>
</div>
<div class="email-block">
    <div class="form-group ">
<label class="control-label " for="j_username">
            Email</label> 
<input id="j_username" name="j_username" class=" form-control" aria-required="true" type="text" value=""></div>
        </div>
        <div class="password-block js-password-block">
            <div class="form-group ">
            <label class="control-label " for="j_password">
            Password</label> 
        <div class="pwdBlock">
  <input id="j_password" name="j_password" class="form-control password js-password" aria-required="true" type="password" value="" autocomplete="off"></div>
    </div>

Author:Abhishek,eproduced under the CC 4.0 BY-SA copyright license with a link to the original source and this disclaimer.
Link to original article:https://stackoverflow.com/questions/50762483/not-able-to-enter-email-id-and-password-in-a-bootstrap-dropdown-without-frame
yy