- Kaasaegne veebiplatvorm ühendab endas visuaalse automatiseerimise tööriistad, brauseri skriptimise, HTTP API-d ja tehisintellektiga toetatud esiotsa genereerimise.
- GPT-4V suudab juba lihtsaid veebisaite uuesti luua ja sageli ka täiustada, kuid keerukas esiotsa inseneritöö vajab endiselt inimeste oskusteavet.
- Praktiline veebiautomaatika tugineb väikesele hulgale põhioskustele: navigeerimine, elementide valimine, klõpsamine, tippimine, lugemine ja ootamine.
- Automatiseerimisele keskenduva veebiarendaja palkamine annab märkimisväärset kasu tõhususe, nähtavuse, koostöö, skaleeritavuse ja turvalisuse osas.
Veebiarendus ja automatiseerimine põrkuvad praegu põneval moel kokku.Alates tehisintellektist, mis kirjutab esiotsa koodi, kuni vähese koodiga visuaalsete tööriistadeni ja kohandatud süsteemideni, mis haldavad terveid ettevõtteid veebis peaaegu ilma käsitsi tööta. Kui teil on automatiseerimise taust ja olete nüüd hüpanud veebiarendusse, olete ideaalses kohas, et sellel uuel lainel kaasa lüüa.
Kaasaegne „üldine” veebiarendus ei seisne enam ainult ilusate lehtede loomisesSee puudutab nende lehtede ühendamist automatiseeritud töövoogude, tehisintellektil põhinevate vestlusrobotite, SMS- ja e-posti kampaaniate, broneerimissüsteemide, juhtpaneelide ja API-dega, mis teevad vaikselt raske töö kulisside taga ära. Selles juhendis selgitame, kuidas automatiseerimine sobib veebiarendusse, millised tööriistad ja kontseptsioonid on tegelikult olulised ning kui kaugele saab tehisintellekt traditsioonilise esiotsa töö asendamisel tegelikult minna.
Automatiseerimisele orienteeritud veebiarendaja uus profiil
Tekkimas on uut tüüpi veebiarendaja: keegi, kes segab klassikalist kodeerimist protsesside automatiseerimisega.Staatiliste turundusveebisaitide loomise asemel keskendub see profiil SMS-i, e-posti, tehisintellektil põhinevate vestlusrobotite ja broneerimissüsteemide ühendamisele, et veebisaidist saaks ettevõtte toimimise keskpunkt.
Kujutage ette sellist töövooguLeiad Google Mapsist kohaliku ettevõtte, millel kas puudub veebisait või on see halvasti korraldatud, võtad temaga e-posti teel ühendust ja pakud seejärel välja kohandatud veebisaidi loomise, mis mitte ainult ei näe hea välja, vaid automatiseerib ka müügivihjete kogumise, kohtumiste broneerimise ja järeltegevuse. Sait kogub kontaktandmeid, broneerib kalendrisse aegu, käivitab automaatsed SMS- või e-kirjade saatmise ja suunab küsimused tehisintellektil põhineva vestlusroboti kaudu. Sa ei „tee lihtsalt veebisaiti“, vaid annad ettevõttele ööpäevaringselt töötava automatiseeritud assistendi.
Algstaadiumis ei pruugi sul isegi domeeni ega suurt avalikku portfooliot olla.Võid oma oskusi proovile panna, käivitades ajutistel URL-idel demoprojekte ja öeldes potentsiaalsetele klientidele: „Kui soovid minu töid näha, saada mulle lihtsalt sõnum ja ma jagan mõningaid näiteid.“ See on tegelikult väga praktiline viis, kui õpid veel paralleelselt nii veebitehnoloogiat kui ka automatiseerimistööriistu.
Kuna need automatiseerimisele orienteeritud projektid hõlmavad paljusid tööriistu, on kasutatavus sama oluline kui koodi kvaliteetSa töötad sageli mitte-tehniliste klientide heaks, kelle ainus mure on see, et müügivihjed ei kaoks ära, broneeringud kaoksid õigesti kalendrisse ja järelpärimised oleksid usaldusväärsed. Sinu eeliseks on võime mõelda otsast lõpuni voogude, mitte ainult üksikute lehtede kaupa.
Visuaalne veebiautomaatika vs traditsiooniline programmeerimine
Vastupidiselt paljude arvamusele ei pea kasulike veebiautomaatika loomiseks alati olema tõsine programmeerija.Paljud tänapäevased tööriistad pakuvad visuaalseid liideseid, kus vooge saab kujundada plokke ühendades, päästikke määratledes ja andmeid ühelt sammult teisele kaardistades. See on paljude automatiseerimisplatvormide taga olev filosoofia ja see, mida ettevõtted nagu Terrera AG kasutavad mitte-tehniliste meeskondade abistamiseks.
Need visuaalsed konstruktorid võimaldavad teil lohistamise abil automatiseerida suhteliselt keerulist äriloogikat: vormi esitamisel looge kontaktkirje, saatke SMS, ajastage järelmeil, värskendage andmebaasi, helistage välisele API-le või teavitage müügiesindajat. Enamiku igapäevaste äriprotsesside jaoks on see abstraktsioonitase enam kui piisav ja palju kiirem kui kõige nullist kodeerimine.
Muidugi, kui automatiseerimine muutub keerukamaks, muutub veidi tehnilist arusaamist oluliseks.Sa pead teadma, kuidas HTTP-päringud toimivad, mis on API lõpp-punkt, kuidas toimida autentimisega ja kuidas edastatakse andmestruktuure, näiteks JSON-i. Siin on spetsialistide korralik koolitus ja tugi üliolulised, et meeskonnad ei jääks ummikusse selliste detailidega nagu päised, kasulik koormus või veakäsitlus.
Ideaalne lahendus on visuaalse automatiseerimise ja koodi koostöö.Mittetehnilised töötajad saavad visuaalses tööriistas lihtsaid vooge korraldada, samas kui arendajad laiendavad süsteemi kohandatud integratsioonide, skriptide või kasutajaliidese komponentidega, kui standardsetest plokkidest ei piisa. Nii saab organisatsioon kiiresti edasi liikuda, ohverdamata töökindlust.
Tehisintellekt ja esiotsa inseneritöö automatiseerimine
Tehisintellekt muudab kiiresti seda, kuidas esiotsa tööd tehakse.Kaasaegsete mudelite võimalused näivad peaaegu iga päevaga kasvavat ja pidevalt kerkib esile suur küsimus: kui lähedal me oleme esiotsa inseneritöö täielikule automatiseerimisele? Hiljutised uuringud GPT-4V ja sarnaste generatiivsete mudelite kohta pakuvad väga konkreetseid andmeid.
arXivis pealkirjaga „Kui kaugel oleme esiotsa inseneritöö automatiseerimisest?“ avaldatud uuringus võrreldi GPT-4V-d teiste generatiivsete mudelitega. veebisaitide automaatse loomise ülesande kohta. Autorid panid kokku 484 reaalse veebilehe andmestiku ja palusid neil mudelitel need uuesti luua. Seejärel hindasid nad loodud lehti, kasutades nii kõrgetasemelise visuaalse sarnasuse kui ka madalatasemelise elementide vastavuse mõõdikute kombinatsiooni, et saada täpne kvaliteeditunnetus.
Kõrgetasemelise vaate jaoks kasutasid nad CLIP-sarnasustPõhimõtteliselt võrdlesid nad ekraanipiltide manuseid võrdlusveebisaidilt ja tehisintellekti loodud saidilt. See mõõdab, kas need kaks liidest näevad esmapilgul sarnased välja ja tunduvad sarnased. See on viis kvantifitseerida disainerite ja kasutajate alateadlikku otsust „kas see näeb õige välja?“.
Madalama taseme hindamiseks jagasid nad asjad mitmeks diagnostiliseks mõõdikuks ühe liitskoori asemel. See võimaldas neil näha väga konkreetseid kohti, kus tehisintellektil hästi läks ja kus tal puudu jäi.
Plokkide sobitamine mõõtis, kui suur osa visuaalsete elementide kogupindalast oli õigesti reprodutseeritud., võrreldes piiravaid kaste algses ja genereeritud paigutuses. See tähendab, et kontrollitakse, kas kõik olulised elemendid on olemas ja õigesti renderdatud, mitte ainult seda, kas leht näeb ebamääraselt sarnane välja.
Teksti sarnasus uuris vastavate tekstiplokkide vahelist vastavust tähemärkide tasemel.See on täpsem viis küsida: kas mudel jäädvustas lisaks paigutusele ka saidi konkreetse sõnastuse, sildid ja sisu, selle asemel, et hallutsineerida või osi vahele jätta?
Positsiooni sarnasus võrreldes elementide keskpunktide normaliseeritud koordinaatidegaKaks saiti võivad jagada samu komponente, aga tunduda täiesti erinevad, kui asju nihutada. Ühtlane positsioon näitab, et loodud kujundus arvestab hierarhiat, joondust ja lugemisvoogu.
Värvi sarnasust mõõdeti CIEDE2000 valemi abil., mis kirjeldab tajutavaid värvierinevusi nii, nagu inimesed neid kogevad. See on nüansirikkam kui lihtsalt RGB-väärtuste võrdlemine; see peegeldab, kas tausta-, teksti- ja aktsentvärvid on piisavalt joondunud, et neid tajutaks sama teemana.
Autorid vältisid teadlikult kõigi nende mõõdikute liitmist üheks "maagiliseks" hindeksIga number räägib loost erineva osa: CLIP tegeleb globaalse ilme ja tunnetusega, samas kui plokid, tekst, positsioon ja värv paljastavad konkreetsed tugevused ja nõrkused. Ideaalis peaks küps mudel toimima tugevalt igas dimensioonis, mitte ainult koondindeksis, mis varjab ebaõnnestumisi.
Sellel võrdlusalusel edestas GPT-4V selgelt teisi generatiivse tehisintellekti mudeleid. antud ülesande jaoks. Kuid huvitavam tulemus tuli inimeste tehtud hindamisest: 49% juhtudest leidsid inimestest arvustajad, et GPT-4V loodud sait võiks visuaalse välimuse ja sisu poolest algse viitelehe täielikult asendada.
Veelgi rabavam on see, et 64% hinnatud juhtudest hindasid inimesed tehisintellekti loodud disaini paremaks kui originaali.See tähendab, et lihtsate saitide puhul pole tehisintellekt mitte ainult konkurentsivõimeline, vaid see uuendab sageli ka kehvasid või aegunud paigutusi puhtamateks ja atraktiivsemateks ilma esialgsest juhisest kaugemale ulatuva täiendava juhendamiseta.
Siiski on oluline kontekst, mis hoiab ära selle, et see oleks teade „esiosa on surnud”.Uuringus kasutatud andmestik ei ole suunatud peamiselt väga keerukatele või interaktiivsetele veebirakendustele. Paljud viidatud lehed on suhteliselt lihtsad turundus- või teabelehed, mis ei pinguta kogenud kasutajaliidese inseneri võimeid.
Näiteid vaadates on need sageli piisavalt lihtsad, et heal inimesest arendajal ei tekiks erilist väljakutset.See ei vähenda GPT-4V saavutust, kuid tähendab, et me pole veel jõudnud punkti, kus tehisintellekt suudab järelevalveta luua keerukaid esiotsa süsteeme keeruka äriloogika, ligipääsetavuse nüansside ja sügava integratsiooniga taustteenustega.
Tõeliselt range järgmine samm oleks sarnaste katsete läbiviimine keerukamate liidestega.: mitmeastmelised vood, reaalajas andmetega juhtpaneelid, keerukad navigeerimisstruktuurid või rakendused, millel on palju kliendipoolset interaktiivsust. Just seal näeksimegi, kas tehisintellekt suudab asendada või ainult abistada kogenud kliendipoolseid insenere.
Seega tundub tehisintellekt praegu pigem võimsa assistendi kui otsese asendajanaSee suudab ise lihtsaid kujundusi luua, koodi ümber kujundada, paigutuse täiustusi soovitada ja isegi A/B-testimiseks alternatiivseid versioone genereerida, samal ajal kui inimesed vastutavad endiselt arhitektuuri, kasutatavuse ja lõpliku lihvi eest.
Brauseri automatiseerimine veebivirna osana
Lisaks veebisaitide loomisele on tänapäeval veebiautomaatika oluline osa seotud brauserite programmilise juhtimisega.See on oluline kasutajaliidese testimiseks, robotiseeritud protsesside automatiseerimiseks (RPA) pärandsüsteemides ja korduvate ülesannete, näiteks andmete ekstraheerimise ja vormide esitamise ulatuslikuks tegemiseks.
Tööriistad nagu Microsoft Power Automate pakuvad spetsiaalset brauseri automatiseerimistoimingute rühma. mis võimaldavad teil veebielementidega otse suhelda. Mõelge sellest kui täiustatud kasutajaliidese skriptimisest veebi jaoks: käivitate brauseri eksemplari, navigeerite lehele, klõpsate elementidel, täidate vorme ja loete andmeid – kõik see toimub töövoo kujundaja kaudu, selle asemel, et seda käsitsi teha päris brauseri vahekaardil.
Power Automate toetab nii omaenda manustatud automatiseerimisbrauserit kui ka peamisi brausereid—Microsoft Edge, Internet Explorer, Google Chrome ja Mozilla Firefox. Esimene samm igas voos on alati sama: looge brauseri eksemplar või lisage see toiminguga „käivitage uus” või „lisage olemasolevale”, määrates valikuliselt, kas see peaks töötama kohalikus arvutis või virtuaalses töölaua keskkonnas.
Kui brauseri eksemplar on valmis, saate rakendada automatiseerimistoiminguid, mis jäljendavad kasutaja käitumist JavaScripti sündmuste kaudu.Linkidele klõpsamine, sisestusväljadele tippimine, rippmenüüdest valimine ja vormide esitamine – kõik see toimub taustal. Neid vooge saab luua käsitsi või salvesti abil, mis jälgib teie tegevust ja muudab selle automatiseeritud sammudeks.
Vaikimisi ei liiguta need automatiseerimistoimingud hiirekursorit ekraanil.See võib kõlada detailina, aga see on suur kasutatavuse eelis: vooge saab käivitada ka siis, kui brauser on minimeeritud või kui sihtvahekaart pole isegi fookuses, nii et kasutajad saavad jätkata tavapärast tööd samal masinal, samal ajal kui automatiseerimine taustal töötab.
On äärmusjuhtumeid, kus JavaScriptil põhinevast interaktsioonist ei piisaNäiteks kui konkreetne juhtelement ei reageeri simuleeritud sündmustele õigesti. Sellistel juhtudel saab mõned toimingud, näiteks „Klõpsake lingil veebilehel” või „Täitke tekstiväli veebilehel”, lülitada füüsilise interaktsiooni režiimi, mis liigutab hiirt ja tippib nagu päris inimene. Kompromiss seisneb selles, et brauser peab nende toimingute ajal jääma nähtavaks ja sihtvahekaart peab olema fookuses.
Automatiseeritud brauser vs Internet Explorer: peened, kuid olulised erinevused
Huvitaval kombel põhineb Power Automate'i sisemine automatiseerimisbrauser Internet Exploreril., kuid see pakub teistsugust käitumisprofiili, mis muudab selle automatiseerimiseks sobivamaks. Sellel on teatud eelised ja kompromissid, mis on olulised robustsete voogude loomisel.
Esiteks töötab automatiseeritud brauser kohe karbist võttes, samas kui Internet Explorer vajab sageli turvakonfiguratsiooni kohandamist.Rangete turvapoliitikatega keskkondades võib IE sätete käsitsi muutmine ainult automatiseerimise tööle saamiseks olla blokeeritud või tungivalt ebasoovitav. Automatiseerimisbrauser väldib suurt osa sellest hõõrdumisest ja lihtsalt töötab.
Teiseks on toiming „klõpsa veebilehel allalaadimislingil” automatiseeritud brauseriga paremini ühilduv.See toimib olenemata aluseks olevast IE versioonist, samas kui sama toiming, mis on suunatud päris Internet Explorerile, nõuab teatud allalaadimistoimingute jaoks versiooni 8 või vanemat. See on oluline siis, kui haarate automaatselt aruandeid või faile veebirakendustest.
Kolmandaks, automatiseerimisbrauser blokeerib hüpikaknad vaikimisi.Päris Internet Exploreris võivad need dialoogid katkestada järelevalveta vooge ja vajada käsitsi sekkumist. Kui soovite, et dialoogid ilmuksid, saate selgesõnaliselt lisada järelliite Näita dialoogiaknaid URL-i lõpus toimingus „Käivita uus Internet Explorer”, et need selles stsenaariumis uuesti lubada.
Neljandaks, automatiseeritud brauser ei toeta vahekaarte ega linkide avamist uutes akendesKui valite lingi, avaneb see alati samas aknas või eksemplaris. Kuigi see võib inimkasutajale tunduda piiravana, lihtsustab see automatiseerimise jaoks konteksti käsitlemist ja kiirendab tavaliselt täitmist, kuna jälgitavaid pindu on vähem.
Lõpuks, kuna see jätab vahele ebavajalikud pluginad ja komponendid, on automatiseeritud brauser tavaliselt veidi kiirem kui täisversioon Internet Explorer.Pikkade ja paljude lehekülgedega töövoogude puhul võib see pealtnäha väike jõudluse eelis olla määravaks teguriks sujuva öise töö ja kroonilise kitsaskoha vahel.
Brauserite ja veebielementide automatiseerimine samm-sammult
Iga tugev brauseri automatiseerimisvoog algab samamoodi: käivitamise või toetatud brauseriga ühenduse loomisega.Power Automate'is on teil spetsiaalsed toimingud, näiteks „Käivita uus Microsoft Edge”, „Käivita uus Internet Explorer”, „Käivita uus Chrome” ja „Käivita uus Firefox”. Igaüks neist loob kontrollitava brauseriseansi, millele viitavad kõik järgnevad toimingud.
Kui brauseriseanss on juba toimunud, saate oma toimingud jagada kahte suurde kategooriasseveebivormide täitmine (andmete edastamiseks lehtedele) ja veebiandmete ekstraheerimine (andmete lugemiseks lehtedelt). Mõlemad tuginevad suuresti kasutajaliidese elementide järjepidevale tuvastamisele ja taaskasutamisele.
Sinu määratletud kasutajaliidese elemendid salvestatakse paneelile, et saaksid neid toimingute vahel uuesti kasutada.Uue elemendi lisamiseks valige see reaalajas veebilehel ja vajutage Ctrl + vasakklõps. Pärast kõigi lehe jaoks vajalike elementide märkimist kinnitage see valikuga „Valmis“ ja need muutuvad kättesaadavaks igas voo etapis. See tähendab, et te ei pea elemente iga kord uuesti salvestama ega valima.
Veebilehele andmete kirjutamiseks valite vormi täitmise toimingu elemendi tüübi põhjal.Näiteks rippmenüüga suhtlemiseks kasutate funktsiooni „Määra veebilehe rippmenüü väärtus“ ja määrate lihtsalt, milline suvand tuleks valida. Tekstiväljade puhul valite vastava toimingu „Määra tekst“ ja sisestate soovitud väärtuse.
Lehelt andmete lugemiseks saate kasutada kas „Hangi veebilehe üksikasjad” või „Hangi veebilehe elemendi üksikasjad”., olenevalt sellest, kas vajate andmeid kogu lehe (nt pealkirja või URL-i) või konkreetse juhtelemendi (nt sildi sees oleva teksti või konkreetse atribuudi) kohta. Paljude stsenaariumide puhul on see kõik, mida vajate tulemuste valideerimiseks või väljundite jäädvustamiseks hilisemate sammude jaoks.
Lisaks eelnevalt täidetud atribuudivalikutele saate käsitsi valida elemendi mis tahes HTML-atribuudi. ekstraheerimiseks. Üks eriti kasulik omadus on wa-element ristkülik, mis tagastab veebielemendi ülemise vasaku koordinaadi ja mõõtmed. See on kriitilise tähtsusega, kui peate arutlema millegi asukoha üle ekraanil, näiteks kattuvate kihtide tõrkeotsinguks või paigutuspiirangute kontrollimiseks.
Kui teil on vaja kraapida suuremaid koguseid struktureeritud andmeid, on olemas spetsiaalne toiming „Andmete ekstraheerimine veebilehelt”.See saab tulemusi kuvada üksikute väärtustena, loenditena, tabelitena või isegi otse Exceli arvutustabelitesse kleepida. Kui reaalajas veebiassistent on avatud, saate sihtväärtustel klõpsata või paremklõpsata ja valida „Ekstrakti väärtus elemendist“ ning seejärel valida soovitud HTML-atribuudi.
Power Automate proovib automaatselt tuvastada andmeloendeid või -tabeleid, kui olete valinud vähemalt kaks sarnast elementi.Seejärel üldistab see mustri, nii et te ei pea iga rea jaoks käsitsi keerulisi selektoreid defineerima. See on eriti mugav tellimuste, otsingutulemuste või kataloogikirjete lehekülgede kaupa indekseerimisel.
Edasijõudnud kasutajad saavad CSS-selektoreid käsitsi luua või muuta reaalajas veebiassistendis.Alustuseks valite ekstraheeritava väärtuse tüübi – üksik väärtus, mitu käsitsi valitud väärtust (igaühel oma selektoriga), loendid, tabelid või täielikud HTML-tabelid – ning seejärel määrate selektori definitsiooni, sihtatribuudi ja valikulise regulaaravaldise täpsustatud vaste leidmiseks.
Lehekülgede jagamine on sageli pusle viimane tükkKui vajalikud andmed hõlmavad mitut sama struktuuriga lehte, peate lehekülgimiselemendid õigesti konfigureerima. Valige lehekülgimisjuhtelement või paremklõpsake sellel ja määrake see lehekülgimiselemendiks või määrake see käsitsi abilise täpsemates sätetes. Pärast andmete valimise lõpetamist sulgege abiline ja reguleerige parameetreid „Andmete ekstraheerimine veebilehelt”, et indekseerida kas kõik saadaolevad lehed või kindel arv lehti.
Samuti on valikuline säte „Andmete töötlemine ekstraheerimise ajal”. mis võimaldab Power Automate'il andmeid lennult puhastada – tühikute eemaldamine, soovimatute märkide eemaldamine jne. See võib lihtsustada allavoolu töötlemist, kuigi see võib aeglustada väga suuri ekstraktsioone, seega peaksite selle lubama valikuliselt.
Brauseritest kaugemale minnes: HTTP-toimingud ja veebi API-d
Kogu veebiautomaatika ei peaks toimuma renderdatud brauseri kaudu; mõnikord on otse veebiressurssidega suhtlemine kiirem ja usaldusväärsemSel põhjusel sisaldavad Power Automate ja sarnased tööriistad HTTP-taseme toiminguid, mis võimaldavad teil suhelda lehtede, failide ja API-dega ilma nähtavat brauserit avamata.
Lihtsaks allalaadimiseks võimaldab toiming „Laadi veebist alla” teil lehe sisu või faile otse haarata.Saate kasutada HTTP GET-i või POST-i, valida, kas tulemus salvestatakse kettale failina või lehe sisu sisaldava muutujana, ja seejärel edastada need andmed oma voo hilisematele etappidele.
Veebi API-dega integreerimiseks on olemas üldine toiming „Veebiteenuse käivitamine”. mis toetab mitut HTTP-meetodit (GET, POST, PUT, DELETE ja palju muud) ning on täielikult kohandatav. Saate URL-i, päringuparameetreid, päiseid, sisu ja autentimist konfigureerida vastavalt teie sihtrühmale mõeldud API-le, alates makseväravatest nagu Stripe kuni sõnumsideteenuste või sisemiste ärisüsteemideni.
SOAP-põhised teenused on pärandkeskkondades endiselt levinud, seega on olemas ka spetsiaalne toiming „Käivitage SOAP-veebiteenus”.See võimaldab teil töötada WSDL-põhiste API-dega, mis vajavad JSON-i kasulike koormuste asemel XML-ümbrikke, andes teile võimaluse automatiseerida vanemaid, kuid siiski kriitilisi tugisüsteeme.
Kuus praktilist veebitestimise automatiseerimise põhitegevust
Kui minna puhtalt äriautomaatikalt üle kvaliteedikontrolli testimisele, muutub pilt veidi, kuid põhioskused on üllatavalt kompaktsed.Praktikas katab käputäis toiminguid enamiku igapäevastest veebiautomaatika testimise stsenaariumidest, olenemata sellest, millist teeki te kasutate.
Testijad teatavad sageli, et umbes 99% nende automatiseerimistööst tugineb umbes kuuele põhivõimekusele, ülejäänud 1% puhul on vaja süveneda dokumentatsiooni või loomingulist probleemide lahendamist. Nende kuue heast mõistmisest piisab tavaliselt produktiivsete ja stabiilsete testimiskomplektide avamiseks.
Esimene põhifunktsioon on URL-ile navigeerimineSellises tööriistas nagu WebdriverIO võiksite kirjutada midagi nii lihtsat nagu oota brauserit.url(“https://google.com”)See tundub triviaalne, aga navigeerimisstrateegia valdamine tasub end ära: õige algus-URL-i valimine viib teie testid testitavale funktsionaalsusele võimalikult lähedale, vähendades seadistamisetappe ja kiirendades täitmist.
Hea navigeerimine tähendab ka ebavajalike interaktsioonide vahelejätmist, kui need pole testi fookuses.Kui teatud sisselogimis- või kasutuselevõtuprotsess on mujal juba põhjalikult käsitletud, saate URL-i abil sageli otse põhjalikumale marsruudile hüpata, selle asemel, et kogu jada uuesti läbi klõpsata. Oluline on vältida selliste käitumisviiside vahelejätmist, mis selles konkreetses stsenaariumis tegelikult valideerimist vajavad.
Teine omadus on elemendi asukoht, mis on veebitestimise üks suurimaid frustratsiooniallikaid. Parimal juhul pakuvad arendajad sisukaid ID-sid või klasse, muutes selektorid näiteks const element = oota $(“#suurepärane-id”) lihtne ja usaldusväärne. Vähem ideaalsetes koodibaasides on tulemuseks pikad ja haprad selektorid, näiteks const element = oota $(“.flex.container.list> ul> div> a> .w-50”), mida on raske lugeda ja veelgi raskem hooldada.
Saate oma elu lihtsamaks teha, optimeerides selektorites selgust nutikuse asemel.Mõnikord on kindlam valida veidi laiem, kuid väga loetav selektor ja seejärel tugineda kontekstile, selle asemel et kuhjata kokku varjatud CSS-nippe. Paljudes tööriistades saab JavaScripti käivitamist kasutada ka lähedalasuvast stabiilsest elemendist täpse sihtmärgini liikumiseks, selle asemel, et proovida „selektori musta maagiat“.
CSS-i ja XPathi põhjalikud teadmised on endiselt väärtuslikud, sest väikesed funktsioonid – näiteks atribuutide selektorid, n-nda lapse mustrid või tekstifiltrid – võimaldavad teil kirjutada kokkuvõtlikke ja ilmekaid lokaatoreid. Aga kui te ei kuulu arendusmeeskonda, peaksite tundma, et teil on õigus käsitleda raskesti valitavaid elemente vigadena ja taotleda sisukaid ID-sid või klasse, selle asemel, et neist vaikselt mööda häkkida.
Kolmas põhioskus on klõpsamine, mis kõlab peaaegu solvavalt lihtsalt, kuid põhjustab lõputult peavalu. Kood nagu oota element.klikk() varjab palju potentsiaalseid lõkse. Võite arvata, et klõpsate nuppu, aga sihite hoopis pakendi silti, mis viib segadust tekitavate vastuoludeni ootuste ja tegeliku käitumise vahel.
Ülekatted on veelgi salakavalam probleemKüpsisebännerid, kleepuvad päised, ujuvad jalused või modaalsed dialoogid blokeerivad sageli elemendi, millel soovite klõpsata. Kui proovite suhelda ilma nähtavust ja kattumist kontrollimata, saate vahelduvaid tõrkeid, mis ilmnevad ainult teatud tingimustel, mis on halvim ebaühtlase testi tüüp.
Tugev klikkide automatiseerimine hõlmab tavaliselt kolme kontrolli: kontrollides, et teadaolevaid ülekatteid pole olemas või et need on suletud; tagades, et sihtelement keritakse nähtavale ja seda ei kärbita; ja kinnitades, et teie hoitav elemendi viide vastab tõepoolest interaktiivsele pinnale, millel kavatsete klõpsata. Nende õigesti tegemine parandab testi usaldusväärsust oluliselt.
Neljas võimalus on teksti sisestamine sisenditesse, mis enamasti on meeldivalt lihtne. WebdriverIO-s võiksite lihtsalt kutsuda oota element.setValue("kartulid")ja tekst ilmub. Kui sait ei kasuta ebatavalisi kohandatud vidinaid või tugevat esiotsa maagiat, kipub see lihtsalt „töötama“ ega vaja palju tseremooniat.
Viies põhitoiming on teksti lugemine elementidestnäiteks läbi konstantne tekst = oota element.getText()Pealiskaudselt on see sama lihtne kui tippimine, kuid tekivad peened probleemid, kuna paljud teegid tagastavad koos elemendi sisuga kogu järglase teksti. See võib põhjustada üllatavaid stringe lisatühikute või pesastatud siltidega.
Selle lahendamiseks on sageli parem kontrollida, kas oodatud tekst on kaasatud, mitte rangelt võrdseltKasutades midagi sellist nagu text.includes("Minu väärtus") neelab ohutuid tühikuvariatsioone või lisakaunistusi. Soovimatu lapseteksti täielikuks vältimiseks võite valida ka allikaks spetsiifilisema elemendi.
Stabiilsete testide kuues ja vaieldamatult kõige olulisem võime on ootamineKogenud automatiseerimisinsenerid õpivad kiiresti, et veebis on ebareaalne oodata tingimuste täitmist „kohe praegu“. Võrgustikud on ebastabiilsed, renderdamine võib viibida ja JavaScripti täitmine on oma olemuselt asünkroonne.
Kohese tõesuse nõudvate kindlate ootuste kirjutamise asemel kasutavad robustsed testid ooteaegu, mis küsivad tingimuse kohta ajalõpuakna sees.Näiteks võite leida elemendi ja seejärel kutsuda funktsiooni oota kuni funktsioon, mis kontrollib korduvalt oma teksti, kuni see vastab soovitud väärtusele või ajalõpu aegub. Mõned kinnitusteegid peidavad selle küsitluse oma teegi sisse ootama süntaks, aga kontseptuaalselt on see sama asi.
Heade ootetingimuste loomine on kunstSoovite uuesti hinnata ainult neid osi, mis vajavad tõeliselt kontrollimist, vältida tarbetuid korduspäringuid ja määratleda ajalõpud, mis kajastavad realistlikke jõudlusootusi. Hästi tehes muudavad ooteajad teie testid vastupidavamaks väiksematele ajastuskõikumistele, varjamata tegelikke jõudluse regressioone.
On veel üks auväärne mainimine, mis 99% nimekirja päris täpselt ei mahu: küpsiste kustutamine.Paljudes raamistikes piisab ühest kutsetest, näiteks oota brauserit.kustutaKüpsised() paigutatud a enne iga konks tagab, et iga test algab puhtast seansist. See üks rida on testidevahelise sõltumatuse ja oleku lekke vältimise võti kogu teie komplektis.
Äriline väärtus: miks on oluline automatiseerimisele pühendunud veebiarendaja
Ärilisest vaatenurgast võib automatiseerimisele spetsialiseerunud veebiarendaja palkamine olla tõeline konkurentsirelv.Üldiste SaaS-tööriistade ostmise ja käsitsi kokkukleepimise asemel saate kohandatud lahendusi, mis peegeldavad täpselt teie protsesse alates ruumide broneerimisest ja ürituste haldamisest kuni klientide kaasamise ja arvelduseni.
Esimene suur eelis on tegevuse efektiivsusOskuslik arendaja saab kujundada ja rakendada kohandatud veebilahendusi, mis automatiseerivad töövooge, eemaldavad korduvaid käsitsi tehtavaid ülesandeid ja minimeerivad inimlikke vigu. See viib otseselt suurema tootlikkuse ja madalamate halduskuludeni – nii aja kui ka raha osas.
Teine eelis on nähtavus ja kontrollKui koondate oma protsessid veebiplatvormile, saate lõpuks näha, mis toimub kogu organisatsioonis. Armatuurlauad ja kohandatud aruanded võimaldavad teil jälgida peamisi näitajaid reaalajas, mis toetab andmepõhist otsuste langetamist kõhutunde asemel.
Kolmas eelis on parem koostöö ja suhtlusPaljud äriprotsessid nõuavad mitme meeskonna, haru või partneri koordineerimist. Õige veebilahendusega töötavad kõik samas süsteemis, jagades teavet reaalajas, jälgides ülesandeid ja tähtaegu ning vähendades arusaamatusi või topelttööd.
Neljas eelis on skaleeritavus ja kohanemisvõimeTeie organisatsiooni kasvades või ümberkorraldades soovite, et teie süsteemid areneksid ilma täieliku ümberehituseta. Hästi disainitud veebiplatvorm on piisavalt paindlik, et lisada uusi funktsioone, teenindada rohkem kasutajaid ja integreerida lisateenuseid ilma oma keerukuse all kokku varisemata.
Viies peamine eelis on turvalisus ja vastavus nõueteleKui automatiseerimine toimib korralikult projekteeritud veebilahenduse kaudu, saate jõustada juurdepääsukontrolli, krüpteerida tundlikke andmeid ja hallata auditeerimisjälgi. Spetsialiseerunud arendaja saab need kaitsemeetmed algusest peale sisse ehitada, muutes regulatiivsete nõuete täitmise ja klienditeabe kaitsmise lihtsamaks.
Nagu iga tõsise algatuse puhul, on ka siin kompromisse, mida tuleb kaaluda.Kohandatud arendus nõuab esialgset investeeringut disaini, rakendamisse ja käivitamisse. Teie meeskond seisab silmitsi õppimiskõveraga uute tööriistade ja töövoogudega kohanemisel ning võite muutuda pideva hoolduse ja täiustuste jaoks sõltuvaks välisest eksperdist.
Kuid positiivne külg on see, et peaaegu iga haldus- või tegevusprotsessi saab veebilahenduste abil automatiseerida.: varude haldamine, raamatupidamine, personalijuhtimine, müügikanalid, klienditugi, maksete kogumine, API integratsioonid platvormidega nagu WhatsApp Business, Stripe või veebipõhine arveldamine ja palju muud. Mida korduvam ja reeglipõhisem on protsess, seda rohkem abi on automatiseerimisest.
Tüüpilised terviklikud automatiseerimisprojektid kestavad mitu kuudKeskmise keerukusega haldus- ja operatiivprotsesside puhul võib esialgsest analüüsist kuni arenduse, testimise, juurutamise ja stabiliseerimiseni kuluda kolm kuni kuus kuud. Ajagraafikud varieeruvad olenevalt ulatusest, integratsiooni keerukusest ja kaasatud sidusrühmade arvust.
Sellise arendajaga produktiivseks koostööks ei ole vaja sügavaid tehnilisi teadmisi.Hea spetsialist esitab teie töövoogude kohta õigeid küsimusi, selgitab tehnilisi valikuid lihtsas keeles ja tagab, et mõistate, kuidas tulemuseks olev automatiseerimine toimib. Teie roll on tunda oma ettevõtet; nende roll on see tõlkida usaldusväärseteks ja hooldatavateks veebisüsteemideks.
Kõike seda kokku võttes kaldub veebiarenduse tulevik selgelt kõrgelt automatiseeritud, tehisintellekti abil ja API-põhiste lahenduste poole. kus visuaalsed tööriistad, brauseri automatiseerimine, HTTP-integratsioonid ja kohandatud kood mängivad kõik rolli. Tehisintellekt suudab juba luua lihtsaid esiotsa, mis konkureerivad paljude käsitsi kodeeritud saitidega või isegi ületavad neid, kuid iniminsenerid lisavad siiski asendamatut väärtust arhitektuuri, loovuse, probleemide lahendamise ja pikaajalise hooldatavuse osas. Olenemata sellest, kas olete individuaalne arendaja, kes ühendab automatiseerimise veebitööga, või ettevõte, mis palkab spetsialisti, peitub võimalus nende tehnoloogiate orkestreerimises sidusateks kogemusteks, mis säästavad aega, vähendavad vigu ja vabastavad inimesed keskenduma tööle, mis tegelikult tulemusi annab.
