選択したコードにアクセスする

Question

Chosenを使用すると、select要素が非表示になり、codeceptionで選択できなくなります。

$I->selectOption('form select[name="jform[plugin_id]"]', array('value' => '10054')); 

またはこの：

$I->selectOption('div#jformplugin_id_chzn .chzn-results', 'Optimizer'); 

またはこの：

$I->click(['css' => 'div#jformplugin_id_chzn']); 
$I->fillField(['xpath' => '//div[@id="jformplugin_id_chzn"]/div/div/input'], 'Optimizer'); 
$I->click(['xpath' => '//div[@id="jformplugin_id_chzn"]/div/ul/li[1]']); 

何が実際に動作しない私はこのようにそれを試してみました。ここで

---

HTML-コードIがアクセスしようとしています： $ I-> executeJS（「document.querySelector（ '＃のjformplugin_id'：

<select id="jformplugin_id" name="jform[plugin_id]" style="display: none;"> 
     <option value="" selected="selected">- Selection -</option> 
     <option value="10037">test3</option> 
     <option value="10038">test2</option> 
     <option value="10054">Optimizer</option>  
     <option value="10058">test1</option> 
    </select> 

    <div class="chzn-container chzn-container-single chzn-container-single-nosearch" title="" id="jformplugin_id_chzn"><a class="chzn-single" tabindex="-1"><span>- Selection -</span><div><b></b></div></a> 
    <div class="chzn-drop"> 
     <div class="chzn-search"><input type="text" readonly=""></div> 
     <ul class="chzn-results"> 
      <li class="active-result result-selected" style="" data-option-array-index="0">- Selection -</li> 
      <li class="active-result" style="" data-option-array-index="1">test3</li> 
      <li class="active-result" style="" data-option-array-index="2">test2</li> 
      <li class="active-result" style="" data-option-array-index="3">Optimizer</li> 
      <li class="active-result" style="" data-option-array-index="4">test1</li> 
     </ul> 
    </div> 
</div> 

Answer 1

はこのような何かを試してみてください）.style.display = block; "）;

Answer 2

目に見えない要素に対しては、どのメソッドも使用できません。選択値を変更する唯一の方法はJavascriptを実行することで、このような何か：JavaScriptを使用して値を選択するオプションの多くの大きな選択にところで

$I->executeJS('document.getElementById("jformplugin_id").value = 10054;'); 

は、メソッドselectOptionに建て使用して、次に速いのがたくさんあります。