Skip to content

Conversation

@Ludovico7
Copy link
Collaborator

@Ludovico7 Ludovico7 commented Jan 14, 2025

📝 변경 사항

🔍 변경 사항 설명

  • Playwright 테스트 시나리오 작성
    • 각 컴포넌트별 testid 선택자 저장
    • 시나리오 작성
      • 로그인 테스트
      • 마크다운 에디터 테스트
      • 마크다운 문법변환 테스트
      • 사이드바 테스트

🙏 질문 사항

📷 스크린샷 (선택)

✅ 작성자 체크리스트

  • Self-review: 코드가 스스로 검토됨
  • Unit tests 추가 또는 수정
  • 로컬에서 모든 기능이 정상 작동함
  • 린터 및 포맷터로 코드 정리됨
  • 의존성 업데이트 확인
  • 문서 업데이트 또는 주석 추가 (필요 시)

- 로그인 시나리오
- 페이지 추가
- 블록 추가
- BottomNavigator 페이지 버튼(iconButton-{idx})
- 페이지 추가 버튼(addPageButton)
-로그인 모달 버튼(modalPrimaryButton, modalSecondaryButton)
- 사이드바 페이지 열기 버튼(pageItem-{idx})
- 페이지 아이콘 버튼(pageItem-{idx}-pageIconButton)
- 사이드바 로그인 버튼(sidebarLoginButton, sidebarLogoutButton)
1. 회원가입
  - 회원가입 성공
  - 회원가입 실패: 사용중인 이메일
  - 회원가입 실패: 유효성 검사
2. 로그인
  - 로그인 성공
  - 로그인 실패: 잘못된 비밀번호
  - 로그인 실패: 이메일 형식 검증
  - 로그인 취소
  - 로그아웃
3. 모달 닫기
  - BottomNavigator 아이콘버튼: BottomNavigator-iconButton-{idx}/
  - 아이콘 모달 선택자 추가: iconModal
  - 페이지 삭제 버튼 선택자 추가: pageDeleteButton-{idx}
  - 워크스페이스 페이지 선택자 추가: page-{idx}
  - 페이지 추가
  - 페이지 열기
  - 페이지 삭제
  - 페이지 아이콘 변경
  - 사이드바 토글 테스트
  - 테스트 순차적으로 실행되도록 수정
  - 페이지 최대화
  - 페이지 최소화
  - 페이지 닫기
  - 사이드바 페이지 제목(sidebarTitle-{idx})
  - 에디터(editor-{idx})
  - 블록(block-{idx})
  - 블록 추가 버튼(addNewBlockButton)
  - 아이콘 블록(iconBlock)
  - 텍스트영역(contentEditable)
  - 페이지 제목(pageTitle-{idx})
  - 블록 추가
  - 페이지 제목 변경
  - 마크다운 문법 변환
@Ludovico7 Ludovico7 added FE Front End Test Test some metrics and measurement labels Jan 14, 2025
@Ludovico7 Ludovico7 self-assigned this Jan 14, 2025
@Ludovico7 Ludovico7 changed the title Refactor/playwright 선택자 설정 및 시나리오 작성 Refactor/#003 playwright 선택자 설정 및 시나리오 작성 Jan 14, 2025
Copy link
Collaborator

@minjungw00 minjungw00 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

수고많으셨습니다!

@Ludovico7 Ludovico7 linked an issue Jan 14, 2025 that may be closed by this pull request
4 tasks
Copy link
Collaborator

@hyonun321 hyonun321 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

확인했습니다. 결국 id를 넣어줘서 찾아야하는게 정답인가보군요.
처음엔 nth번쨰 컴포넌트를 찾으면서 테스트코드를 작성하려고했는데 시나리오를 어디까지 맞춰줘야하나 고민했거든요 🙄
그런데 페이지 삭제나 초기화 같은 시나리오를 넣어서 상태를 유지시키는 방법이 오히려 단순하지만 명확하게 테스트할 수 있다는걸 알게됐습니다.
수고하셨습니다.
(console.log 같은것도 다 테스트 코드에 포함되는거겠죠?)

@github-actions github-actions bot merged commit 3a3a430 into dev Jan 14, 2025
5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

FE Front End Test Test some metrics and measurement

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Playwright를 사용한 E2E 테스트 수행

4 participants