Unable to click on any element using GetByText

Question

I am using playwright with c# .net. When I tried to click on element using getByRole or xpath, It is working fine. When I tried using getByText or getByTitle neither it is giving error nor it is clicking on it. Please see attached image. I want to click on "Sales". enter image description here

I tried following syntax:

await page.GetByText("Sales", new() { Exact = true }).ClickAsync();
await page.GetByText("Sales").ClickAsync();

Can someone tell me, how to use getByText?

I assume it's finding the "span" (which isn't clickable unlike the `` that's around it), maybe you could try getting to the outside elements instead? Like the `` or even the `nav-item` — Mariya Fetishcheva, Jul 27 '23 at 14:25
No, It will not work for Text as there would not be text there. Text is common for all which is "Sales". — Abhishek Sanghvi, Jul 28 '23 at 05:19

score 0 · Answer 1 · answered Jul 27 '23 at 16:43

Here is getByText detailed usage example:

Consider the following DOM structure:

<div>Hello <span>world</span></div>
<div>Hello</div>

You can locate by text substring, exact string, or a regular expression:

   // Matches <span>
page.getByText("world")

// Matches first <div>
page.getByText("Hello world")

// Matches second <div>
page.getByText("Hello", new Page.GetByTextOptions().setExact(true))

// Matches both <div>s
page.getByText(Pattern.compile("Hello"))

// Matches second <div>
page.getByText(Pattern.compile("^hello$", Pattern.CASE_INSENSITIVE))

Can you please check attached image ? I am unable to click it using getText. — Abhishek Sanghvi, Jul 27 '23 at 17:16

Unable to click on any element using GetByText

1 Answers1