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 () => {