← Nazaj na funkcije
Pro

Izpolnjevalnik obrazcev

Izpolnjevalnik obrazcev zapolni vsako vidno polje obrazca na strani z realističnimi testnimi podatki – ime, e-pošta, telefon, naslov, geslo itd. Pametno zaznavanje uporablja vrsto polja, ime, id, autocomplete in namige iz placeholderja. Povezana polja ostanejo usklajena (ime + priimek + e-pošta izhajajo iz iste identitete). Podpira potrditvena polja, izbirne gumbe, spustne sezname in React-kontrolirane vnose.

Ročno izpolnjevanje testnih obrazcev desetkrat na dan med razvojem je izjemno naporno. Izpolnjevalnik obrazcev to avtomatizira z realistično izgledajočimi podatki. Ob aktivaciji orodje ustvari popolno lažno identiteto: ime, priimek, e-pošto (izpeljano iz imen), uporabniško ime, geslo, telefon, celoten naslov, rojstni dan, podjetje in spletno stran. Kliknite Izpolni vse obrazce in vsak viden, urejljiv vnos/tekstovno polje/spustni seznam dobi smiseln podatek. Zaznavanje je pametno – polje z imenom "email" ali type="email" dobi e-pošto, polje z autocomplete="given-name" dobi ime, polje tipa datum dobi datum, številčno polje dobi naključno vrednost znotraj mej min/max. Potrditvena polja se označijo, med izbirnimi gumbi se izbere prva možnost, pri spustnih seznamih se izbere druga možnost (da se izogne tipičnim placeholder prvim možnostim). Ključno je, da vrednosti sprožijo dogodke input in change, združljive z React in Vue, tako da se kontrolirane komponente pravilno posodobijo – to je pogosta težava pri preprostih izpolnjevalnikih obrazcev. Ustvarite nove identitete, preskočite že izpolnjena polja, po želji samodejno oddajte obrazec, gumb Počisti pa vse povrne na prazno.

Predogled v živo
example.com
Polnilec obrazcev ✓ 12 polj izpolnjenih
Trenutna identiteta
First: Maya
Last: Patel
Phone: (415) 555-0142
Street: 1247 Oak Ave
City: Springfield
ZIP: 94103
Password: Test481!cD
Izpolni vse obrazce Nova identiteta Počisti polja
Ciljni obrazec (izpolnjeno & poudarjeno)
First name
Maya
Last name
Patel
Phone
(415) 555-0142
Address
1247 Oak Ave
City
Springfield
Ključne lastnosti

Realistični podatki o identiteti

Skladne lažne identitete: ime + ujemajoča e-pošta, ulica + mesto + regija + poštna številka, telefon, podjetje, rojstni dan, geslo, ki ustreza zahtevam po zapletenosti.

Pametno zaznavanje polj

Pregleda type, name, id, autocomplete, placeholder in aria-label, da izbere pravo vrednost – "fname", "given-name", "firstName" se vsi preslikajo v ime.

Združljivo z React / Vue

Uporablja izvorni setter ter dogodke input/change za pravilno posodobitev kontroliranih komponent – deluje tudi tam, kjer preprost .value = '...' tiho odpove.

Podprte vse vrste polj

Besedilo, e-pošta, telefon, URL, številka, datum, čas, barva, obseg, geslo, tekstovno polje, spustni seznam, potrditveno polje, izbirni gumb – vse pravilno obravnavano.

Usklajena povezana polja

Ime, priimek in e-pošta so povezani – izpolnite enkrat in e-pošta je "[email protected]", ne naključen niz.

Vizualna osvetlitev

Izpolnjena polja za kratek čas zasvetijo zeleno, da lahko potrdite, kaj je bilo spremenjeno. Izklopite, če želite tiho izpolnjevanje.

Pogosti primeri uporabe

Hiter razvoj obrazcev

Gradite prijavni tok? Izpolnite vse obrazce takoj – brez ročnega tipkanja "test" in "[email protected]" štiridesetič po vrsti.

Testiranje QA od začetka do konca

Predstavite večkoračni obrazec z realističnimi podatki – imeni, naslovi in telefonskimi številkami, ki resnično delujejo verodostojno za deležnike.

Testiranje robnih primerov validacije

Hitro ustvarite več identitet za preverjanje imen z apostrofom, dolgih e-poštnih naslovov, nenavadnih formatov telefonskih številk itd.

Obremenitveno testiranje oddajanja obrazcev

V kombinaciji s samodejno oddajo hitro oddajte testni obrazec N-krat za obremenitveno testiranje zalednega sistema brez pisanja skript.

Predstavitve uporabniških vmesnikov

Izpolnite obrazec v živo med predstavitvijo stranki, ne da bi se ustavljali za izmišljanje verodostojnih podatkov – Izpolnjevalnik obrazcev ohranja tok predstavitve.

Kako uporabljati
1

Odprite Izpolnjevalnik obrazcev

Kliknite ikono Izpolnjevalnika obrazcev v vrstici DevSuite Pro. Identiteta se samodejno ustvari in prikaže v podoknu.

2

Preglejte identiteto (neobvezno)

Preverite trenutno ime, e-pošto, geslo itd. Če želite druge podatke, kliknite Nova identiteta za ponovno generiranje.

3

Nastavite možnosti

Vklopite "osvetli izpolnjena polja" za vizualno potrditev, "samodejna oddaja" za sprožitev obrazca po izpolnitvi, ali "preskoči že izpolnjena" za ohranitev obstoječih vrednosti.

4

Kliknite Izpolni vse obrazce

Vsak viden vnos na strani dobi smiselno vrednost. Obvestilo prikaže, koliko polj je bilo izpolnjenih.

5

Ponovite ali počistite

Ustvarite novo identiteto za ponovno izpolnitev z drugimi podatki ali kliknite Počisti polja za povrnitev obrazca na prazno stanje.

Pripravljeni na poskus?

Namestite DevSuite Pro brezplačno in odklenite več kot 64 orodij za razvijalce za svoj brskalnik.

Dodaj v Chrome Dodaj v Edge Dodaj v FireFox