majiayu000 Collect Selector
Purpose
Determine the correct data-testid for a UI component following a strict priority order.
Logic to collect data-testid
- Priority 1: playwrightId
- If component has playwrightId="some-value"
- Use in test: [data-testid="some-value"]
- Example: → test uses [data-testid="submit-btn"]
- Priority 2: data-testid
- If component has data-testid="some-value" (and no playwrightId)
- Use in test: [data-testid="some-value"]
- Example: → test uses [data-testid="submit-btn"]
- Priority 3: Text Content
- If no playwrightId or data-testid exists
- Use in test: element's visible text
- Example: Submit Form → test uses text="Submit Form"
- Priority 4: Auto create playwrightId
- If nothing above exists please add playwrightId using relevant value for the component Simple Summary: // Component has playwrightId:
Key Rule: Always use [data-testid="..."] in tests, whether the component has playwrightId or data-testid!
Output Format
Return a simple string containing the resolved data-testid value.
If no match is found, return: "undefined-testid"