From 0268cc0d35c49fa5449ab860228dca26effb031c Mon Sep 17 00:00:00 2001 From: Markus Liimatainen <125696622+toivoantero@users.noreply.github.com> Date: Mon, 18 May 2026 13:54:28 +0300 Subject: [PATCH 1/2] =?UTF-8?q?Vaikeasti=20ymm=C3=A4rrett=C3=A4v=C3=A4=20v?= =?UTF-8?q?irke=20osassa=205c?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/content/5/fi/osa5c.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/5/fi/osa5c.md b/src/content/5/fi/osa5c.md index 64209272acd..d2846534fe9 100644 --- a/src/content/5/fi/osa5c.md +++ b/src/content/5/fi/osa5c.md @@ -569,7 +569,7 @@ const NoteForm = ({ createNote }) => { export default NoteForm ``` -Lomakkeen toimintaperiaatteena on kutsua sille propsina välitettyä funktiota _createNote_ uuden muistiinpanon tiedot parametrina. +Lomakkeen toimintaperiaatteena on kutsua sille propsina välitettyä createNote-funktiota ja antaa sille uuden muistiinpanon tiedot parametrina. Testi on seuraavassa: From e6b2c3589fbbee30abce6764431a602bfaed2c40 Mon Sep 17 00:00:00 2001 From: Markus Liimatainen <125696622+toivoantero@users.noreply.github.com> Date: Mon, 1 Jun 2026 10:16:16 +0300 Subject: [PATCH 2/2] pari typoa osassa 5c --- src/content/5/fi/osa5c.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/content/5/fi/osa5c.md b/src/content/5/fi/osa5c.md index d2846534fe9..80e9ef28d08 100644 --- a/src/content/5/fi/osa5c.md +++ b/src/content/5/fi/osa5c.md @@ -9,7 +9,7 @@ lang: fi Reactilla tehtyjen frontendien testaamiseen on monia tapoja. Aloitetaan niihin tutustuminen nyt. -Kurssilla käytettiin aiemmin React-komponenttien testaamiseen Facebookin kehittämää [Jest](http://jestjs.io/)-kirjastoa. Käytämme kurssilla nyt Viten kehittäjien uuden generaation testikirjastoa [Vitestiä](https://vitest.dev/). Konfigurointia lukuunottamatta kirjastot tarjoavat saman ohjelmointirajapinnan, joten testauskoodissa ei käytännössä ole mitään eroa. +Kurssilla käytettiin aiemmin React-komponenttien testaamiseen Facebookin kehittämää [Jest](http://jestjs.io/)-kirjastoa. Käytämme kurssilla nyt Viten kehittäjien uuden generaation testikirjastoa [Vitestiä](https://vitest.dev/). Konfigurointia lukuun ottamatta kirjastot tarjoavat saman ohjelmointirajapinnan, joten testauskoodissa ei käytännössä ole mitään eroa. Aloitetaan asentamalla Vitest sekä Web-selainta simuloiva [jsdom](https://github.com/jsdom/jsdom)-kirjasto: @@ -597,7 +597,7 @@ test(' updates parent state and calls onSubmit', async () => { Syötekenttä etsitään metodin [getByRole](https://testing-library.com/docs/queries/byrole) avulla. Syötekenttään kirjoitetaan metodin [type](https://testing-library.com/docs/user-event/utility#type) avulla. Testin ensimmäinen ekspektaatio varmistaa, että lomakkeen lähetys on aikaansaanut tapahtumankäsittelijän _createNote_ kutsumisen. Toinen ekspektaatio tarkistaa, että tapahtumankäsittelijää kutsutaan oikealla parametrilla, eli että luoduksi tulee samansisältöinen muistiinpano kuin lomakkeelle kirjoitetaan. -Kannattaa huomata, että vanha kunnon _console.log_ toimii testeissä normaaliin tapaan. Jos esim. halutaan takastella miltä mock-olion tallettamat kutsut näyttävät, voidaan tehdä seuraavasti +Kannattaa huomata, että vanha kunnon _console.log_ toimii testeissä normaaliin tapaan. Jos esim. halutaan tarkastella miltä mock-olion tallettamat kutsut näyttävät, voidaan tehdä seuraavasti ```js test(' updates parent state and calls onSubmit', async () => {