[Bug]: Failed to get correct path at Locator in UI mode

[sh-miyoshi]

Version

1.44.1

Steps to reproduce

1. write application code

   import { FC } from "react"
   
   const Hoge: FC = () => {
     return (
       <div>
         2024/08/08 ~ 2024/08/08
       </div>
     )
   }
   
   export default Hoge

2. write test code

   test('my_test', async ({ browser }) => {
     const context = await browser.newContext()
     const page = await context.newPage()
   
     await page.goto(`http://localhost:3000/test`)
   
     page.waitForTimeout(2000) # For debug
   })

3. run test by UI mode

Expected behavior

Get correct path ( 2024/08/08 ~ 2024/08/08 )

Actual behavior

I got /08/08 ~ 2024/08/08 by Locator ( missed first 2024 )

Additional context

No response

Environment

System:
    OS: macOS 14.5
    CPU: (10) arm64 Apple M1 Pro
    Memory: 108.00 MB / 32.00 GB
  Binaries:
    Node: 20.15.0 - ~/.nodenv/versions/20.15.0/bin/node
    npm: 10.7.0 - ~/.nodenv/versions/20.15.0/bin/npm
    pnpm: 9.4.0 - ~/.nodenv/versions/20.15.0/bin/pnpm
  IDEs:
    VSCode: 1.91.1 - /usr/local/bin/code
  Languages:
    Bash: 3.2.57 - /bin/bash
  npmPackages:
    @playwright/test: ^1.45.3 => 1.44.1

[subin-chella]

Cant replicate this issue in v1.46.

Created a sinmple test.

`test('my_test', async ({ browser }) => {
const context = await browser.newContext()
const page = await context.newPage()

await page.goto(http://localhost:5173/)
// Get the text content from #root > div
const rootDivText = await page.locator('#root > div').textContent();
console.log('Text content of #root > div:', rootDivText);
const element = page.getByText('2024/08/08 ~ 2024/08/08');
await expect.toBeVisible(page.getByText('2024/08/08 ~ 2024/08/08'))
const elementText = await element.textContent();
console.log('Text content found:', elementText);

})`

App
`
const Hoge = () => {
return (

2024/08/08 ~ 2024/08/08

)
}

export default Hoge`