자바스크립트는 종단 간 테스트(E2E testing)에서 자주 사용하는 프로그래밍 언어 중 하나이다. 자바스크립트는 웹 자동화를 구축에 이용되며 CSS HTML과 함께 인터넷을 구성하는 중요 축이다. 자바스크립트는 객체지향 언어로 일급 함수를 취급하며 클라이언트 사이드 웹의 약 97%에서 웹 페이지 동작을 관리하는 데 사용한다.
또한, 자바스크립트는 스크립팅에 가장 자주 사용하는 언어 중 하나이다. 또한, 웹 개발에 자주 이용하는 MEAN 스택 (MongoDB, Express.js, AngularJS, Node.js) 덕분에 온라인 앱 개발에서도 사용 빈도가 높은 편이다. 자바스크립트를 이용하여 테스트 자동화와 웹 자동화, 프레임워크의 종단 간 테스팅과 자동화된 UI 테스팅 등도 수행할 수 있다. 자바스크립트를 이용한 테스트 자동화는 반복적 태스크의 효율성을 높이며 빠른 피드백이 가능하다.
제이쿼리(jQuery)는 크로스 플랫폼 자바스크립트 라이브러리로 웹 페이지에서 자바스크립트를 쉽게 이용할 수 있도록 한다. 제이쿼리는 리액트(React.js)에 추월당하기 전까지 가장 인기 있는 웹 프레임워크였다. 제이쿼리의 인기가 줄어들긴 했지만 일부 베테랑 프로그래머들은 종 단간 테스팅에 활용하기도 한다. 자바스크립트 개발자의 평균 연봉은 5만 4,000달러 정도이다.
그렇다면 자바스크립트에서 가장 사용 빈도가 높은 프레임워크는 무엇일까? 해외 정보통신 뉴스 웹사이트 에디토리얼리지가 테스트 자동화에서 활용 빈도가 가장 높은 자바스크립트 라이브러리 5가지를 소개했다.
1. 웹드라이버IO(WebdriverIO)
웹드라이버IO는 브라우저 및 네이티브 모바일 테스팅이 모두 가능한 테스트 자동화 프레임워크로 브라우저 테스팅만 가능한 셀레니움 웹 드라이버와 차별화된다. 확장성이 뛰어나며 어떠한 브라우저 및 모바일 운영체제에서도 테스트 실행이 가능하여 앱 테스팅에 이용하기 좋다. 프레임워크 안에는 퍼페티어(Puppeteer)가 포함되어 있으며 자스민(Jasmine) 모카(Mocha) 큐컴버(Cucumber)와 통합 가능하다. 설치도 간단하여 npm 설명서 몇 단계만 따르면 된다.
요약하면, 웹드라이버IO는 일반 자바스크립트 테스트보다 복합적인 테스트가 필요할 때 유용하다.
2. 사이프러스(Cypress)
사이프러스는 프론트엔드 개발자가 사용하기 쉽기로 유명한 자바스크립트 테스트 프레임워크이다. 프론트엔드와 제한적인 백엔드 테스트가 가능하여 서버 측과 클라이언트 측 모두 자바스크립트를 이용하는 개발자에게 유용하다. 하지만 모바일 앱 테스트가 제한적이라는 단점이 있으며 브라우저를 기반으로 실행되는 모바일 앱에 한하여 테스트할 수 있다. 브라우저 지원 또한 크롬, 엣지, 파이어폭스 세 가지만 지원된다.
3. 테스트카페(TestCafe)
테스트 카페 또한 사이프러스와 비슷하게 설치가 매우 간단하다. 종단 간 테스트를 지원하며 자바스크립트와 타입스크립트 모두 지원한다. 테스트 카페는 크롬, 익스플로러, 엣지, 사파리 브라우저 모두 지원하며 모바일 앱은 브라우저 기반 앱에 한하여 클라이언트 측 프로그램만 지원한다. 테스트 카페는 종단 간 테스트가 가능하지만, 단위 테스트나 통합 테스트에는 적합하지 않다.
4. 플레이라이트(Playwright)
플레이라이트는 2020년 1월에 마이크로소프트가 출시한 오픈 소스 테스트 자동화 자바스크립트 프레임워크로 자바스크립트 테스트 자동화 프레임워크 중 가장 최신작이라 할 수 있다. 플레이라이트는 자바스크립트뿐 아니라 NET C#, 자바, 파이썬도 지원하기 때문에 여러 언어를 이용하는 개발자들에게 유용하다. 또한, 익스플로러를 제외한 모든 브라우저를 지원하며 데스크톱 및 모바일 테스팅 모두 지원한다.
하지만 아직 개발 초기 단계이어서 다른 프레임워크보다 지원되는 커넥터의 수가 상대적으로 적다. 플레이라이트에서 테스트를 수행하려면 특정 브라우저를 이용해야 하기 때문에 테스트 시간이 길다는 단점도 존재한다. 플레이라이트는 모카, 자스민, 제스트와 같은 테스트 프레임워크와 통합 시 수동적으로 통합해야 한다.
플레이라이트는 여러 언어를 이용하며 여러 브라우저 간 테스트가 필요할 때 매력적인 프레임워크이다. 익스플로러를 테스트해야 한다면 다른 프레임워크를 추천한다. 또, API의 빈번한 업데이트가 걱정된다면 플레이라이트가 조금 더 안정기에 접어들 때까지 기다리는 것을 추천한다.
5. 헤드스핀(Headspin)
테스트의 주 목표는 실제 유저의 상황을 모방하여 시스템을 검증하고 각 요소가 일관적으로 작동하는지 확인하는 것이다. 현대 소프트웨어 시스템은 복잡하며 여러 개의 서브시스템으로 구성되어 있다. 하나의 서브시스템에서 오류가 나면 전체 시스템에 오류가 날 수 있다. 이와 같은 위험성을 사전에 차단하고자 종단 간 테스팅을 적용한다. 좋은 종단 간 테스트 프레임워크는 요소 검증부터 테스트까지 다양한 단계의 테스트를 지원하여 서브시스템의 오류를 탐지하여 전체 시스템이 붕괴되지 않도록 한다. 또한 다양한 화면 크기와 해상도, 운영체제하에서 균일하게 작동하도록 테스트가 가능해야 잘 개발된 테스트 프레임워크라 할 수 있다.
테스트 자동화 프레임워크의 주 목표는 시스템 운영의 효율성 제고이다. 테스트 로직과 데이터를 분리하고 테스트 재사용을 활용하여 테스트 디자인의 속도를 높인다. 애플리케이션에 가장 적합한 테스트 프레임워크를 선정해야 테스트 팀의 생산성도 향상되고 비용을 줄일 수 있다.
[저작권자ⓒ CWN(CHANGE WITH NEWS). 무단전재-재배포 금지]
