JavaScripti vigade tuvastamine rooste ja peata Chrome'i abil

JavaScripti vigade käsitlemine roostes peata Chrome'iga

JavaScripti probleemide tuvastamine võib olla oluline silumiseks ja koodi stabiilsuse tagamiseks veebipõhise automatiseerimise või testimise ajal. JavaScripti saab käitada ja muuta Rusti peata Chrome'i brauseri eksemplaris tänu sellele peata_kroom kast. Kuid dokumentatsiooni puudumine muudab selle kasti kasutamise JavaScripti probleemide tuvastamiseks keeruliseks.

See artikkel selgitab, kuidas tuvastada JavaScripti probleeme kasutades peata_kroom crate in Rust, keskendudes stsenaariumide haldamisele, mille puhul skript ebaõnnestub. Vaatleme konkreetselt, kuidas kasutada Chrome'is logimise ja siluri sündmusi, et hoida silma peal probleemidel, nagu ebaõnnestunud väited.

Sündmuskuulajate õige seadistamine Rustis, et jälgida teatud tüüpi JavaScripti tõrkeid, on üks raskusi, millega arendajad silmitsi seisavad. Nagu näeme, võib enne selliste funktsioonide kasutamist olla vajalik seadistamine console.assert(false) tuvastatavate sündmuste viivitamatuks genereerimiseks; see nõuab Rusti sündmuste käsitlemise võimete sügavamat mõistmist.

Vaatame läbi koodinäidised, lahendame levinumaid probleeme ja täiustame oma sündmuste kuulajaid, et tulevaste osade JavaScripti vigu tõhusalt tabada. See protseduur näitab, kuidas põhjaliku dokumentatsioonita kastidega töötamine nõuab katse-eksituse meetodit.

Kuidas tuvastada JavaScripti vigu roostepeata Chrome'i kastiga

Skriptide eesmärk on käitada JavaScripti koodi peata Chrome'i brauseris, kasutades Rust crate'i peata_kroom ja tuvastage kõik ilmnevad JavaScripti probleemid. See on eriti kasulik, kui kasutate veebikraapimist või automatiseeritud testimist, et veenduda JavaScripti kavandatud toimimises. Kasutades Brauser::uus, initsialiseerib skript esmalt brauseri uue eksemplari ja määrab mõned LaunchOptions, näiteks akna suurus. Veendumaks, et peata Chrome'i eksemplar toimiks nagu tõeline brauserikeskkond, edastatakse need seaded.

Skript kasutab tab.new_tab() uue vahekaardi loomiseks pärast brauseri lähtestamist. Sellel vahekaardil käitatakse JavaScripti sarnaselt brauseriaknale. Kasutades saame kuulata olulisi sündmusi, sealhulgas JavaScripti vigu tab.enable_debugger() ja tab.enable_log() Chrome'i siluri ja logimisfunktsioonide lubamiseks. Täpsemalt võimaldab nende võimaluste sisselülitamine skriptil kasutada Chrome'i sisseehitatud silumisprotokolli, mis on oluline selliste vigade tuvastamiseks, mis tavapäraste logimismeetoditega ei pruugi ilmneda.

Järgmiseks, tab.add_event_listener() meetodit kasutab skript sündmustekuulaja kasutamiseks. See funktsioon loob süsteemi teatud silumissündmuste salvestamiseks, näiteks Siluja Peatatud, mis näitab, et täitmine on JavaScripti probleemi või katkestuspunkti tõttu katkenud. Sündmuskuulaja teeb kindlaks, kas tegemist on JavaScripti veaga, lisades selle Rust-sulgemisse. Tarkvara satub paanikasse ja kuvab vea leidmisel veateate. Selle meetodi abil püütakse JavaScripti vead reaalajas isegi siis, kui töötate peata.

Lõpuks tab.evaluate() kasutatakse otsese JavaScripti avalduse hindamiseks, console.assert(false). See käsk põhjustab sihipäraselt vea, et simuleerida veebirakendustes levinud stsenaariumit, kus oleks vaja jäädvustada ebaõnnestunud väide või muu JavaScripti probleem. Probleemi ilmnemisel saavad arendajad automaatselt peatada täitmise ja käivitada häire, kombineerides veatuvastuse ja siluri. Lõpuks ootab skript piisavalt kaua, et JavaScripti käivitumine ja kõik probleemid salvestataks enne lõpetamist tänu std::lõime::uni().

use headless_chrome::{protocol::cdp::types::Event, Browser, LaunchOptions};
use std::{error::Error, sync::Arc};
fn main() -> Result<(), Box<dyn Error>> {
    let browser = Browser::new(
        LaunchOptions::default_builder()
            .window_size(Some((2000, 2000)))
            .build()
            .expect("Could not find chrome-executable"),
    )?;
    let tab = browser.new_tab()?;
    tab.enable_debugger().unwrap();
    tab.enable_log().unwrap();
    let _events = tab.add_event_listener(Arc::new(move |event: &Event| {
        dbg!(event);
        if let Event::DebuggerPaused(_paused_event) = event {
            panic!("JavaScript error detected!");
        }
    }))?;
    let _remote_object = tab.evaluate("console.assert(false);", true).unwrap();
    std::thread::sleep(std::time::Duration::from_secs(1));
    Ok(())
}

use headless_chrome::{Browser, LaunchOptions};
use std::panic;
fn main() -> Result<(), Box<dyn std::error::Error>> {
    panic::set_hook(Box::new(|info| {
        println!("Panic occurred: {:?}", info);
    }));
    let browser = Browser::new(LaunchOptions::default())?;
    let tab = browser.new_tab()?;
    tab.enable_log()?;
    tab.evaluate("console.assert(false);", true)?;
    std::thread::sleep(std::time::Duration::from_secs(1));
    Ok(())
}

#[cfg(test)]
mod tests {
    use super::*;
    #[test]
    fn test_js_error_detection() {
        let browser = Browser::new(LaunchOptions::default()).unwrap();
        let tab = browser.new_tab().unwrap();
        tab.enable_log().unwrap();
        let result = tab.evaluate("console.assert(false);", true);
        assert!(result.is_err(), "Expected JavaScript error!");
    }
}

JavaScripti veatuvastuse täiustamine roostes sündmuste käsitlemisega

Kuigi algne skript keskendub JavaScripti vigade tuvastamisele, kasutades peata_kroom paketi puhul on oluline ka veakäsitluse tõhususe optimeerimine. Kasutades keerukamaid sündmusetüüpe nagu Runtime.exceptionThrown on üks meetod protsessi parandamiseks. Täpsemat teavet JavaScripti erandite kohta saate sellest protokollisündmusest, mis annab administraatoritele täpsema kontrolli nende tõrgete käsitlemise üle. See sündmustekuulaja võib pakkuda rohkem teavet kui lihtne kinnitustõrge olukordades, kus käitusaja erandite või vale koodi tõttu tekivad vead.

Lisaks sündmuste silumisele kõrva taha hoidmisele on ülioluline Rustiga vigu graatsiliselt käsitleda. Näiteks Rusti oma Tulemus ja Võimalus tüüpe saavad arendajad kasutada kohandatud veatüüpide loomiseks. See muudab teie Rusti rakendused tugevamaks, võimaldades paremat vigade levikut ja JavaScripti tõrgetest taastumist. Vigu saab kiiremini tuvastada logides need konsooli üheselt mõistetavate teadetega, eriti kui töötate peata keskkonnas ilma brauseri visuaalse tagasisideta.

Lisaks saab teste käivitada erinevatel lehtedel või JavaScripti kontekstides peata_kroom kasutatakse. Saate veenduda, et teie JavaScript töötab korralikult erinevates võrgurakendustes, juhtides erinevaid vahekaarte või seansse. See võib säästa palju aega üksikute skriptide silumisel, võimaldades teil integratsiooni testimise olukordades testida mitut lõpp-punkti JavaScripti probleemide suhtes samaaegselt.