I am currently facing an issue with selecting a checkbox from a dropdown in jq widgets. The code seems to work fine when the element is visible on the screen, but fails otherwise. I have tried various methods such as executeScript and scrollIntoView to bring the element into view for Protractor to detect it, but nothing seems to be working. I would appreciate any help or suggestions on how to resolve this problem.
// conf.js
exports.config = {
directConnect: true,
framework: 'jasmine',
specs: ['jq.spec.js'],
jasmineNodeOpts: {
showColors: true,
defaultTimeOutInterval: 30000000
},
}
Here is my jq.spec.js:
describe('Testing jq widgets functionality', function() {
it("should verify proper scrolling behavior",function() {
browser.ignoreSynchronization = true;
browser.get('http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxdropdownlist/checkboxes.htm?arctic');
browser.wait(protractor.ExpectedConditions.visibilityOf($('#dropdownlistContentjqxWidget')),500000,'dropdown did not display');
$('#dropdownlistContentjqxWidget').click().then(function(){
$('#listitem0innerListBoxjqxWidget>div').click();
scrollIntoView(element(by.xpath("//span[text()='Francisco Chang']/parent::div/div")));
element(by.xpath("//span[text()='Francisco Chang']/parent::div/div")).click();
browser.sleep(10000);
});
});
});
var scrollIntoView = function(element){
browser.executeScript(function(element) {
element.scrollIntoView();
}, element.getWebElement());
});
};
//errors:
Failures:
1) Testing jq widgets functionality should verify proper scrolling behavior
Message:
Failed: No element found using locator: By(xpath, //span[text()='Francisco Chang']/parent::div/div)