Feature: Edit Comments

[laskinner]

Feature: Comment editing

Scenario: User edits a comment
Given I am logged in
When I edit a comment
Then the edited comment appears in the list of comments
And I see the updated content in the comment

1. Ensure User is Logged In

   • Navigate to the login page: /login.
   • Enter the username in the "Email" input field: user@example.com.
   • Enter the password in the "Password" input field: password123.
   • Click the "Login" button.

2. Navigate to the Comments Page

   • After logging in, go to the comments page: /comments-page.

3. Locate the Comment to Edit

   • Find the comment you want to edit in the list of comments: .comment-item.
   • Ensure the comment contains the text: "This is a test comment".

4. Enter Edit Mode

   • Click the "Edit" button next to the comment: button contains "Edit".

5. Edit the Comment

   • Locate the textarea: textarea[placeholder="Add comment here"].
   • Clear the existing comment text and enter new text: "This is the updated test comment".

6. Submit the Edited Comment

   • Click the "Update" button: button[type="submit"] contains "Update".

7. Verify Comment Update

   • Check that the updated comment appears in the list: .comments-list.
   • Ensure the updated comment text is present: .comments-list contains "This is the updated test comment".

8. Check for Edit and Delete Buttons

   • Locate the newly updated comment item: .comment-item.
   • Within the updated comment, check for the "Edit" button: button contains "Edit".
   • Check for the "Delete" button: button contains "Delete".