Protractor click if displayed is not working using async await

Question

Protractor click if displayed is not working using async await. I have tried with the following method:

public static async clickIfDisplayed(targetElement: ElementFinder) {
    if (await targetElement.isPresent() && await targetElement.isDisplayed()) {
        await PageHelper.click(targetElement);
    }
}

The above sometime clicks even if element is not present or displayed. Please help to understand where I am going wrong here.

score 1 · Answer 1 · answered Feb 21 '18 at 06:50

1

The following worked well with async-await:

public static async clickIfDisplayed(targetElement: ElementFinder) {
    const isPresent = await targetElement.isPresent();
    if (isPresent) {
        const isDisplayed = await targetElement.isDisplayed();
        if (isDisplayed) {
            await PageHelper.click(targetElement);
        }
    }
}

answered Feb 21 '18 at 06:50

Sitam Jana

3,123
2
21
40

Thnx, you helped me resolve WARNINGS: https://stackoverflow.com/a/57705384/3627914 – AbhishekS Aug 30 '19 at 08:33

score -1 · Answer 2 · answered Feb 20 '18 at 17:25

public static async clickIfDisplayed(targetElement: ElementFinder) {

    await targetElement.isPresent().then(bool1 => {
        await targetElement.isDisplayed().then (bool2 => {
            if (bool1 && bool2) {
                await PageHelper.click(targetElement);
            }
        });
    }
}

Does this work?

Protractor click if displayed is not working using async await

2 Answers2

Linked