로그인 기능

[Younggun-Kim]

로그인 기능

UserStory

As a : 앱의 유저(사업자 또는 구직자)
I want to : 이메일 계정으로 로그인 하고 싶다.
So that : 앱의 기능을 이용하고 싶다.

AC

1. 사용자 유형 선택
   • Given : 사용자가 로그인 화면에 있다.
   • When : ‘긱워커찾기’ 옵션을 선택한다.
   • Then : 긱워커찾기 버튼이 선택 상태로 변경된다.
2. 이메일 유효성 검사
   • 성공 케이스
     • Given : 사용자가 이메일을 입력하려고 한다.
     • When : 유효한 이메일 형식을 입력한다
     • Then : 유효성 검사가 통과하고, 오류 메시지가 표시되지 않는다.
   • 실패 케이스
     • Given : 사용자가 이메일을 입력하려고 한다.
     • When : 유효하지 않은 이메일 형식을 입력한다
     • Then : 유효성 검사가 실패하고,
       올바른 이메일 형식이 아닙니다 오류 메시지가 표시된다.
3. 비밀번호 유효성 검사
   1. 성공 케이스
      • Given : 사용자가 비밀번호를 입력하려고 한다.
      • When : 8자리 이상의 영어+숫자+특수문자(@$!%*#?&)를 포함하는 형식의 비밀번호를 입력한다.
      • Then : 유효성 검사가 통과하고, 오류 메시지가 표시되지 않는다.
   • 실패 케이스
     • Given : 사용자가 비밀번호를 입력하려고 한다.
     • When : 유효하지 않은 형식의 비밀번호를 입력한다
     • Then : 유효성 검사가 실패하고,
       비밀번호는 8자리 이상이어야 합니다 오류 메시지가 표시된다.
4. 비밀번호 표시/숨기기
   • 비밀번호 숨김 → 표시 상태로 변경
     • Given : 사용자가 유효한 비밀번호를 입력한 상태이다.
     • When : 비밀번호 표시 버튼을 클릭한다.
     • Then : 입력한 비밀번호가 일반 텍스트로 표시된다.
   • 비밀번호 표시 → 숨김 상태 변경
     • Given : 사용자가 유효한 비밀번호를 입력 후 텍스트로 표시되는 상태
     • When : 비밀번호 숨김 버튼을 클릭한다.
     • Then : 텍스트로 표시되고 있는 비밀번호가 암호화 처리되어 보여진다.
5. 로그인 버튼 활성화/비활성화
   • 활성화 케이스
     • Given : 사용자가 이메일, 비밀번호를 입력하려고 한다,.
     • When : 유효한 이메일, 비밀번호를 입력했다.
     • Then : 로그인 버튼이 활성화 된다
       And 버튼의 색상이 활성화 상태로 변경된다
   • 비활성화 케이스
     • Given : 사용자가 이메일, 비밀번호를 입력하려고 한다,.
     • When : 유효하지 않은 이메일, 비밀번호를 입력했다.
     • Then : 로그인 버튼이 비활성화 된다
       And 버튼의 색상이 비활성화 상태로 변경된다
6. 로그인 요청
   • 성공 케이스
     • Given : 사용자가 유효한 이메일, 비밀번호를 입력했다.
     • When : 로그인 버튼을 클릭했다.
     • Then : 로그인 정보(sessionId)를 저장하고, 홈 화면으로 이동한다.
   • 실패 케이스
     • Given : 사용자가 유효하지 않은 이메일, 비밀번호를 입력했다.
     • When : 로그인 버튼을 클릭했다.
     • Then : 로그인에 실패 메시지를 표시하고, 로그인 화면에 머무른다.

이슈 사항

• SNS 로그인은 추후 개발

UI