Ai cerut unui instrument AI o aplicație pentru gestionarea sarcinilor. Pe ecran apar câmpul de introducere, butonul de adăugare și o listă ordonată. Următorul pas este să verifici ce se întâmplă când folosești aplicația: poți adăuga o sarcină, o poți modifica și o regăsești după reîncărcarea paginii?
Testarea începe cu aceste acțiuni concrete. La primul proiect de Vibe Coding, un începător are nevoie să definească rezultatul așteptat, să repete pașii și să compare comportamentul aplicației cu cerințele. AI poate ajuta la pregătirea verificărilor și la înțelegerea codului, dar tu trebuie să confirmi rezultatele.
Scrie ce trebuie să poată face utilizatorul
Alege câteva funcții esențiale ale proiectului. Pentru o listă de sarcini, acestea pot fi adăugarea unui element, marcarea lui ca terminat și ștergerea. Stabilește separat dacă datele trebuie să rămână disponibile după reîncărcare și unde le păstrează aplicația. Un prototip care stochează date doar în browser are alte limite decât o aplicație cu server și bază de date.
Transformă fiecare funcție într-un criteriu verificabil. De exemplu: „Când introduc un titlu și apăs Adaugă, văd o singură sarcină cu titlul introdus”. Pentru un câmp gol, poți cere un mesaj clar și absența unei sarcini noi. Astfel, ai un reper înainte să ceri modificări de cod.
Verifică un traseu complet, de la început la final
Pornește aplicația cu date de test și parcurge acțiunile pe care le-ar face un utilizator. Creează o sarcină, marcheaz-o, schimbă o valoare dacă funcția există și verifică rezultatul după reîncărcare. Urmărește și mesajele afișate. Un mesaj „Salvat” trebuie să corespundă unei salvări reușite, nu doar apăsării unui buton.
Pentru un proiect cu bază de date, verifică întregul parcurs: interfața trimite cererea, serverul o procesează, iar aplicația afișează datele salvate. Dacă ai doar o machetă de interfață, notează acest lucru în prezentarea proiectului. Despre structurarea unui prim proiect poți citi și în articolul despre primul site web creat cu AI.
Încearcă situații care pot scoate la iveală erori
- Câmp gol sau text lung: aplicația explică ce trebuie completat și păstrează interfața utilizabilă?
- Două apăsări consecutive: apar elemente duplicate sau cereri repetate?
- Reîncărcare: datele rămân sau dispar conform comportamentului stabilit?
- Eroare de conexiune: utilizatorul primește un mesaj potrivit și poate încerca din nou?
Folosește date fictive în mediul de test. Dacă proiectul are autentificare, verifică separat ce poate vedea un vizitator și ce poate vedea un utilizator conectat. Pentru o aplicație cu mai mulți utilizatori, verificarea accesului la date cere atenție suplimentară; o interfață care ascunde un buton nu dovedește că serverul protejează informațiile.
Testează pe telefon și cu tastatura
Deschide proiectul pe un telefon sau într-o previzualizare de ecran îngust. Citește textele, completează formularul și verifică dacă butoanele rămân accesibile. Un titlu lung poate ocupa mai multe rânduri, iar tastatura telefonului poate acoperi o parte din formular.
Pe calculator, încearcă să navighezi folosind Tab și să activezi controalele cu tastatura. Urmărește dacă vezi unde se află focalizarea și dacă ordinea este logică. Aceste verificări sunt un început; ele nu înlocuiesc o evaluare completă de accesibilitate.
Cere AI-ului o corecție pe baza unei erori reproduse
În loc de „repară aplicația”, descrie pașii și diferența observată. Poți folosi această structură:
În aplicația de test, adaug o sarcină și reîncarc pagina. Sarcina dispare, deși cerința spune că trebuie păstrată. Explică posibilele cauze pe baza codului furnizat. Propune o modificare limitată și un test pentru verificarea ei. Nu schimba alte funcții.
Păstrează o versiune funcțională înaintea modificării. După corecție, repetă testul care a eșuat și verifică funcțiile apropiate, cum ar fi editarea sau ștergerea. AI poate rezolva problema raportată și poate introduce alta. Un istoric de versiuni te ajută să compari schimbările și să revii la o etapă anterioară.
Întrebări frecvente
Am nevoie de teste automate pentru primul prototip?
Poți începe cu verificări manuale scrise clar. Pentru funcții repetate sau reguli importante, testele automate pot ajuta, dacă înțelegi ce verifică și ce limite au.
Pot publica după ce verific pagina principală?
Parcurge și funcțiile din spatele ei, pe un mediu de test. O pagină care se încarcă nu confirmă că formularele, stocarea și accesul la date funcționează corect.
Unde pot învăța acest proces în București?
Programa cursului Vibe Coding la IT STEP București include criterii de acceptare, integrarea interfeței cu serverul și baza de date, testare și depanare. Discută cu echipa despre nivelul de intrare și proiectele realizate pe parcurs.
Pentru început, alege o funcție și notează cum arată un rezultat corect. Testeaz-o, păstrează pașii care au produs o eroare și verifică din nou după modificare. Poți consulta și ghidul de formulare a cererilor pentru AI pentru a descrie mai precis problema.
