test: show mentee email upon approval (#855)

Author: moshfeu

cypress/fixtures/mentorship-requests/get.json

@@ -7,7 +7,8 @@
         "id": "001",
         "name": "User 001",
         "avatar": "https://avatars0.githubusercontent.com/u/219207?s=88&v=4",
-        "title": "J web dev"
+        "title": "J web dev",
+        "email": "mentee@codingcoach.io"
       },
       "status": "Approved",
       "date": 1609748339000,
@@ -22,7 +23,8 @@
         "id": "002",
         "name": "User 002",
         "avatar": "https://avatars0.githubusercontent.com/u/219207?s=88&v=4",
-        "title": "J web dev"
+        "title": "J web dev",
+        "email": "mentee@codingcoach.io"
       },
       "status": "Rejected",
       "date": 1604013539000,
@@ -37,7 +39,8 @@
         "id": "003",
         "name": "User 003",
         "avatar": "https://avatars0.githubusercontent.com/u/219207?s=88&v=4",
-        "title": "J web dev"
+        "title": "J web dev",
+        "email": "mentee@codingcoach.io"
       },
       "status": "New",
       "date": 1609283939000,

cypress/integration/me/mentorship-requests.spec.js

@@ -48,7 +48,7 @@ describe('Mentorship Requests', () => {
         const errorMessage =
           'Unable to find an element by: [data-testid="request-content"]';
 
-        cy.on('fail', err => {
+        cy.on('fail', (err) => {
           expect(err.message).to.contain(errorMessage);
         });
 
@@ -67,7 +67,7 @@ describe('Mentorship Requests', () => {
       it('Should only expand one item at a time', () => {
         const { message } = reqType.new;
         const errorMessage = `Unable to find an element with the text: ${message}`;
-        cy.on('fail', err => {
+        cy.on('fail', (err) => {
           expect(err.message).to.contain(errorMessage);
         });
 
@@ -81,16 +81,22 @@ describe('Mentorship Requests', () => {
         });
       });
 
-      it('Should have Message, Background and Expectation', () => {
+      it.only('Should have Message, Background, Expectation and mentee email', () => {
         cy.findAllByTestId('request-content')
           .findAllByText(/Message|Background|Expectations/)
           .should('have.length', 3);
         cy.findAllByTestId('request-content')
           .get('p')
-          .then($ps => {
+          .then(($ps) => {
             // 3 for each mentorship request + 1 no My Mentorship Requests
             expect($ps).to.have.length(10);
           });
+
+        cy.findAllByText('Send a message').should(
+          'have.attr',
+          'href',
+          'mailto:mentee@codingcoach.io'
+        );
       });
     });
   });
@@ -123,9 +129,7 @@ describe('Mentorship Requests', () => {
       }).as('updateMentorshipStatus');
       cy.visit(`/me/requests`);
 
-      cy.get('li')
-        .contains(mentorships[0].mentor.name)
-        .click();
+      cy.get('li').contains(mentorships[0].mentor.name).click();
     });
 
     it('should display cancel button', () => {

src/Me/MentorshipRequests/ReqContent.js

@@ -60,7 +60,7 @@ const ReqContent = ({
   isLoading,
   menteeEmail,
   user,
-  mentee
+  mentee,
 }) => {
   const shouldShowButtons = () => {
     const requestReviewed = [
@@ -121,18 +121,19 @@ const ReqContent = ({
               arrow={true}
               position="top"
             >
-            <a
-              onClick={() => report('mentorship request', 'send message')}
-              href={`mailto:${menteeEmail}`}
-            >
-              Send a message
-            </a>
+              <a
+                onClick={() => report('mentorship request', 'send message')}
+                href={`mailto:${menteeEmail}`}
+              >
+                Send a message
+              </a>
             </Tooltip>
           </CallToAction>
         )}
         {status === 'Approved' && user === mentee && (
           <a
-            id="menteeEmailLink" onClick={() => report('mentorship request', 'send message')}
+            id="menteeEmailLink"
+            onClick={() => report('mentorship request', 'send message')}
             href={`mailto:${menteeEmail}`}
           >
             Send a message