์นดํ…Œ๊ณ ๋ฆฌ ์—†์Œ

๐Ÿฆˆ 3์›” ๋งˆ์ง€๋ง‰์ฃผ์ฐจ ํšŒ๊ณ 

frontChoi 2024. 3. 31. 11:02
๋ฐ˜์‘ํ˜•

๐Ÿฆ› vuex dispatch jest ์‚ฌ์šฉ

ํ…Œ์ŠคํŠธ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑ์ค‘ dispatch๋ฅผ ์–ด๋–ป๊ฒŒ jest์—์„œ ์‚ฌ์šฉํ•  ๊ฒƒ์ธ๊ฐ€์— ๋Œ€ํ•œ ๋ฌธ์ œ๋ฅผ ๋งž์ดํ•˜์˜€๋‹ค. ๋‹จ์ˆœํžˆ mock์ฒ˜๋ฆฌ ํ•ด๋„ ์ƒ๊ด€์—†๋Š”๊ฐ€?, ๊ทธ๋ฆฌ๊ณ  jest์—์„œ๋Š” vuex dispatch๋ฅผ ์–ด๋–ป๊ฒŒ ์‚ฌ์šฉํ•ด์•ผ ํ•˜๋Š”์ง€ ์ •๋ฆฌ๊ฐ€ ํ•„์š”ํ•˜๋‹ค.

 

๐Ÿ˜  typescript ์ œ๋„ค๋ฆญ ์•Œ์ด๋ณด๊ธฐ

์‚ฌ์ด๋“œ ํ”„๋กœ์ ํŠธ ์ง„ํ–‰๋„์ค‘, axios์—์„œ ๋ฆฌํ„ด๋ฐ›๋Š” ๊ฐ’์„ ์ œ๋„ค๋ฆญ์œผ๋กœ ๋ฐ›์•„์•ผ ํ•˜๋Š”๊ฒŒ ๋Œ€๋ถ€๋ถ„ ์ผ๋ฐ˜์ ์ด์—ˆ๋‹ค. ๊ทธ๋Ÿฌ๋ฉด ์ œ๋„ค๋ฆญ์€ ์–ด๋–ค๊ฒƒ์ด๊ณ , axios์—์„œ ์–ด๋–ป๊ฒŒ ์‚ฌ์šฉํ•ด์•ผ ํ•˜๋Š”์ง€ ๊ณ ๋ฏผ์ด ํ•„์š”ํ•˜๋‹ค.

 

๐Ÿงน ์ œ๋‹ˆํผ ํ”„๋ก ํŠธ ์˜๋ฏธ์žˆ๋Š” ๋กœ๊ทธ ๋‚จ๊ธฐ๊ธฐ

์‚ฌ์šฉ์ž ํŠธ๋ž˜ํ‚น์„ ์œ„ํ•ด ์ œ๋‹ˆํผ ํ”„๋ก ํŠธ๋ฅผ ์‚ฌ์šฉ์ค‘์ธ๋ฐ, ์ด๊ฒƒ์„ ์–ด๋–ป๊ฒŒ ์˜๋ฏธ์žˆ๊ฒŒ ์‚ฌ์šฉํ•ด์•ผ ํ• ์ง€ ๊ทธ๋ฆฌ๊ณ , ์˜๋ฏธ์žˆ๋Š” ๋กœ๊ทธ๋ฅผ ์–ด๋–ป๊ฒŒ ๋‚จ๊ธธ์ง€ ๊ณ ๋ฏผ์ด ํ•„์š”ํ•˜๋‹ค. 

๋ฐ˜์‘ํ˜•