Cannot make it work, need help, I don’t know how to automate KendoUI drop-down with Selenium using C#.
Sendkeys doesn’t work for KendoUI.
Here is my HTML:
<div style=”background-color: #e6e6e6; padding: 10px 10px; margin-bottom: 10px;”>
<div class=”row”>
<div class=”col-md-4″>
<div class=”form-group”>
<input class=”k-input form-control” id=”searchColonies” placeholder=”Colony Name” data-bind=”value: searchParameter” type=”text”>
</div>
</div>
<div class=”col-md-4″>
<span style=”width: 100%;” title=”” class=”k-widget k-dropdown k-header” unselectable=”on” role=”listbox” aria-haspopup=”true” aria-expanded=”false” tabindex=”0″ aria-owns=”” aria-disabled=”false” aria-busy=”false” aria-activedescendant=”549cac5d-6e77-4c5b-b528-cc6321984d37″>
<span unselectable=”on” class=”k-dropdown-wrap k-state-default”>
<span unselectable=”on” class=”k-input”>- All Statuses -</span>
<span unselectable=”on” class=”k-select” aria-label=”select”>
<span class=”k-icon k-i-arrow-60-down”></span>
</span>
</span>
<input data-role=”dropdownlist” data-value-primitive=”true” data-text-field=”Status” data-value-field=”StatusID” data-option-label=”- All Statuses -” data-bind=”value: selectedStatus, source: statuses” style=”width: 100%; display: none;”></span>
</div>
</div>
<div class=”row”>
<div class=”col-md-4″>
<span style=”width: 100%;” class=”k-widget k-combobox k-header k-combobox-clearable”>
<span tabindex=”-1″ unselectable=”on” class=”k-dropdown-wrap k-state-default”>
<input class=”k-input” autocomplete=”off” style=”” title=”” role=”combobox” aria-expanded=”false” placeholder=”- All Organizations -” tabindex=”0″ aria-disabled=”false” aria-autocomplete=”list” aria-owns=”” aria-busy=”false” aria-activedescendant=”5e10bcaf-d176-4665-821b-8e94d8ce1be8″ type=”text”>
<span unselectable=”on” class=”k-icon k-clear-value k-i-close k-hidden” title=”clear” role=”button” tabindex=”-1″></span>
<span unselectable=”on” class=”k-select” aria-label=”select” role=”button” tabindex=”-1″>
<span class=”k-icon k-i-arrow-60-down”></span>
</span>
</span>
<input data-role=”combobox” data-value-primitive=”true” data-text-field=”Name” data-value-field=”OrganizationID” data-placeholder=”- All Organizations -” data-bind=”value: selectedOrganization, source: organizations, events: { change: onOrganizationChange }” style=”width: 100%; display: none;” aria-disabled=”false”>
</span>
</div>
<div class=”col-md-4″>
<span style=”width: 100%;” class=”k-widget k-combobox k-header k-combobox-clearable”>
<span tabindex=”-1″ unselectable=”on” class=”k-dropdown-wrap k-state-disabled”>
<input class=”k-input” autocomplete=”off” style=”” title=”” role=”combobox” aria-expanded=”false” placeholder=”- All Projects -” tabindex=”0″ aria-disabled=”true” aria-autocomplete=”list” aria-owns=”” aria-busy=”false” disabled=”disabled” type=”text”>
<span unselectable=”on” class=”k-icon k-clear-value k-i-close k-hidden” title=”clear” role=”button” tabindex=”-1″></span>
<span unselectable=”on” class=”k-select” aria-label=”select” role=”button” tabindex=”-1″>
<span class=”k-icon k-i-arrow-60-down”></span>
</span>
</span>
<input data-role=”combobox” data-value-primitive=”true” data-text-field=”ProjectNumber” data-value-field=”ProjectNumber” data-placeholder=”- All Projects -” data-bind=”value: selectedProject, source: projects, enabled: selectedOrganization” style=”width: 100%; display: none;” aria-disabled=”true” disabled=”disabled”>
</span>
</div>
<div class=”col-md-4″>
<div class=”form-group”>
<a class=”k-button k-button-primary” data-bind=”click: searchColonies”>Search</a>
<a class=”k-button” data-bind=”click: resetColoniesGrid”>Reset</a>
</div>
</div>
</div>
</div>
