Method handleChange

modules/action/events/input.js:104–189

(event)

    }

    async handleChange(event) {
        // Check recording state first
        const recResponse = await this.sendMessageAsync({ message: "recState" });

        if (!recResponse || !recResponse.recState) {
            return;
        }

        const target = event.target;
        const xpaths = this.getXpaths(target);

        let changeData = {
            message: "onChange",
            xPath: xpaths,
            content: target.value,
            locator: getPlaywrightSelector(target)
        };

        if (target.type === 'checkbox' || target.type === 'radio') {
            changeData.checked = target.checked;
            changeData.value = target.value;
        } else if (target.tagName === 'SELECT') {
            // Capture comprehensive dropdown information (Layer 1: Native)
            const selectedOptions = Array.from(target.selectedOptions).map(opt => ({
                value: opt.value,
                text: opt.text,
                index: opt.index
            }));

            // Capture ALL available options
            const allOptions = Array.from(target.options).map(opt => ({
                value: opt.value,
                text: opt.text,
                index: opt.index,
                selected: opt.selected,
                disabled: opt.disabled
            }));

            changeData.dropdown = {
                kind: 'native',
                label: getLabelForElement(target),
                selectedValue: target.value,
                selectedText: target.selectedOptions[0]?.text || '',
                selectedIndex: target.selectedIndex,
                allOptions: allOptions,
                isMultiple: target.multiple,
                detectionConfidence: 1.0
            };

            // Keep backward compatibility
            changeData.selectedOptions = selectedOptions;
        } else if (target.type === 'file') {
            changeData.files = Array.from(target.files || []).map(file => ({
                name: file.name,
                size: file.size,
                type: file.type
            }));
            // Use real filename instead of browser's fakepath