Вот 2 изображения, на изображении 1 [https://i.stack.imgur.com/vT9Xl.png] просто нужно щелкнуть в любом месте в текстовом поле или на кнопке раскрывающегося списка, и при щелчке оно откроется, как показано на изображении 2 [https://i.stack.imgur.com/qGxpa.png ] . Моя задача состоит в том, чтобы отменить выбор опции «ВСЕ», а затем выбрать любую другую опцию. Вот код html.
Для кода image1 это - <div style="display: none;"></div>
, а при нажатии в области текстового поля его код расширяется и это как показано ниже:
<div class="tab-glass clear-glass tab-widget" style="user-select: none; -webkit-tap-highlight-color: transparent; z-index: 899;"></div>
<div id="tableau_base_widget_LegacyCategoricalQuickFilter_1_menu" class="CFOuterContainer tabMenuComboDropdownTheme tab-ctrl-formatted-widget CFAll" role="application" style="position: absolute; top: 32.934px; left: 748px; max-height: 54px; z-index: 900; visibility: visible; width: 202px;">
<div class="Search FilteringSearch FilteringDropdown SearchCleared" id="tableau_base_widget_FilteringSearchWidget_1" widgetid="tableau_base_widget_FilteringSearchWidget_1" style="display: none;">
<div class="SearchBox" dojoattachpoint="domQuerySection">
<textarea rows="1" class="QueryBox" aria-multiline="false" spellcheck="false" dojoattachpoint="domQueryBox" dojoattachevent="onkeydown:onQueryBoxKeyDown,onclick:focusQueryBox,onfocus:focusQueryBox" title="Search (Enter)" id="tableau_base_widget_LegacyCategoricalQuickFilter_1_textbox" aria-autocomplete="list" aria-controls="tab-ui-id-16"></textarea>
<span class="wcSearchX" title="Close (Esc)" dojoattachpoint="domXButton" dojoattachevent="onclick:onXButtonClick,onmouseover:onButtonHover,onmouseout:onButtonUnhover"></span>
<span dojoattachpoint="domScreenReaderStatus" class="sr-only" role="status" aria-live="polite"></span>
</div>
</div>
<div class="CFInnerContainer tab-ctrl-formatted-text tiledContent" style="position: relative; max-height: 53px;">
<div role="checkbox" tabindex="0" aria-checked="true" style="height: 18px;" class="FIItem FIChecked tab-ctrl-formatted-text all-item" id="FI_sqlserver.03r77ce1qfo2111bnqha51akxa2m,none:MeasureProgram:nk8011599534815475643_6289886944926876675_(All)">
<div class="facet"></div>
<div class="facetOverflow">
<input tabindex="-1" type="checkbox" class="FICheckRadio" name="FI_sqlserver.03r77ce1qfo2111bnqha51akxa2m,none:MeasureProgram:nk8011599534815475643_6289886944926876675_(All)" checked="checked">
<div class="fakeCheckBox"></div>
<a class="FIText" title="(All)">(All)</a>
</div>
</div>
<div class="tileContainer" style="left: 0px; position: relative; height: 54px;">
<div id="tab-ui-id-16" role="listbox" aria-multiselectable="true" class="tile tab-ctrl-formatted-text" style="top: 0px; position: absolute; right: 0px; width: 100%;">
<div role="checkbox" tabindex="-1" aria-checked="true" style="height: 18px;" class="FIItem FIChecked" id="FI_sqlserver.03r77ce1qfo2111bnqha51akxa2m,none:MeasureProgram:nk8011599534815475643_6289886944926876675_0"><div class="facet"></div>
<div class="facetOverflow">
<input tabindex="-1" type="checkbox" class="FICheckRadio" name="FI_sqlserver.03r77ce1qfo2111bnqha51akxa2m,none:MeasureProgram:nk8011599534815475643_6289886944926876675_0" checked="checked">
<div class="fakeCheckBox"></div>
<a class="FIText" title="ACO Measures Program-2019">ACO Measures Program-2019</a>
</div>
</div>
<div role="checkbox" tabindex="-1" aria-checked="true" style="height: 18px;" class="FIItem FIChecked" id="FI_sqlserver.03r77ce1qfo2111bnqha51akxa2m,none:MeasureProgram:nk8011599534815475643_6289886944926876675_1">
<div class="facet"></div>
<div class="facetOverflow">
<input tabindex="-1" type="checkbox" class="FICheckRadio" name="FI_sqlserver.03r77ce1qfo2111bnqha51akxa2m,none:MeasureProgram:nk8011599534815475643_6289886944926876675_1" checked="checked">
<div class="fakeCheckBox"></div>
<a class="FIText" title="QualChoice 2018">QualChoice 2018</a>
</div>
</div>
</div></div></div>
Я пытался с помощью следующего кода нажать на выпадающую кнопку или в любом месте в пределах текстовой области, но ни один из вариантов не работал для меня.
@FindBy(xpath="//div[@id='tableau_base_widget_FilteringSearchWidget_0']/div/textarea")
WebElement measureProgram;
FindBy(xpath="tableau_base_widget_FilteringSearchWidget_1/div/textarea")
WebElement measureProgram;
@FindBy(xpath="tableau_base_widget_LegacyCategoricalQuickFilter_1_menu/div[1]/div/textarea")
WebElement measureProgram;
@FindBy(xpath="//div[@id='tableau_base_widget_LegacyCategoricalQuickFilter_0_menu']/div[1]/div/textarea")
WebElement measureProgram;
Любая помощь будет оценили.