Test wit timeout

Author: SundeepChand

cypress/integration/user_story.spec.js

@@ -100,7 +100,7 @@ describe('Test new User Registration Workflow', () => {
   })
 
   it('Allows user to edit the story created by them', () => {
-    cy.get('[data-cy=btn-edit]').contains('Edit').click()
+    cy.get('[data-cy=btn-edit]', { timeout: 1000 }).contains('Edit').click()
 
     cy.get('[data-cy=edit-description]').type(editedDescription)
 
@@ -114,9 +114,9 @@ describe('Test new User Registration Workflow', () => {
 
     cy.get('[data-cy=stories]').contains(testStory.title).click()
 
-    cy.get('[data-cy=comment-input]').type(testComment)
+    cy.get('[data-cy=comment-input-2]').type(testComment)
 
-    cy.get('[data-cy=btn-comment]').contains('Add Comment').click()
+    cy.get('[data-cy=btn-comment-2]').contains('Add Comment').click()
 
     cy.get('[data-cy=comment-content]').contains(testComment)
 

src/components/CommentForm.js

@@ -39,6 +39,7 @@ const CommentForm = (props) => {
           cols='25'
           name='Comments'
           value={comment}
+          data-cy={`comment-input-${id}`}
           ref={register({ required: true })}
           onChange={(e) => setComment(e.target.value)}
         ></textarea>
@@ -57,7 +58,9 @@ const CommentForm = (props) => {
       </div>
       {errors.Comments && <FormError message='Reply cannot be empty' />}
       <MediaPreview attachments={attachments} setAttachments={setAttachments} />
-      <Button className='btn btn-default'>{cta}</Button>
+      <Button className='btn btn-default' data-cy={`btn-comment-${id}`}>
+        {cta}
+      </Button>
     </form>
   )
 }