3주차 데모 체크포인트

1. 사이트 접속

• 처음 접속시 로그인 화면이 뜬다.
• 토큰이 만료되었거나 유효하지 않으면 로그인 화면이 뜬다.
• 토큰이 유효하면 이슈 리스트 페이지로 이동된다.

2. 이슈 리스트 화면

• 제목, 마일스톤, 레이블, 이슈 번호, 이슈 작성 시간, 작성자, 담당자를 표시
• 이슈 제목을 선택하면 선택한 이슈에 대한 상세 화면 페이지로 이동
• New issue 버튼을 누르면 새로운 이슈를 생성하는 화면으로 이동

체크박스

• Navbar의 체크박스를 선택하면 모든 이슈가 선택된다.
• 개별 이슈를 모두 선택하면 Navbar의 체크박스도 선택된 상태로 변경된다.

필터

• 필터 동작 확인

페이징

• 페이지 버튼을 누르면 해당 페이지의 이슈 리스트로 렌더링 된다.
• 전체페이지가 5개 이상이면 next 버튼이 생긴다.
• 현재 페이지가 5이상이면 prev 버튼이 생긴다.
• next 버튼을 누르면 현재 보여지는 마지막 페이지의 +1 번째 페이지로 이동된다.
• prev 버튼을 누르면 현재 보여지는 첫번째 페이지의 -5 번째 페이지로 이동된다.

3. 이슈 등록 화면

• 이슈의 제목을 입력하면 Submit new issue 버튼이 활성화된다.
• 이슈 내용 작성 중, 글자를 타이핑하지 않고 2초가 지나면 우측 하단에 현재 입력된 글자 수가 2초간 나타났다가 사라진다.
• Cancel 버튼을 누르면 이슈 목록 화면 으로 이동한다.
• 이미지를 업로드하면 이미지 링크가 마크다운 형식으로 추가된다.
• Assignee, Label, Milestone을 등록할 수 있다.

4. 이슈 상세 화면

• 이슈 제목, 이슈 번호, 오픈 여부, 작성자, 해당 이슈가 오픈된 시간, 코멘트 개수를 표시한다.

• 자신이 작성한 이슈에는 Edit 버튼이 보여진다.

• 제목의 Edit 버튼을 누르면 제목을 수정할 수 있는 input 으로 변경되고 수정된 제목이 반영된다.

• 내용의 Edit 버튼을 누르면 내용을 수정할 수 있는 editor로 변경되고 변경된 내용이 반영된다.

• 이슈 작성자의 프로필과 아이디, 작성 시간, 이슈 내용이 코멘트 디자인으로 표시된다. 다른 사용자가 단 코멘트도 같은 디자인으로 표시.

이슈 close/reopen

• 이슈를 close 하면 버튼이 reopen 버튼으로 변경된다.
• 이슈를 close 하면 헤더부분에 상태가 closed로 변경되고 시간 정보가 현재 시간으로 바뀐다.
• 이슈를 reopen 하면 버튼이 close 버튼으로 변경된다.
• 이슈를 reopen 하면 상태가 opened로 변경되고 시간 정보가 최초 open된 시간으로 바뀐다.

댓글 등록

• 댓글 등록에 성공하면 화면에 렌더링 된다.

반응형 처리

• 반응형 처리 확인 (사이드바, 프로필 이미지, 말풍선 레이아웃)