Aloittelija🧪 Testaus

Snapshot-testin kirjoittaminen

Kirjoita snapshot-testejä UI-komponenteille.

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 snapshot-testit seuraavalle komponentille.

Komponentti:
[KOODI]

Testaa:
- Eri props-kombinaatioilla
- Eri tilat (loading, error, success)
- Reunatapaukset

Käytä:
- Jest + React Testing Library
- Inline snapshots tarvittaessa
- Selkeät testi-nimet

Selitä milloin snapshot-testit ovat hyödyllisiä.

Suomenkieliset vinkit

Testikuvaukset suomeksi auttavat koko tiimiä ymmärtämään testien tarkoituksen
Suomenkieliset promptit toimivat hyvin Claude- ja GPT-4-malleissa
Voit pyytää AI:ta selittämään koodia suomeksi oppimista varten

Muuttujat

Korvaa nämä hakasulkeissa olevat muuttujat omilla tiedoillasi:

[KOODI]

Esimerkki

Täytetty prompti

Kirjoita snapshot-testit seuraavalle komponentille.

Komponentti:
function Alert({ type, message, onClose }) {
  const colors = {
    success: 'bg-green-100 text-green-800',
    error: 'bg-red-100 text-red-800',
    warning: 'bg-yellow-100 text-yellow-800',
  };

  return (
    <div className={`p-4 rounded ${colors[type]}`} role="alert">
      <span>{message}</span>
      {onClose && <button onClick={onClose}>×</button>}
    </div>
  );
}

Testaa eri typeilla ja onClose:n kanssa/ilman.

Tulos

Snapshot-testit eri tilanteille.

Vinkit

Testaa eri props-kombinaatiot
Mieti merkitykselliset variaatiot
Älä snapshot-testaa dynaamista sisältöä

Milloin käyttää

UI-komponenttien regressiotestaus
Designin muutosten huomaaminen
Nopeasti laaja testikattavuus

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

Yksikkötesti funktiolle

Kirjoita kattavat yksikkötestit funktiolle.

Keskitaso

API-endpointin testaus

Kirjoita testit API-endpointille jotka kattavat onnistuneet pyynnöt, validointivirheet, autentikaation ja reunatapaukset. Saat luotettavan testipaketin joka suojaa regressioilta.

Edistynyt

Hyödyllisiä resursseja

Lisää prompteja

Selaa kaikkia testaus prompteja tai tutustu muihin kategorioihin.

Kaikki testaus promptit Kaikki kategoriat