ํšŒ๊ณ 

๐Ÿ›Ÿ 4์›” 1์ฃผ์ฐจ ํšŒ๊ณ 

frontChoi 2023. 4. 9. 09:05
๋ฐ˜์‘ํ˜•

๐Ÿ›ฌ 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 ํ•ธ๋“œ๋ถ์„ ์ด์šฉํ•ด์„œ ํ•œ๋ฒˆ ๊ณต๋ถ€ํ•ด๋„๋ก ํ•˜์ž.

๋ฐ˜์‘ํ˜•