FP Chatbot on Telegram- Comment on Posts flow

[anjanarao24]

User Story: As a FightPandemics chatbot user viewing a specific post, I want to be able to see comments on a post so that I better understand the content of the post and its engagements.

Use Case 1: See Comments on a Selected Post

• User selects the "See comments" button.
• User navigates through comments by tapping on forward and/or backward arrows.

Wireframe: https://miro.com/app/board/o9J_kp0wo_Y=/?moveToWidget=3074457349121133895&cot=12

Acceptance Criteria:
Given user clicks on "See Comments" and there are up to 3 comments,
Then User should see 1-3 comments related to the post.

Given user clicks on "See Comments" and there are 3+ comments,
Then User should be able to scroll to the right to see more comments in groups of 3.
And User should be able to scroll to the left to see the previous comments in groups of 3.

[natashanainani]

User Story: As a FightPandemics chatbot user viewing a specific post, I want to be able to comment on a post so that I can inquire into the offered help and/or express interest in receiving it.

Use Case 1: Comment on a Selected Post for a Logged in User

• User selects the "Comment" button.
• User is taken to the "Please type your comment" screen, where they can write their comment.
• User writes a comment and hits enter
• User sees "Comment added!" to indicate that their comment was successfully made as well as other buttons:
  [Delete Comment] > If user selects this, delete recent post and give confirmation "Comment deleted!" and take user to the Post they commented on (and then deleted)
  [Back to Post] > take user to the Post they commented on

Use Case 2: Comment on a Selected Post for a Non Logged in User

• User selects the "Comment" button.
• User will go to the Login Screen FP Chatbot on Telegram- Login integration and Signup flow #5
• After logging in, user will go to the "Please type your comment" screen, where they can write their comment.
• User writes a comment and hits enter
• User sees "Comment added!" to indicate that their comment was successfully made.

Wireframe: https://miro.com/app/board/o9J_kp0wo_Y=/?moveToWidget=3074457349121133911&cot=12

Acceptance Criteria:
Given logged in user clicks on "Comment"
Then user sees "Please type your comment" message
After entering a comment, user sees confirmation "Comment added!" and buttons [Delete Comment] and [Back to Post]

Given logged in user clicks on "Delete Comment" after submitting a comment
Then user sees "Comment deleted!" and user goes back to the Post they commented on

Given logged in user clicks on "Back to Post" after submitting a comment
Then user sees goes back to the Post they commented on

Given NOT logged in user clicks on "Comment"
Then user will be prompted to login and not able to add a comment until they have been authenticated.

[omerkhan3]

API Integration

Get Comments For a Post: GET /api/posts/{postId}/comments
Post New Comment on a Post: POST /api/posts/{postId}/comments
Delete a Comment on a Post: DELETE ​/api​/posts​/{postId}​/comments​/{commentId}
Update a Comment on a Post: PATCH ​/api​/posts​/{postId}​/comments​/{commentId}

[anjanarao24]

@natashanainani Here are my review comments on this set of stories :

User story 1 :

1. Please add wireframes as relevant to show the visual representation

User story 2 :

1. Please modify the flow to reflect the Non logged in User should be able to See comments as well. (This is an allowed functionality and he/she just cannot add a comment if not logged in)

User story 3 :

1. Please add wireframes as relevant to show the visual representation