Element nie jest klikalny w punkcie - kątomierz

Question

Otrzymuję komunikat o błędzie, że element, który próbuję kliknąć, nie jest klikalny, co uważam za nieprawdziwe.

Mój błąd wygląda:

1) Open VehiclePage and populate data Populate vehicle data 
    Message: 
    UnknownError: unknown error: Element is not clickable at point (1315, 371). Other element would receive the click: <div class="form-con 
rol combo-options ng-scope ng-animate ng-leave ng-leave-active" ng-if="comboBox.visible" on-click-outside="comboBox.hide">...</div> 
(Session info: chrome=39.0.2171.71) 
(Driver info: chromedriver=2.13.307647 (5a7d0541ebc58e69994a6fb2ed930f45261f3c29),platform=Windows NT 6.1 SP1 x86_64) (WARNING: The server 
did not provide any stacktrace information) 
ommand duration or timeout: 30 milliseconds 

Część mojego kodu:

it('Populate vehicle data', function() { 
     browser.waitForAngular(); 
     element(by.css('div#datepicking i.glyphicon-calendar')).click(); 
     element(by.css('div#datepicking button[ng-click="select(\'today\')"]')).click(); 
     element(by.model('case.vehicle.adminData.paintColour')).sendKeys(browser.params.paintColour);  
     element(by.xpath('(//*[@id="form-mileage"])')).sendKeys(browser.params.mileage);       
     element(by.id('form-mileage-unit')).click().then(function() { 
      element(by.cssContainingText('option', browser.params.lengthUnit)).click();   
     });; 
     element(by.xpath('(//*[@id="form-residual"])')).sendKeys(browser.params.technicalValue);  
     element(by.id('form-vehicle-condition')).click().then(function() { 
      element(by.cssContainingText('option', browser.params.vehicleCondition)).click(); 
     });;  
     element(by.xpath('(//*[@id="form-engine-type"])')).click().then(function() { 
      element(by.cssContainingText('option', browser.params.motorType)).click(); 
     });; 

HTML tej strony wygląda następująco:

<div class="col-md-6"> 
       <div> 
        <div class="form-group"> 
         <label for="form-residual" ng-class="{red: !form.residual.$valid}" translate="case.vehicle.adminData.residualValuePercentage" class="ng-scope">Technická hodnota</label> 
          <span popover="Technická hodnota musí být v rozsahu 0-100%" popover-trigger="mouseenter" class="glyphicon glyphicon-question-sign red ng-hide" ng-show="form.residual.$invalid"></span> 
         <div class="input-group"> 
          <input type="number" id="form-residual" ng-model="case.vehicle.adminData.residualValuePercentage" name="residual" class="form-control ng-pristine ng-untouched ng-valid ng-valid-min ng-valid-max" max="100" min="0"> 
          <span class="input-group-addon">%</span> 
         </div> 
        </div> 
       </div> 
       <div> 
        <div class="form-group"> 
         <label for="form-vehicle-condition" translate="case.vehicle.adminData.vehicleCondition" class="ng-scope">Stav vozu</label> 
         <select type="text" id="form-vehicle-condition" ng-model="case.vehicle.adminData.vehicleCondition" name="vehicleCondition" class="form-control ng-pristine ng-valid ng-touched" ng-options="opt.value as opt.label | translate for opt in options.vehicleCondition"><option value="" class=""></option><option value="0" label="Lepší">Lepší</option><option value="1" label="Odpovídající">Odpovídající</option><option value="2" label="Horší">Horší</option><option value="3" label="Není znám">Není znám</option></select> 
        </div> 
       </div> 
      </div> 

Błąd wychodzi zawsze gdy próbuje kliknij element, (by.id ("Form-vehicle-condition"). Czy jest szansa, że ​​ktoś może mi pomóc znaleźć wyjście z to?

Answer 1

Skrzynka z komunikatem o błędzie jest nadal otwarta, gdy próbujesz kliknąć element vehicle-condition - najprawdopodobniej z powodu animacji zamykania/zanikania. Można spróbować wyłączyć animacje dla testów globally, locally lub wait za element przykrywający zniknąć:

var EC = protractor.ExpectedConditions; 
var element = element(by.id('form-vehicle-condition')); 
var isClickable = EC.elementToBeClickable(element); 
browser.wait(isClickable, 5000); 
element.click(); 

Answer 2

próbowałem wiele sposobów, Tylko

browser.executeScript('arguments[0].click();', element.getWebElement()); 

pracuje dla mnie.