[다듬어야 함] vitest vs jest

* jest(옛날 자바스크립트로 만들어짐. 바벨을 이용해서 예전 자바스크립트 컴파일해서 jest 플러그인 느림...(한 모듈 리로딩) 모듈화(의 방식) 대립하는 두개의 표준!

module system https://ko.javascript.info/modules-intro -초기에 document- common js (require exports.) 공식 채택해서 nodejs의 common js 시스템 - ECMAscript js 표준화-> ESM 싱글스레드

 

* vitest ESM만 지원해서 성능을 높이겠다하고 만들어진 것.

멀티스레드 vitest - vite -vue의 테스팅 번들러

 

BDD(behavior driven development )모듈의 행동, 묘사를 하겠다~ 자바로 치면 객체의 행동을 묘사하겠다!

module-file

 

Alias - 이름만 다르고 같은 역할을 하는 존재 - it과 test같은 친구들을 alias라고 한다~

 

 

parameterized?

 

import { describe, it, expect } from "vitest";

function isEven(n){
  return n % 2 === 0;
}

describe("tagging", ()=> {
  [
    [0, true],
    [3, false],
    [4, true],
    [123456789, false],
    [-276, true],
    [-1, false],
  ].forEach(([input, expected]) => {
    it(`if input is ${input} then isEven return ${expected}`, ()=>{
      expect(isEven(input)).toBe(expected);
    })
  })
  // db에 뭐가 들어 있다, 파일에 뭐가 쓰여 있다, 돔에 뭐가 그려져 있다
  // 어떤 상태에서 시작하지? 선행조건 given, init, setup
  // 어떤 입력값이 들어오는 거지?, 부수효과를 일으키고, when, do,
  // assertion, then
  // 어떤 출력을 반환해야 하지?
  // 이게 끝나면 어떤 상태가 되야하지? 후행조건 

  // og 로 긁어온 결과... 입력으로 받아서

  // 노션에 넣을... 각 컬럼별 태깅을 어떻게 했는지? 그 결과를 반환
  // ???

  // 이렇게 태깅된 결과를 입력으로 받아서

  // 노션에 request로 보내는 양식으로 출력하기를 기대하는
})

https://vitest.dev/api/#test

Vitest

https://ko.javascript.info/modules-intro