beforeEach(() => {
    console.log('테스트 전 실행 됨');
});

afterEach(() => {
    console.log('테스트 후 실행 돔');
})

for (; i < 6; i++) {
    test(`테스트${i}`, ((i) => (() => {
        console.log(`테스트${i}`);
    }))(i));
}

function asyncFn() {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            console.log('비동기 사용');
            resolve();
        }, 500);
    });
}

beforeEach(() => {
    return asyncFn();
});

beforeEach(async() => {
    await asyncFn();
})

beforeAll(() => {
    console.log('테스트 전 오직 한번만 실행된다.');
});

afterAll(() => {
    console.log('테스트 후 한번만 호출된다.');
});

test.only('', () => {

});

function fetchData(check) {
    return new Promise((resolve, reject) => {
        typeof check === 'function' ? check() : check ? resolve('peanut butter') : reject('error');
    });
}

test('비동기를 콜백 활용하기 - 실패', () => {
    function callback(data) {
        expect(data).toBe('peanut butter');
    }

    fetchData(callback);
});

test('done을 활용하기', (done) => {
    function callback(data) {
        try {
            expect(data).toBe('peanut butter');
            done();
        } catch (e) {
            done(error);
        }
    }

    fetchData(callback);
});

test('프로미스 활용하기', () => {
    return fetchData(true).then((data) => {
        expect(data).toBe('peanut butter');
    });
})

test('프로미스 catch 테스트하기', () => {
    expect.assertions(1);
    return fetchData(false).catch((e) => expect(e).toMatch('error'));
})

test('resolves 사용하기', () => {
    return expect(fetchData(true)).resolves.toBe('peanut butter');
});

test('rejects 활용하기', () => {
    return expect(fetchData(false)).rejects.toBe('error');
});

test('async와 await를 활용하기', async() => {
    let data = await fetchData(true);
    expect(data).toBe('peanut butter');
});

test('async와 await를 활용하기', async() => {
    expect.assertions(1);

    try {
        await fetchData(false);
    } catch (e) {
        expect(e).toMatch('error');
    }
});

expect(wrapper.vm.message).toBe('message');

TypeScript diagnostics (customize using `[jest-config].globals.ts-jest.diagnostics` option):
    src/components/__tests__/HelloWorld.test.ts:12:23 - error TS2339: Property 'message' does not exist on type 'CombinedVueInstance<Vue, object, object, object, Record<never, any>>'.

expect(wrapper.vm.$data.message).toBe('message');

module.exports = {
    /// ...
    globals: {
      'ts-jest': {
        diagnostics: false
      }
    }
}

module.export = {
    // ...
    "moduleFileExtensions": [
      // ...
      "ts"
    ],
    "transform": {
      // ...
      "^.+\\.tsx?$": "ts-jest"
    },

    // jest는 기본적으로 js만을 테스트 파일로 찾기 때문에 .ts 파일도 테스트 파일로 찾을수 있도록 설정 해준다.
    "testRegex": "(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$"
}

{
    "compilerOptions": {
        // ...
        "types": [
            // ...
            "jest"
        ],
    }
}

beforeEach(() => {
    // 보통 변수의 초기화 등의 코드가 들어가거나 테스트 코드 전에 실행되어야 할 로직이 들어간다.
});

afterEach(() => {
    // 테스트 종류 후에 작업 해야 할 로직이 들어간다.
})

// helloworld.test.js

import Vue from 'vue';
import HelloWorld from '../components/HelloWorld.vue';

describe(('HelloWorld'), () => {
    it('new Vue를 이용한 테스트', () => {
        const helloWorld = new Vue(HelloWorld).$mount();
        const message = 'Hello';
        expect(helloWorld.message).toBe(message);
    });
});

// helloworld.test.js

import { mount } from '@vue/test-utils';
import HelloWorld from '../components/HelloWorld.vue';

describe(('HelloWorld'), () => {
    it('new Vue를 이용한 테스트', () => {
        const wrapper = mount(HelloWorld);
        const message = 'Hello';
        expect(wrapper.vm.message).toBe(message);
    });
});

Test suite failed to run

Jest encountered an unexpected token

This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript.

By default, if Jest sees a Babel config, it will use that to transform your files, ignoring "node_modules".

Here's what you can do:
    • To have some of your "node_modules" files transformed, you can specify a custom "transformIgnorePatterns" in your config.
    • If you need a custom transformation specify a "transform" option in your config.
    • If you simply want to mock your non-JS modules (e.g. binary assets) you can stub them out with the "moduleNameMapper" config option.        

You'll find more details and examples of these config options in the docs:
https://jestjs.io/docs/en/configuration.html

Details:

D:\GIT 소스코드 저장소\TDD\JEST\vue-jest\vue-jest-start\src\test\helloworld.test.js:1
({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){import { mount } from '@vue/test-utils';

module.export = {
    "moduleFileExtensions": [
      "js",
      "json",
      "vue"
    ],
    "transform": {
      "^.+\\.js$": "babel-jest",
      "^.+\\.vue$": "vue-jest"
    }
}

module.exports = {
    presets: [
        [
        '@babel/preset-env',
        {
            targets: {
            node: 'current',
            },
        },
        ],
    ],
};

npm i jest

test('테스트 정의', () => {
    // 테스트할 로직 구현
});

test('문자열은 Hello이다.', () => {
    const str = 'Hello'
    expect('Hello').toBe(str);
});

{
    "scripts" : {
        "test": "jest"
    }
}

describe('', () => {
    it('', () => {
        // 테스트 코드 작성
    })
});