๐ 4์ 1์ฃผ์ฐจ ํ๊ณ
๐ฌ jest์์ vuex ํ ์คํธ ํ๊ธฐ
์ด๋ฒ์ฃผ์๋ jest์ vuex๋ฅผ ์ง์ ํ ์คํธ ํด๋ณด์๋ค. ๊ธฐ๋ณธ์ ์ผ๋ก ์ปดํผ๋ํธ์์ vuex๋ฅผ mock์ฒ๋ฆฌํ์ฌ ์งํํ์๋ค. ์ค์ ๊ฐ๋ฐ ํ๋ค๊ณ ํ๋ค๋ฉด, vuex์ actions์์ api๋ฅผ ํธ์ถ ํ๋ ๊ฒฝ์ฐ๋ ์๋ค๊ณ ์๊ฐํ์ฌ, ์์กด์ฑ์๋ ๋ถ๋ถ์ด ์๋ค๊ณ ์๊ฐํ์ฌ mock์ฒ๋ฆฌํ๋ ๋ฐฉ๋ฒ์ผ๋ก ์ค์ํ์๋ค.
๐ข jest + vue์ผ๋ก ๋ก๊ทธ์ธ ๊ตฌํํ๊ธฐ
ํ์ฌ jest + vue ๋ฅผ ์ด์ฉํ์ฌ, ๋ก๊ทธ์ธ์ ๊ตฌํํ๊ณ ์๋ค. ํ์ฌ ์ํฉ์ ์๋์ ๊ฐ๋ค.
- jest login ํ๋ฉด ์ค์
- jest login validate
- jest login ์ฑ๊ณต
- jest login ์คํจ
- jest login ์๋ฒ์๋ฌ
๊ทธ๋ฆฌ๊ณ ๊นํ๋ธ(https://github.com/eorjs37/vue-login-jest)์์ ํ์ฌ ์งํ์ค์ด๋ค.
์ด๊ฒ์ด ์์ฑ๋๋ฉด ๋ธ๋ก๊ทธ๋ก ์์ฑํ ์์ ์ด๋ค.
๐บ ๋ธ๋ผ์ฐ์ ๋ ๋๋ง & ํ๋ก ํธ์๋ ์ต์ ํ
๋ธ๋ผ์ฐ์ ๋ ๋๋ง ํ๋ ๊ณผ์ ์ ์๊ณ ๋ ์๋ค. ํ์ง๋ง, ์ด๋ป๊ฒ ์ต์ ํ ํ ์ง๋ ๊ณ ๋ฏผ์ ํด๋ณธ์ ์ด ์๋๊ฒ๊ฐ๋ค. ๊ทธ๋ฆฌํ์ฌ ์ด ๋ถ๋ถ์ ์กฐ๊ธ๋ ์ค์ค๋ก ์์๋ณผ ํ์๊ฐ ์๋ค๊ณ ์๊ฐํ๋ค.
๐ฉป typescript ๊ณต๋ถ
javascript๋ ์ ์ ์ธํ์ ์ด ์๋๋ผ, ์ค๋ฅ๋ฅผ ์ผ์ผํฌ ๊ฐ๋ฅ์ฑ์ด ๋์ ์ธ์ด์ด๋ค. ๊ทธ๋์ typescript๊ฐ ๋์จ๊ฒ ์๋๊ฐ ์ถ๋ค. ๊ทธ๋ฆฌํ์ฌ typescript ํธ๋๋ถ์ ์ด์ฉํด์ ํ๋ฒ ๊ณต๋ถํด๋๋ก ํ์.