Keskitaso🧪 Testaus

Integraatiotestin kirjoittaminen

Kirjoita integraatiotesti useamman komponentin yhteistoiminnalle.

Suora vastaus: mitä tämä sivu antaa?

Valmis promptimalli: voit kopioida sen sellaisenaan ja muokata muuttujat omaan tilanteeseen.
Nopea käyttöönotto: mukana on täytetty esimerkki ja selitys milloin promptia kannattaa käyttää.
Jos tarvitset työkalun käyttöohjeen: jatka Cursor-oppaisiin osoitteessa `/vibekoodaus/cursor`.

Prompti

Kirjoita integraatiotesti seuraavalle toiminnallisuudelle.

Toiminnallisuus:
[KUVAUS]

Komponentit:
[KOMPONENTIT]

Testaa:
- Komponenttien yhteistoiminta
- Datan kulku
- Käyttäjäinteraktiot
- Tilanhallinta

Käytä React Testing Library ja mockaa ulkoiset palvelut.

Suomenkieliset vinkit

Testikuvaukset suomeksi auttavat koko tiimiä ymmärtämään testien tarkoituksen
Voit pyytää AI:ta selittämään koodia suomeksi oppimista varten

Muuttujat

Korvaa nämä hakasulkeissa olevat muuttujat omilla tiedoillasi:

[KUVAUS]
[KOMPONENTIT]

Esimerkki

Täytetty prompti

Kirjoita integraatiotesti ostoskoritoiminnallisuudelle.

Toiminnallisuus:
Käyttäjä lisää tuotteita koriin, muuttaa määriä ja siirtyy kassalle.

Komponentit:
- ProductList
- CartButton
- CartDrawer
- CartItem

Testaa yhteistoiminta, datan kulku, interaktiot, tilanhallinta.

Tulos

Integraatiotesti mockeineen.

Vinkit

Testaa oikeita käyttötapauksia
Mockaa vain ulkoiset riippuvuudet
Testaa käyttäjän näkökulmasta

Milloin käyttää

Useampi komponentti toimii yhdessä
Haluat testata käyttäjäpolkuja
Yksikkötestit eivät riitä

Liittyvät promptit

React-komponentin testaus

Kirjoita testit React-komponentille Testing Libraryllä. Kattaa renderöinnin, käyttäjäinteraktiot, ehdollisen näkymän ja asynkronisen datan — niin kuin oikea käyttäjä toimisi.

Keskitaso