Testing Library

Testing Library

๐Ÿš€ Jest

๐Ÿ‘‰ ๊ณต์‹๋ฌธ์„œ ์ฝ์–ด๋ผ! ์ง„์งœ๋ฃจ!!!

Jest์™€ ํ•จ๊ป˜ Bug ์กฐ์ง€๊ธฐ! ๐Ÿ›

ํ…Œ์ŠคํŠธ ์ฝ”๋“œ๋ฅผ ์งœ๋ณธ์  ์—†๋Š” ๋‚˜.. ๊ดœ์ฐฎ์€๊ฑธ๊นŒ? ๐Ÿค” ๋ชจ๋ฅด๊ฒ ๋‹ค๋ฉด Given - When - Then ์–ด๋–ค ๋™์ž‘์„ ํ•˜๊ณ  ์–ด๋–ค ๊ฒฐ๊ณผ๋ฅผ ์–ป์–ด์•ผ ํ•˜๋Š”์ง€ ์ •ํ™•ํ•˜๊ฒŒ ์ธ์ง€ํ•˜๊ธฐ.

๊ธฐ๋ณธ ๋™์ž‘ ์ตํžˆ๊ธฐ ๊ณต์‹๋ฌธ์„œ์— ๋‚˜์™€์žˆ๋Š” ์˜ˆ์ œ๋ฅผ ๋”ฐ๋ผํ•ด๋ณด์ž.

function sum(a, b) {
    return a + b;
}
test('add 1 + 2 to equal 3', () => {
    expect(sum(1, 2)).toBe(3);
});

test script๋ฅผ ์‹คํ–‰ํ•ด๋ณด์ž.

npm test

jest๊ฐ€ ์‹คํ–‰๋˜๋ฉด์„œ ํ…Œ์ŠคํŠธ ๊ฒฐ๊ณผ๋ฅผ ์•Œ๋ ค์ค€๋‹ค.

๐Ÿš€ React Testing Library

๐Ÿ‘‰ ๊ณต์‹๋ฌธ์„œ๊ณ ๊ณ ๊ณต์‹๋ฌธ์„œ!

React Testing Library ์„ค์น˜ํ•˜๊ณ  ์‚ฌ์šฉํ•˜๊ธฐ UI๋ฅผ ํ…Œ์ŠคํŠธ ํ•  ์ˆ˜ ์žˆ๋‹ค. ํ…Œ์ŠคํŠธ ํ•  ๋ถ€๋ถ„์„ ์ž˜ ๊ตฌ๋ถ„ํ•  ์ค„ ์•Œ์•„์•ผ ํ•œ๋‹ค!


๐Ÿ‘‰ ๋” ๊ณต๋ถ€ํ•˜๊ธฐ

Last updated