isVisible() is always returning false when used along with text("<text_of_a_element>")

[gokultw]

Describe the bug
isVisible() is always returning false when used along with text("<text_of_a_element>").
await highlight(text("<text_of_a_element>")); is highlighting the element but isVisible() is returning false, if we use a selector like $, button, link etc then we are getting the expected result.

To Reproduce
Script to reproduce the behavior:

(async () => {
    try {
        await openBrowser();
        await goto("Google.com");
        await highlight(text("India"));
        await console.log(await text("India").isVisible());
    } catch (error) {
        console.error(error);
    } finally {
        await closeBrowser();
    }
})();

Expected behavior
isVisible() Should return true since the text is available and visible on the page.

Versions:

• Taiko: 1.4.3
• OS: MAC Os 12.4
• Node.js: v14.19.1

Additional context
The below code snippet is working fine with $ instead of text

(async () => {
    try {
        await openBrowser();
        await goto("Google.com");
        await highlight(text("India"));
        await console.log(await $("//DIV[text()='India']").isVisible());
    } catch (error) {
        console.error(error);
    } finally {
        await closeBrowser();
    }
})();

[jbpotonnier]

It looks like it may be a regression introduced by #2288

[ghost]

@gokultw I have had the same issue while using Taiko. The problem in my case was that isVisible()returned false when the element I was looking for existed multiple times on the page. So this would be my first guess that the text India is found multiple times on the page but that the Xpath "//DIV[text()='India']" is unique and therefore isVisible() works correctly.