Jest μ¬μ©λ²
Jest μ¬μ© λ°©λ²
Jestλ
- Jestλ νμ΄μ€λΆμμ λ§λ€μ΄μ Reactμ λλΆμ΄ λ§μ μλ°μ€ν¬λ¦½νΈ κ°λ°μλ€λ‘ λΆν° μ’μ λ°μμ μ»κ³ μλ ν μ€ν λΌμ΄λΈλ¬λ¦¬μ λλ€.
- λ΄κ° μμ±ν μ½λκ° μ λλ‘ λμνλμ§ νμΈν λ μ¬μ©ν©λλ€.
- μ¬λ¬κ°μ§ μν©λ€μ μ€μ νκ³ , κ·Έ μν©μ λ§λ κ²°κ³Όκ° λμ€λμ§ μλμΌλ‘ ν μ€νΈ ν΄μ€ μ μμ΅λλ€.
- μΆμ μ΄κΈ°μλ νλ‘ νΈμλμμ μ£Όλ‘ μ°μμ§λ§ μ΅κ·Όμλ λ°±μλμμλ κΈ°μ‘΄μ μλ°μ€ν¬λ¦½νΈ ν μ€ν λΌμ΄λΈλ¬λ¦¬λ₯Ό λ체νκ³ μμ΅λλ€.
μ€μΉ
μ¬μ© νκ³ μΆμ λΌμ΄λΈλ¬λ¦¬μ 루νΈμ μλ λͺ
λ Ήμ΄λ₯Ό μ
λ ₯ν©λλ€.
$ npm init -y
$ npm i -D jest babel-jest @babel/core @babel/preset-env
μ€μ
“package.json” μμ μΆκ° ν©λλ€.
"scripts": {
"test": "jest"
},
“babel.config.cjs” νμΌμ μμ±ν΄ μ€λ€ μλ λ΄μ©μ μ μ΄ λ°λ²¨ μ μ©μ presetμ μ μ©ν μ μκ² ν΄μ€λλ€.
module.exports = {
presets: [
[
'@babel/preset-env',
{
targets: {
node: 'current'
}
}
]
]
};
ν μ€νΈ μ½λ μμ±
test.js νμΌμ λ§λ€μ΄ μ€λ€μ
test("1 is 1", () => {
expect(1).toBe(1);
});
npm test λͺ λ Ήμ΄λ₯Ό μ€ν ν©λλ€.
$ npm test
> my-jest@1.0.0 test /my-jest
> jest
PASS ./test.js
β 1 is 1 (3ms)
Test Suites: 1 passed, 1 total
Tests: 1 passed, 1 total
Snapshots: 0 total
Time: 0.868s, estimated 1s
Ran all test suites.
μμ£Ό μ¬μ©λλ macher
μ κ° μ λ κ² λ³΄λ€ λ무 μ μ λ¦¬ν΄ μ£Όμ μ μλ λ§ν¬λ₯Ό νκ³ λ€μ΄κ° νμΈν΄ 보μΈμ!!!
https://inpa.tistory.com/entry/JEST-π-ν μ€νΈμ-μ μ©ν-ν¨μ-only-skip-describe-it
[JEST] π ν μ€νΈμ μ μ©ν ν¨μ - only() / skip() / describe() / it()
only() / skip() ν μ€νΈ μ½λλ₯Ό λλ²κΉ ν λ μ μ©ν ν¨μ μ΄λ€. ν μ€νΈ νμΌ μμ ν μ€νΈ ν¨μλ€ μ€μμ νλλ§ μ€ν¨νμ κ²½μ°, κ·Έ ν¨μλ§ λ¨λ μΌλ‘ μ€νν΄λ³΄κ³ μΆμ λκ° μμ κ²μ΄λ€. κ·Έλ΄ λλ ν΄
inpa.tistory.com
μ°Έμ‘°.
https://www.daleseo.com/jest-basic/
Jestλ‘ κΈ°λ³Έμ μΈ ν μ€νΈ μμ±νκΈ°
Engineering Blog by Dale Seo
www.daleseo.com
https://inpa.tistory.com/entry/JEST-π-ν μ€νΈμ-μ μ©ν-ν¨μ-only-skip-describe-it