playwright3 playwright doc 정독하기 #2 - codgen을 사용하여 자동으로 테스트 코드 생성하기 playwright를 사용하다보면 VS Code에서 Run을 하면 테스트가 정상적으로 돌아갔다는 뜻으로 아무 반환값도 제공하지 않는다. 가장 기본적인 코드만을 예제로 수행하고 있어서 문제가 없는 것이 당연하지만 실제로 어떻게 코드가 돌아간 걸까 하는 의구심이 들기도 한다. 웹 테스트를 자동화하기 위해서 locator로 특정 위치를 찾은 다음에 click 하라는 명령을 내렸지만 실제로 그 위치에서 특정 role, element를 찾아서 클릭한 것이 맞을까? 시각적으로 확인해보고 싶다.그 반대로 특정 화면을 띄워서 element들간의 상호작용을 선택했을 때 어떤 코드로 동작시킬 수 있는지 확인해보고 싶은 마음이 든다. 그럴때 사용할 수 있는 것이 codegen이다. codegen은 브라우저에서 직접 테스트 .. 2025. 5. 19. playwright doc 정독하기 #1 - 자동화 테스트 기본 기능 Action Assertion playwtight에서 제공하는 doc 문서를 정독하면서 playwright가 제공하는 기능과 함수, 작동 방식에 대해서 알아보도록 한다.이번 Writing tests에서는 playwright가 기본적으로 제공하고 있는 기능들을 사용하여 간단한 예제 코드를 작성해본다. 웹 자동화 테스트를 위해서 가장 기본적인 것은 element에서 값을 읽어와서 특정 버튼을 선택하거나 input box에 원하는 값을 입력 또는 어떤 개체가 있는지를 확인하는 것이 중요하다. 웹 기능 자동화 테스트 목적에 따라서 다르겠지만 일반적으로 자동화 테스트를 사용하는 목적은 복잡하지 않은 기본 기능의 테스트를 반복적으로 수행하면서 QA가 테스트를 하지 않는 시점에도 웹 기능의 정상 동작 여부를 확인하는 것이다.심화 적용을 위해서는 .. 2025. 5. 19. VS Code로 playwright 테스트 자동화 프레임 워크 사용해보기 웹 테스트 자동화를 위해 사용하는 프레임워크는 selenium, playwright가 있다. 셀레늄은 원래 고전적으로 사용이 되었던 툴인데 2020년에 마이크로소프트에서 개발한 playwright가 공개되어서 많은 개발자가 사용하고 있다. playwright는 selenium에 비해 직관적이고 빠르고 안정적인 실행환경을 제공한다. 기본적으로 headless, headed 모두 지원하고 자동 대기 기능이 있다. selenium이 보편적으로 사용되고 있고 테스트 자동화를 처음 시작하는 사람에게 쉬운 코드를 제공하고 있으나 playwright는 공식 홈페이지에서 사용 방법과 예제 등 documnet를 상세하게 제공하고 있어서 playwright를 사용해보기로 했다.playwright 공식 홈페이지에 접속하면 .. 2025. 5. 18. 이전 1 다음