Sorry about the mixup. I tried this with Protractor, but the modal being outside of app-root does not seem to be an issue for me. Here’s the code I used:
app.po.ts:
openTimesheetScroll() {
return element(by.css('mbsc-time input')).click();
}
getTimesheetScrollModal() {
return element(by.css('.mbsc-fr')).isDisplayed();
}
app.e2e-spec.ts
it('should open timepicker', () => {
page.openTimesheetScroll().then(() => {
page.getTimesheetScrollModal().then(displayed => {
expect(displayed).toBe(true);
});
});
});
Please let me know if this works for you!