WebStorm의 테스트 개발을 Live Template로 챙겨 쓴다

Jest 에서 테스트를 쓰고 있습니다만, 테스트는 굉장히 코딩하는 문자량이 많지요. 패턴은 같지만. 귀찮다.

그런 당신에게 WebStorm의 Live Template 기능입니다.

Live template 기능은, 편하게 말하면 emmet 의 HTML, CSS 「외」 버전입니다. 예를 들어 테스트 파일에서 it 라고 쓰고 tab 을 누르면 다음과 같은 코드가 확장됩니다. 그리고는 테스트의 내용을 쓸 뿐이군요.

it('should', function () {

})

그 외에도 descr + tab

describe('', function () {

})

굉장히 편리합니다만, 지금 function 는 () => 에, 그 후 it 안에서는 대체로 async/await 를 쓰는 것이 많기 때문에, 이것도 템플릿에 넣고 싶습니다.

설정을 변경합시다.

라이브 템플릿 변경

설정에서 Live Templates를 검색하여 JavaScript Testing 항목을 엽니다.
그렇다면 it와 descr이 있습니다. 이 내용을 수정합니다.



이런 식으로.

자신의 Live Template 추가

물론 스스로 Live Template를 추가할 수도 있습니다.

arrow function을 arf + tab로 만들 수 있도록 해 보았습니다.

새로 만들려면 오른쪽의 +를 누릅니다.



그런 다음 어디에서 실행할지 선택합시다. 여기 JavaScript가 없다면 어디서나! 했습니다.



이제 고속으로 코딩할 수 있네요!