Merge pull request stakwork#433 from aliraza556/cypress-View-bounty-m…

…odal

[Tests][Cypress]: Added Cypress Test For `View Bounty Modal`

cypress/e2e/4_openBountyModal.cy.ts

@@ -0,0 +1,69 @@
+describe('View Bounty From Modal', () => {
+  const bounty: Cypress.Bounty = {
+    title: 'Ali Bounty',
+    category: 'Web development',
+    coding_language: ['Typescript', 'Javascript', 'Lightning'],
+    description: 'This is available',
+    amount: '844',
+    assign: 'carol',
+    deliverables: 'I can submit a pr within 2 days of taking the bounty',
+    tribe: '',
+    estimate_session_length: 'Less than 3 hour',
+    estimate_completion_date: '09/09/2024'
+  };
+
+  it('Should view the bounty modal after creating', () => {
+    const activeUser = 'alice';
+    cy.login(activeUser);
+    cy.wait(1000);
+
+    cy.create_bounty(bounty);
+    cy.wait(1000);
+
+    cy.contains('Filter').click();
+    cy.wait(600);
+    cy.contains('Open').click();
+    cy.contains('Assigned').click();
+    cy.wait(1000);
+
+    cy.contains(bounty.title).click();
+    cy.wait(1000);
+
+    cy.get('[data-testid="owner_name"]').contains(activeUser).should('exist');
+    cy.wait(1000);
+
+    cy.contains(bounty.title).should('exist');
+    cy.wait(1000);
+
+    cy.contains(bounty.description).should('exist');
+    cy.wait(1000);
+
+    cy.contains(bounty.deliverables).should('exist');
+    cy.wait(1000);
+
+    cy.contains(bounty.assign).should('exist');
+    cy.wait(1000);
+
+    cy.contains(bounty.amount).should('exist');
+    cy.wait(1000);
+
+    cy.contains('Estimate:').should('exist');
+    cy.contains('< 3 hrs').should('exist');
+    cy.wait(1000);
+
+    cy.contains('Copy Link').should('exist');
+    cy.wait(600);
+
+    cy.contains('Share to Twitter').should('exist');
+    cy.wait(600);
+
+    cy.contains('Mark as Paid').should('exist');
+    cy.wait(600);
+
+    cy.contains('Pay Bounty').should('exist');
+    cy.wait(1000);
+
+    cy.get('body').click(0, 0);
+    cy.logout(activeUser);
+  });
+});

cypress/support/commands.ts

@@ -175,6 +175,7 @@ Cypress.Commands.add('create_bounty', (bounty, clickMethod = 'contains') => {
 
   if (bounty.assign) {
     cy.get('.SearchInput').type(bounty.assign);
+    cy.wait(1000);
     cy.get('.People').contains('Assign').click();
   } else {
     cy.contains('Decide Later').click();

src/people/utils/NameTag.tsx

@@ -158,6 +158,7 @@ function NameTag(props: NameTagProps) {
           }}
         >
           <Name
+            data-testid="owner_name"
             textSize={textSize}
             color={isPaid ? color.grayish.G300 : color.pureBlack}
             onClick={(e: any) => {