Testing (3) 썸네일형 리스트형 Mocha, chai, jsdom을 활용한 JS 테스팅(3) - custom event dispatch 드디어 JS 테스팅의 마지막 이해 단계인 커스텀 이벤트 디스패치 단계까지 왔다. 참고자료 코드를 먼저 보자. const getButtonBy = function (text, buttons) { const result = buttons.filter(function (button) { return button.textContent === text; }); if (result.length > 1) { throw new Error("no extra buttons allowed"); } else if (result.length < 1) { throw new Error("no button"); } return result[0]; }; const clickEvent = new window.MouseEvent("cli.. Mocha, chai, jsdom을 활용한 JS 테스팅(2) - Mocha 와 chai 오늘도 열정, 감사, 겸손! 1편에서 jsdom을 활용하여 테스트할 window.document 객체를 생성하는 부분을 알아 보았다. 2편에서는 실제적인 테스팅 도구인 Mocha와 chai를 가지고 기술을 한다. 테스트 자동화와 Mocha를 알고 싶다면 클릭 Mocha는 js 테스트 프레임워크이고 chai는 Node.js 기반의 assertion 라이브러리이다. 먼저 Mocha의 적용 부터 살펴 볼 예정인데, 아래의 활용 코드를 보자. describe("Step 1 - 숫자 버튼을 누르고 화면에 숫자를 입력하기", function () { it("처음 숫자 버튼을 눌렀을 때, 첫 번째 화면에 누른 숫자가 보여야 합니다.", function (done) { const test = ["3", "3"]; co.. Mocha, chai, jsdom을 활용한 JS 테스팅(1) - jsdom (Testing) Mocha, chai, jsdom을 활용한 JS 테스팅(2) - Mocha 와 chai (Testing) Mocha, chai, jsdom을 활용한 JS 테스팅(3) - custom event dispatch Bare minimum 수준의 테스트 통과 사례이다. JS테스팅에서 DOM을 생성하는 자바스크립트 파일을 테스팅할 때 이벤트를 직접 만들어서 자바스크립트 웹 애플리케이션이 제대로 작동하는 지를 점검해야 하는 경우가 있다. Mocha로 단순 JS파일을 테스트하는 작업도 낯선데 DOM을 조작하는 calculator 애플리케이션에 대해서 testing을 하는 작업에 대해 기술하도록 하겠다. 1. Node.js와 jsdom으로 document 객체 생성하기 if (typeof window.. 이전 1 다음
