3분 완성 테스트코드.js

mkdir 3mintest cd 3mintest npm init #yarn, pnpm도 상관없습니다.

npm i -D vitest yarn add -D vitest pnpm i -D vitest

{ "name": "3mintest", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "vitest run" // 수정 }, "author": "", "license": "ISC", "devDependencies": { "vitest": "^0.31.1" } }

npm test

❯ npm test > 3mintest@1.0.0 test > vitest run RUN v0.31.1 /Users/grasshopper42/study/3mintest include: **/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx} exclude: **/node_modules/**, **/dist/**, **/cypress/**, **/.{idea,git,cache,output,temp}/**, **/{karma,rollup,webpack,vite,vitest,jest,ava,babel,nyc,cypress,tsup,build}.config.* watch exclude: **/node_modules/**, **/dist/** No test files found, exiting with code 1

include: **/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}

// hello.test.js import { describe, test, expect } from 'vitest'; describe("hello", () => { // test 대신 it 함수를 사용해도 됨 test("world", () => { expect(1).toBe(1); }); });

❯ npm test > 3mintest@1.0.0 test > vitest run RUN v0.31.1 /Users/grasshopper42/study/3mintest ✓ hello.test.js (1) Test Files 1 passed (1) Tests 1 passed (1) Start at 13:50:40 Duration 212ms (transform 16ms, setup 0ms, collect 6ms, tests 2ms, environment 0ms, prepare 44ms)

// hello.test.js //...기존 테스트 test("fail", () => { expect(1).toBe(2); }); });

❯ npm test > 3mintest@1.0.0 test > vitest run RUN v0.31.1 /Users/grasshopper42/study/3mintest ❯ hello.test.js (2) ❯ hello (2) ✓ world × fail ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ Failed Tests 1 ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ FAIL hello.test.js > hello > fail AssertionError: expected 1 to be 2 // Object.is equality ❯ hello.test.js:9:15 7| 8| test("fail", () => { 9| expect(1).toBe(2); | ^ 10| }); 11| }); - Expected - 0 + Received + 1 - 2 + 1 ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[1/1]⎯ Test Files 1 failed (1) Tests 1 failed | 1 passed (2) Start at 13:57:04 Duration 183ms (transform 16ms, setup 0ms, collect 6ms, tests 6ms, environment 0ms, prepare 43ms)

// BuyProduct.test.ts describe("상품 구매", () => { test.todo("상품을 구매하면 월렛이 차감된다.", () => { // given // 1000원을 보유한 카뎃 // 500원짜리 상품 // when // 상품을 구매한다 // then // 월렛에 500원이 남아있다 }); test.todo("월렛이 부족하면 상품을 구매할 수 없다.", () => { // given // 1000원을 보유한 카뎃 // 1500원짜리 상품 // when // 상품을 구매한다 // then // 상품을 구매할 수 없다는 오류를 출력한다. // 월렛에 1000원이 남아있다. }); });

// BuyProduct.test.ts describe("상품 구매", () => { test("상품을 구매하면 월렛이 차감된다.", () => { // given const cadet = new Cadet(1000); const product = new Product(500); // when cadet.buy(product); // then expect(cadet.wallet).toBe(500); }); test("월렛이 부족하면 상품을 구매할 수 없다.", () => { // given const cadet = new Cadet(1000); const product = new Product(500); // when const action = () => cadet.buy(product); // then expect(action).toThrow("월렛이 부족합니다."); expect(cadet.wallet).toBe(1000); }); });

❯ npm test > 3mintest@1.0.0 test > vitest run RUN v0.31.1 /Users/grasshopper42/study/3mintest ❯ BuyProduct.test.js (2) ❯ 상품 구매 (2) × 상품을 구매하면 월렛이 차감된다. × 월렛이 부족하면 상품을 구매할 수 없다. ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ Failed Tests 2 ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ FAIL BuyProduct.test.js > 상품 구매 > 상품을 구매하면 월렛이 차감된다. ReferenceError: Cadet is not defined ❯ BuyProduct.test.js:26:19 24| test("상품을 구매하면 월렛이 차감된다.", () => { 25| // given 26| const cadet = new Cadet(1000); | ^ 27| const product = new Product(500); 28| ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[1/2]⎯ FAIL BuyProduct.test.js > 상품 구매 > 월렛이 부족하면 상품을 구매할 수 없다. ReferenceError: Cadet is not defined ❯ BuyProduct.test.js:38:19 36| test("월렛이 부족하면 상품을 구매할 수 없다.", () => { 37| // given 38| const cadet = new Cadet(1000); | ^ 39| const product = new Product(1500); 40| ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[2/2]⎯ Test Files 1 failed (1) Tests 2 failed (2) Start at 14:32:38 Duration 176ms (transform 16ms, setup 0ms, collect 7ms, tests 4ms, environment 0ms, prepare 35ms

class Cadet { wallet = 0; constructor(wallet) { this.wallet = wallet } buy(product) {} } class Product { price = 0; constructor(price) { this.price = price; } }

❯ BuyProduct.test.js (2) ❯ 상품 구매 (2) × 상품을 구매하면 월렛이 차감된다. × 월렛이 부족하면 상품을 구매할 수 없다. ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ Failed Tests 2 ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ FAIL BuyProduct.test.js > 상품 구매 > 상품을 구매하면 월렛이 차감된다. AssertionError: expected 1000 to be 500 // Object.is equality ❯ BuyProduct.test.js:33:26 31| 32| // then 33| expect(cadet.wallet).toBe(500); | ^ 34| }); 35| - Expected - 0 + Received + 1 - 500 + 1000 ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[1/2]⎯ FAIL BuyProduct.test.js > 상품 구매 > 월렛이 부족하면 상품을 구매할 수 없다. AssertionError: expected [Function action] to throw an error ❯ BuyProduct.test.js:45:20 43| 44| // then 45| expect(action).toThrow("월렛이 부족합니다."); | ^ 46| expect(cadet.wallet).toBe(1000); 47| }); - Expected - 0 + Received + 1 - null + undefined ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[2/2]⎯ Test Files 1 failed (1) Tests 2 failed (2) Start at 14:38:03 Duration 190ms (transform 17ms, setup 0ms, collect 8ms, tests 8ms, environment 0ms, prepare 42ms)

class Cadet { wallet = 0; constructor(wallet) { this.wallet = wallet } buy(product) { wallet -= product.price; } }

❯ BuyProduct.test.js (2) ❯ 상품 구매 (2) ✓ 상품을 구매하면 월렛이 차감된다. × 월렛이 부족하면 상품을 구매할 수 없다. ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ Failed Tests 1 ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ FAIL BuyProduct.test.js > 상품 구매 > 월렛이 부족하면 상품을 구매할 수 없다. AssertionError: expected [Function action] to throw an error ❯ BuyProduct.test.js:45:20 43| 44| // then 45| expect(action).toThrow("월렛이 부족합니다."); | ^ 46| expect(cadet.wallet).toBe(1000); 47| }); - Expected - 0 + Received + 1 - null + undefined ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[1/1]⎯ Test Files 1 failed (1) Tests 1 failed | 1 passed (2) Start at 14:41:39 Duration 181ms (transform 18ms, setup 0ms, collect 8ms, tests 6ms, environment 0ms, prepare 41ms)

class Cadet { wallet = 0; constructor(wallet) { this.wallet = wallet } buy(product) { if (product.price > this.wallet) { throw new Error("월렛이 부족합니다."); } wallet -= product.price; } }

❯ npm test > 3mintest@1.0.0 test > vitest run RUN v0.31.1 /Users/grasshopper42/study/3mintest ✓ BuyProduct.test.js (2) Test Files 1 passed (1) Tests 2 passed (2) Start at 14:44:05 Duration 182ms (transform 18ms, setup 0ms, collect 8ms, tests 2ms, environment 0ms, prepare 44ms)