Function fill

src/commands/input.rs:236–360

Fill an input field identified by CSS selector with the given value.

(
    client: &mut CdpClient,
    session_id: &str,
    selector: &str,
    value: &str,
)

/// Fill an input field identified by CSS selector with the given value.
pub async fn fill(
    client: &mut CdpClient,
    session_id: &str,
    selector: &str,
    value: &str,
) -> Result<CommandResult> {
    let initial_url = client.current_url(session_id).await?;
    let escaped_sel = serde_json::to_string(selector)?;
    // Escape value for safely injecting into JS
    let escaped_val = serde_json::to_string(value)?;

    let expr = format!(
        r#"(() => {{
            const el = document.querySelector({escaped_sel});
            if (!el) return 'not_found';

            const tagName = el.tagName.toLowerCase();
            const type = el.type ? el.type.toLowerCase() : '';

            if (tagName === 'select') {{
                let optionFound = false;
                for (const option of el.options) {{
                    if (option.value === {escaped_val} || option.text === {escaped_val}) {{
                        el.value = option.value;
                        optionFound = true;
                        break;
                    }}
                }}
                if (!optionFound) {{
                    return 'option_not_found';
                }}
                el.dispatchEvent(new Event('input', {{bubbles: true}}));
                el.dispatchEvent(new Event('change', {{bubbles: true}}));
                return 'select_ok';
            }}

if (tagName === 'input' && (type === 'checkbox' || type === 'radio')) {{
                 const isTrue = {escaped_val}.toLowerCase() === 'true';
                 if (el.checked !== isTrue) {{
                     el.checked = isTrue;
                     el.dispatchEvent(new Event('input', {{bubbles: true}}));
                     el.dispatchEvent(new Event('change', {{bubbles: true}}));
                 }}
                 return 'checkbox_ok';
             }}

             if (tagName === 'textarea') {{
                 el.value = {escaped_val};
                 el.dispatchEvent(new Event('input', {{bubbles: true}}));
                 el.dispatchEvent(new Event('change', {{bubbles: true}}));
                 return 'textarea_ok';
             }}

             if (type === 'file') {{
                 return 'file_input';
             }}

             // For contenteditable elements or other text-like elements