browser.actions().mouseMove() creates syntax error with sendKeys

Question

I am working on an test automation and using protractor with jasmine framework. While handling an autocomplete select (selection drop-down i.e countries' name drop-down). I wanna send keys to this autocomplete select drop down in the way as browser.actions().mouseMove(addMember.getLocationInput().sendKeys('UAE')).perform(); but it creates a syntax error. When i remove sendKeys('UAE') it removes syntax error but i have to send keys to it. Can any one help me to send keys to this autocomplete select. You can find the complete test case in the attached file. Thanks in advance

it('Should add Instructor successfully',()=>{
        return new Promise((res)=>{
            let email = Math.floor(Math.random()*10000)+1;
            addMember.getAddMemberSubMenu().click().then(()=>{
                setTimeout(()=>{
                    addMember.getFirstNameInput().sendKeys("John");
                    addMember.getLastNameInput().sendKeys("Doe");
                    addMember.getEmailInput().sendKeys(email+"@gmail.com")
                    addMember.getUserRolesInput().element(by.cssContainingText('option','Instructor')).click();
                    addMember.getCountryCodeInput().element(by.cssContainingText("option","UAE (+65)")).click();
                    addMember.getPhoneNumberInput().sendKeys('231321321321'); 
                    //Here is the syntax error
                    browser.actions().mouseMove(addMember.getLocation().sendKeys('UAE')).perform(); 
                    browser.actions().sendKeys(Key.ARROW_DOWN).perform();
                    browser.actions().sendKeys(Key.ENTER).perform();
                    addMember.getSaveButton().click();
                    return new Promise((resolve)=>{
                        setTimeout(()=>{
                        expect(browser.getCurrentUrl()).toContain('people').then(()=>{
                            resolve();
                            res();
                            })
                        },browser.params.Waiting_time.AVERAGE);
                    });
                },browser.params.Waiting_time.HIGH);
            });
        });
    });

addMember.getLocationInput().sendKeys('UAE') returns promise not the element. But mousemove expects an element. So you have an syntax error — Volkan Albayrak, Jan 14 '20 at 08:52
@VolkanAlbayrak I have seen that another tutorial that it is possible to send keys to mouseMove() — Analyst, Jan 14 '20 at 09:47
@VolkanAlbayrak it is like `browser.actions().mouseMove(element(by.model("location")).sendKeys("london")).perform()` — Analyst, Jan 14 '20 at 09:50
Yeah it is visible, before this test case I check its visibility in another test case — Analyst, Jan 14 '20 at 10:36
Could you please try https://stackoverflow.com/questions/26211751/protractor-chrome-driver-element-is-not-clickable-at-point solution. It might be the case. — Volkan Albayrak, Jan 14 '20 at 10:37
Thanks for your kind response but it is not the solution. Anyways thanks for your time — Analyst, Jan 14 '20 at 10:42

score 1 · Answer 1 · answered Jan 14 '20 at 08:53

1

I think that mouse move can't go in combination with sendKeys as you are doing. First you move the mouse over the element like this:

browser.actions().mouseMove(addMember.getLocation()).perform();

And then if you want to send keys, you need another code:

addMember.getLocation().sendKeys('UAE');

answered Jan 14 '20 at 08:53

Sanja Paskova

1,110
8
15

I have tried it. It says that element not interactable – Analyst Jan 14 '20 at 09:40

score 0 · Accepted Answer · answered Jan 14 '20 at 11:41

I solved my above mentioned problem by Changing browser.actions().mouseMove(addMember.getLocation()).perform() to browser.actions().mouseDown(addMember.getLocation()).perform() which moves to the element, clicks there and then sendKeys() can be called

browser.actions().mouseMove() creates syntax error with sendKeys

2 Answers2