Como usar o selênio python para selecionar valor no menu suspenso React-Select Componen
[muito novo em selênio e HTML]
Quero selecionar um menu suspenso em um site. Otype
está escondido. Eu só quero passar ou selecionarmale
oufemale
no menu suspenso ou passe-o para ovalue
variável, como eu faria isso?
Usei o elemento inspecionar no chrome para determinar as duas linhas abaixo são as necessárias para selecionar um valo
<div class="Select has-value is-clearable is-searchable Select--single">
<input name="customer.gender" type="hidden" value="female">
Eu peguei o xpath no chrome e tentei passar um valor, mas não funcionou:
gender = driver.find_element_by_xpath("//*[@id='app']/div/div[1]/div[4]/div/div[2]/form/div[1]/div/div[2]/div[3]/div[2]/div/span[2]/div/input")
gender.send_keys('male')
Todo o HTML dos itens acimadiv
elemento é:
<div class="Select has-value is-clearable is-searchable Select--single">
<input name="customer.gender" type="hidden" value="female">
<div class="Select-control">
<span class="Select-multi-value-wrapper" id="react-select-5--value">
<div class="Select-value">
<span class="Select-value-label" role="option" aria-selected="true" id="react-select-5--value-item">Female</span>
</div>
<div class="Select-input" style="display: inline-block;">
<input aria-activedescendant="react-select-5--value" aria-expanded="false" aria-haspopup="false"
aria-owns="" role="combobox" value="" style="box-sizing: content-box; width: 5px;">
<div style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-size: 14px; font-family: Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal; letter-spacing: normal; text-transform: none;"></div>
</div>
</span>
<span aria-label="Clear value" class="Select-clear-zone" title="Clear value">
<span class="Select-clear">×</span>
</span>
<span class="Select-arrow-zone">
<span class="Select-arrow"></span>
</span>
</div>
</div>
Agradeço antecipadamente
editar
HTML de onde clico no menu suspenso sem nenhum valor selecionado:
<div class="Select is-searchable Select--single">
<div class="Select-control">
<span class="Select-multi-value-wrapper" id="react-select-5--value">
<div class="Select-placeholder">Select:</div>
<div class="Select-input" style="display: inline-block;">
<input aria-activedescendant="react-select-5--value" aria-expanded="false" aria-haspopup="false"
aria-owns="" role="combobox" value="" style="box-sizing: content-box; width: 5px;">
<div style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px;
overflow: scroll; white-space: pre; font-size: 14px;
font-family: Helvetica, Arial, sans-serif; font-weight: 400;
font-style: normal; letter-spacing: normal; text-transform: none;"></div>
</div>
</span>
<span class="Select-arrow-zone"><span class="Select-arrow"></span></span>
</div>
</div>
edit2:
HTML do valor selecionado no menu suspenso
<div class="Select has-value is-clearable is-searchable Select--single">
<input name="customer.gender" type="hidden" value="male">
<div class="Select-control">
<span class="Select-multi-value-wrapper" id="react-select-5--value">
<div class="Select-value">
<span class="Select-value-label" role="option" aria-selected="true" id="react-select-5--value-item">Male</span>
</div>
<div class="Select-input" style="display: inline-block;">
<input aria-activedescendant="react-select-5--value" aria-expanded="false" aria-haspopup="false"
aria-owns="" role="combobox" value="" style="box-sizing: content-box; width: 5px;">
<div style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px;
overflow: scroll; white-space: pre; font-size: 14px;
font-family: Helvetica, Arial, sans-serif; font-weight: 400;
font-style: normal; letter-spacing: normal; text-transform: none;"></div>
</div>
</span>
<span aria-label="Clear value" class="Select-clear-zone" title="Clear value">
<span class="Select-clear">×</span>
</span>
<span class="Select-arrow-zone"><span class="Select-arrow"></span></span>
</div>
</div>
Parent irmão / DOM:
<div class="col-md-2"><div class="form-input form-group"><span class="glyphicon glyphicon-asterisk"></span><label for="customer.in_state" class="control-label">In-State</label><span class="input-group"><div class="Select has-value is-clearable is-searchable Select--single"><input name="customer.in_state" type="hidden" value="1"><div class="Select-control"><span class="Select-multi-value-wrapper" id="react-select-11--value"><div class="Select-value"><span class="Select-value-label" role="option" aria-selected="true" id="react-select-11--value-item">In-State</span></div><div class="Select-input" style="display: inline-block;"><input aria-activedescendant="react-select-11--value" aria-expanded="false" aria-haspopup="false" aria-owns="" role="combobox" value="" style="box-sizing: content-box; width: 5px;"><div style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-size: 14px; font-family: Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal; letter-spacing: normal; text-transform: none;"></div></div></span><span aria-label="Clear value" class="Select-clear-zone" title="Clear value"><span class="Select-clear">×</span></span><span class="Select-arrow-zone"><span class="Select-arrow"></span></span></div></div></span></div></div>