Skip to content
kyeong.seo edited this page Feb 24, 2024 · 26 revisions

로그인 페이지

  • 로그인 동작
  • 로고 클릭 시 메인 페이지 이동
  • 회원가입하기 버튼 클릭 시 회원가입 페이지로 이동
  • 비밀번호 틀릴 경우 '비밀번호가 일치하지 않습니다.' 에러 메세지 노출
  • 비밀번호 노출 체크 박스 체크 시 비밀번호 보여짐
  • 이메일 형식에 맞지 않은 상태에서 input 박스를 벗어나면 에러 메세지 노출
  • 비밀번호 길이가 8자 미만일 때 에러메세지 노출
  • 로그인 성공시 accessToken, refreshToken 발급
  • 로그인 정보 자동 저장으로 인해 이메일과 비밀번호가 첫 렌더링 시 있을 때 버튼 enabled 상태로
  • 네이버 로그인 동작
  • 구글 로그인 동작
  • 카카오 로그인 동작

회원가입 페이지

  • 네이버 회원가입 동작
  • 구글 회원가입 동작
  • 카카오 회원가입 동작

메인 페이지

체험 상세 페이지

내 정보 페이지

예약 내역 페이지

예약 상세 페이지

  • 예약 상세 내용이 이전 페이지와 일치
  • 제목 클릭 시 해당 체험 상세 페이지로 이동
  • 지도 위치 확인
  • 예약 상태에 따라 각각 다른 UI
    • 예약 신청
      • 예약 신청 단계 (파란색)
      • 예약 취소 버튼 생성
      • 예약 취소 후 예약 상태 변경
    • 예약 승인
      • 예약 승인 단계 (파란색)
    • 체험 완료
      • 체험 완료 단계 (파란색)
      • 후기 작성 이전: 후기 작성 버튼 초록색
      • 후기 작성 완료 후 후기 작성 버튼 disabled
    • 예약 거절
      • 예약 거절 상태만 보이기 (빨간색)
    • 예약 취소
      • 예약 취소 상태만 보이기 (회색)
  • 예약 내역 페이지 거치지 않고 돌아왔을 경우 예약 내역 페이지로 리다이렉트

후기 작성

내 체험 관리 페이지

  • 체험 클릭 시 체험 상세로 이동
  • 프로필 박스 active 확인
  • 프로필 박스에서 눌러서 이동되는 지 확인
  • 프로필 눌러서 드롭다운에서 눌러서 이동되는 지 확인
  • 로그아웃 해보기
  • 케밥 버튼 클릭
    • 수정하기 클릭
    • 삭제하기 클릭
    • 삭제되는지 확인
  • 화면 아래로 내려서 무한 스크롤 확인
  • 별점과 리뷰 개수 확인
  • 타이틀 길어지면 ... 되는 지 확인
  • 가격 맞는 지 확인
  • 체험 없을 때 화면 확인
  • 체험 등록하기 확인
  • 로그아웃 상태로 /mypage/activities 들어왔을 경우 확인
  • 수정했을 경우 카드 바뀌는 지 확인
  • 삭제했을 경우 카드 바뀌는 지 확인
  • 등록했을 경우 카드 바뀌는 지 확인
  • 테블릿 화면에서 진행해 보기
  • 모바일 화면에서 진행해 보기

내 체험 등록 페이지

  • 소개 이미지 빼고 다 작성 후 한 가지씩 비우고 버튼 비활성화 되는 지 확인
  • 프로필 눌러서 드롭다운에서 내 체험 등록 클릭해서 들어와 지는 지 확인
  • 프로필 박스 active 확인
  • 프로필 박스에서 눌러서 이동되는 지 확인
  • 로그아웃 해보기
  • 설명 줄 바꿈 적용 되는 지 확인
  • 가격 자리 수 10개 이상 됐을 때 오류 뜨는 지 확인
  • 나머지 다 채워져 있고 가격 0일 때 버튼 활성화 되는 지 확인
  • 지도 검색해보기
  • 지도 클릭해서 주소 적용되는 지 확인
  • 예약 날짜 현재 시간보다 빠르게 넣어서 오류 뜨는 지 확인
  • 예약 추가, 삭제 되는 지 확인
  • 배너 이미지 1개 넣어보기, 지워보기
  • 소개 이미지 4개 넣어보기, 지워보기
  • 테블릿 화면에서 진행해 보기
  • 모바일 화면에서 진행해 보기
  • 체험 등록 해보기

내 체험 수정 페이지

  • 작성된 필드 하나씩 빈칸으로 만들어 보고 버튼 비활성화 되는 지 확인
  • 프로필 박스 active 확인
  • 프로필 박스에서 내 체험 관리에 호버했을 경우 내 체험 수정 사라지는 지 확인
  • 필드 하나씩 수정해 보고 적용 되는 지 확인
  • 지난 예약 시간대 - 버튼 없어졌는 지 확인
  • 존재하는 예약 시간 빼고 적용됐는 지 확인
  • 예약 시간 추가해 보고 적용됐는 지 확인
  • 배너 이미지 바꿔보기
  • 소개 이미지 삭제하고 수정하면 사라졌는 지 확인
  • 소개 이미지 추가하고 수정하면 추가됐는 지 확인

예약 현황 페이지

Navbar

알림