hanayashiki / playwright-react-selector-fixture

Issue fixture: cannot match direct HTML element of React components

Playwright React Selector Fixture

Steps to reproduce the bug:

1. Clone this repository

git clone [e-mail]:hanayashiki/playwright-react-selector-fixture.git
cd playwright-react-selector-fixture

2. Install dependencies

yarn

3. Leave the dev server running

yarn dev

4. In another terminal, run

yarn playwright test

5. Wait for timeout exceeded

    Test timeout of 30000ms exceeded.

    locator.waitFor: Target closed
    =========================== logs ===========================
    waiting for locator('_react=App').locator('div')
    ============================================================

       7 |   await page.goto("http://localhost:5174/");
       8 |
    >  9 |   await page.locator("_react=App >> div").waitFor({ state: "attached" });
         |                                           ^
      10 | });
      11 |