Added multiple profile frontend tests.

frontend/src/filtered-dropdown/filteredDropdown.js

@@ -29,12 +29,17 @@ const FilteredDropdown = React.forwardRef(
       >
         <Row className="flex-nowrap mx-2">
           <Col xs="auto" className="my-1 px-0">
+            <Form.Label htmlFor="newProfileName" hidden>
+              New Profile Name
+            </Form.Label>
             <Form.Control
               autoFocus
               className="w-auto"
               placeholder="Type to filter..."
               onChange={(e) => setValue(e.target.value)}
               value={value}
+              id="newProfileName"
+              aria-label="newProfileName"
             />
           </Col>
 
@@ -53,8 +58,9 @@ const FilteredDropdown = React.forwardRef(
                 createNewProfile(value);
                 setValue("");
               }}
+              data-testid="Add Profile Button"
             >
-              <FontAwesomeIcon icon={faPlus} size="sm" />
+              <FontAwesomeIcon icon={faPlus} size="sm" title="Add Profile" />
             </Button>
           </Col>
         </Row>

frontend/src/profile/ProfilePage.js

@@ -76,7 +76,11 @@ const ProfilePage = (props) => {
   }
 
   return (
-    <div className="container" style={{ marginTop: "2.5rem" }}>
+    <div
+      className="container"
+      style={{ marginTop: "2.5rem" }}
+      data-testid="profile-page"
+    >
       <Row style={{ alignItems: "center" }}>
         <Col xs="auto" className="my-auto">
           <h3 className="my-0">Profile: </h3>
@@ -88,6 +92,7 @@ const ProfilePage = (props) => {
             readOnly={!editingProfileName}
             value={profileName}
             onChange={onProfileNameChange}
+            id="profileName"
           />
         </Col>
 
@@ -122,15 +127,15 @@ const ProfilePage = (props) => {
         <Col>
           {props.isDefault ? (
             <Button variant="link" className="default-btn">
-              <FontAwesomeIcon icon={faStar} />
+              <FontAwesomeIcon icon={faStar} title="Filled Star" />
             </Button>
           ) : (
             <Button
               variant="link"
               className="default-btn"
               onClick={setNewDefaultProfile}
             >
-              <FontAwesomeIcon icon={farStar} />
+              <FontAwesomeIcon icon={farStar} title="Empty Star" />
             </Button>
           )}
         </Col>

frontend/src/resume/ManageResumePage.js

@@ -227,7 +227,7 @@ export default class ManageResumePage extends Component {
 
   render() {
     return (
-      <div className="pagelayout">
+      <div className="pagelayout" data-testid="manage-resume-page">
         {this.state.showCoverLetterCreatedAlert && (
           <Alert variant="success">
             {this.state.showCoverLetterCreatedAlert} was saved successfully!

frontend/src/sidebar/Sidebar.js

@@ -21,7 +21,7 @@ export default class Sidebar extends Component {
 
   render() {
     return (
-      <div className="left-nav">
+      <div className="left-nav" data-testid="sidebar">
         <div className="left-nav-item">
           {/* --- Profile Dropdown --- */}
           <Dropdown onSelect={this.props.onProfileSelect} size="sm">
@@ -58,6 +58,8 @@ export default class Sidebar extends Component {
                   onClick={() => {
                     this.props.switchPage(page.NAME);
                   }}
+                  data-testid={page.TEXT + " Button"}
+                  key={page.TEXT}
                 >
                   <i className={`fas ${page.ICON} left-nav-icon`}></i>
                   <span className={`left-nav-label `}>{page.TEXT}</span>