findByText still fails after adding await.

[InduKrish]

This is related to ticket #513

with by getByText, the test passed, and attached is the screenshot.

   const header = await this.screen.findByTestId('erow-GroupCode-0');
    console.log(" header" + header)
    const base = this.within(header).getByText("LINEHOLDER")
    console.log("base value" + base);
    const check = this.within(header).getByText("check")
    console.log(" value " + check)
    await expect(base).toContainText(text);

when I tried to test this findByText with await as suggested by #513, and i see the following error
const header = await this.screen.findByTestId('erow-GroupCode-0');
console.log(" header" + header)

    const base = await this.within(header).findByText("LINEHOLDER")
    console.log("base value" + base);

    const check = await this.within(header).findByText("check")
    console.log(" value " + check)

    await expect(base).toContainText(text);

html structure:

[jrolfs]

This is the same issue as #521, see my comment there #521 (comment):

It looks like you're attempting to click on the SVG <title /> element, which is not a visible element.

[jrolfs]

This does bring up an issue of consistency between queryBy + getBy and findBy in that the findBy queries use Playwright's waitFor and default to { state: 'visible' }, but getBy and queryBy don't check the state of the element with Playwright which is effectively equivalent to { state: 'attached' } in Playwright, I think.

This is related to #506, but I will create a separate issue specifically for the consistency issue I described above.