| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 | 31 |
- 시뮬레이션
- 자바스크립트
- 모던 자바스크립트 튜토리얼
- 해시를 사용한 집합과 맵
- 토이 프로젝트
- 구현
- poiemaweb
- 자바
- 개발 회고
- REACT
- 코딩일기
- 자료 구조
- 수학
- 브루트포스
- 오블완
- Next.js
- 기본 문법
- State
- 세그먼트 트리
- three.js
- js
- playwright
- 티스토리챌린지
- 프론트엔드
- styled-components
- 회고
- HTML5
- 백준
- JavaScript
- react-three/fiber
- Today
- Total
목록오픈소스 (2)
코딩하는 고릴라
playwright ui 모드 분석 - 2. 선택 실행 기능 추가
분석 과정은 배제하고 결과 위주로 기술하겠습니다. 🦍 컴포넌트 구조선택 실행 기능 추가를 위해 수정할 컴포넌트의 계층 구조는 다음과 같습니다.UIModeView > TestListView > TreeView > TreeItemHeader🐖 상태관리최상위 컴포넌트인 uiModeView에서 [1. 선택된 테스트 케이스를 관리할 상태]와, [2. 테스트 케이스 선택을 위한 핸들러], 그리고 [3. 선택된 테스트 케이스를 실행시킬 함수] 를 작성하고, 상태와 핸들러를 TreeItemHeader 컴포넌트까지 내려줬습니다. 1. 선택된 테스트 케이스를 관리할 상태// uiModeView.tsxconst [selectedItems, setSelectedItems] = React.useState>(new Set(..
playwright ui 모드 분석 - 1. 개요
🦍 개요사내에서 playwright를 도입해 e2e 테스트 자동화 시스템을 성공적으로 구축했습니다. 특히 playwright에서 제공하는 UI 모드를 주로 활용하여 테스트 케이스를 실행하고, 검증하고 실제로 발생한 버그들을 찾아낼 수 있었습니다. 하지만, UI모드와 관련돼 아쉬운 부분 또한 존재했습니다."UI 모드에서 여러 테스트 케이스를 선택해서 한 번에 실행할 수는 없을까?" 모든 테스트 케이스를 일괄로 실행시켜 품질을 점검할 수 있으나, 때때로는 일부 테스트 케이스만 선택해 실행시킬 필요가 있습니다. 하지만 playwright에서 제공하는 UI모드는 아직 이 기능을 지원하지 않고 있습니다. 이에 따른 불편함을 해소하고자 직접 기능을 분석하고, 필요한 기능을 더해보고자 하는 시도를 하게 됐습니다.?..