Function countMatchingElements

util/playwright_selector.js:297–373

* Count how many elements on the page match a given selector candidate * Used to check if a selector is unique

(candidate)

 * Used to check if a selector is unique
 */
function countMatchingElements(candidate) {
    try {
        if (candidate.method === 'getByRole') {
            const role = candidate.role;
            const name = candidate.name;

            // Find all elements with this role
            const allElements = document.querySelectorAll('*');
            let count = 0;

            for (const el of allElements) {
                if (getAriaRole(el) === role) {
                    if (name) {
                        // Check if accessible name matches
                        if (getElementAccessibleName(el) === name) {
                            count++;
                        }
                    } else {
                        count++;
                    }
                }
            }
            return count;
        }

        if (candidate.method === 'getByLabel') {
            const label = candidate.label;
            const allElements = document.querySelectorAll('input, select, textarea, button');
            let count = 0;
            for (const el of allElements) {
                const labels = getElementLabels(el);
                if (labels.some(l => l.normalized === label)) {
                    count++;
                }
            }
            return count;
        }

        if (candidate.method === 'getByPlaceholder') {
            return document.querySelectorAll(`[placeholder="${CSS.escape(candidate.placeholder)}"]`).length;
        }

        if (candidate.method === 'getByTestId') {
            return document.querySelectorAll(`[data-testid="${CSS.escape(candidate.testId)}"]`).length;
        }

        if (candidate.method === 'locator') {
            return document.querySelectorAll(candidate.selector).length;
        }

        if (candidate.method === 'getByText') {
            const text = candidate.text;
            const allElements = document.querySelectorAll('*');
            let count = 0;
            for (const el of allElements) {
                const elText = elementText(el).normalized;
                if (elText === text || elText.includes(text)) {
                    count++;