feat: Add data-test for automation testing

packages/component-faraday-ui/src/AuthorCard.js

@@ -158,6 +158,7 @@ const AuthorEdit = ({
         <Label required>Email</Label>
         <ValidatedField
           component={TextField}
+          data-test-id="author-card-email"
           name="email"
           validate={[required, validators.emailValidator]}
         />
@@ -166,6 +167,7 @@ const AuthorEdit = ({
         <Label required>First name</Label>
         <ValidatedField
           component={TextField}
+          data-test-id="author-card-firstname"
           name="firstName"
           validate={[required]}
         />
@@ -174,6 +176,7 @@ const AuthorEdit = ({
         <Label required>Last name</Label>
         <ValidatedField
           component={TextField}
+          data-test-id="author-card-lastname"
           name="lastName"
           validate={[required]}
         />
@@ -182,6 +185,7 @@ const AuthorEdit = ({
         <Label required>Affiliation</Label>
         <ValidatedField
           component={TextField}
+          data-test-id="author-card-affiliation"
           name="affiliation"
           validate={[required]}
         />
@@ -192,6 +196,7 @@ const AuthorEdit = ({
           component={input => (
             <Menu {...input} options={countries} placeholder="Please select" />
           )}
+          data-test-id="author-card-country"
           name="country"
         />
       </Item>

packages/component-faraday-ui/src/SortableList.js

@@ -101,6 +101,7 @@ const SortableList = ({
   <Fragment>
     {items.map((item, i) => (
       <DecoratedItem
+        data-test-id={`add-author-id-${i}`}
         dragHandle={dragHandle}
         index={i}
         item={item}

packages/component-faraday-ui/src/WizardAuthors.js

@@ -73,7 +73,11 @@ const WizardAuthors = ({
     <Row alignItems="center" justify="flex-start">
       <Item>
         <Label>Authors</Label>
-        <ActionLink icon="plus" onClick={addNewAuthor}>
+        <ActionLink
+          data-test-id="add-author"
+          icon="plus"
+          onClick={addNewAuthor}
+        >
           ADD AUTHOR
         </ActionLink>
       </Item>

packages/component-faraday-ui/src/modals/MultiAction.js

@@ -32,8 +32,10 @@ const MultiAction = ({
         <Spinner size={3} />
       ) : (
         <Fragment>
-          <Button onClick={onClose}>{cancelText}</Button>
-          <Button onClick={onConfirm} primary>
+          <Button data-test-id="modal-cancel" onClick={onClose}>
+            {cancelText}
+          </Button>
+          <Button data-test-id="modal-confirm" onClick={onConfirm} primary>
             {confirmText}
           </Button>
         </Fragment>

packages/component-faraday-ui/src/modals/SingleActionModal.js

@@ -21,7 +21,7 @@ const SingleActionModal = ({
     </Icon>
     {title && <H2>{title}</H2>}
     {subtitle && <Text secondary>{subtitle}</Text>}
-    <Button onClick={onClick} primary>
+    <Button data-test-id="modal-confirm" onClick={onClick} primary>
       {confirmText}
     </Button>
   </Root>

packages/components-faraday/src/components/Admin/AdminUsers.js

@@ -45,7 +45,12 @@ const Users = ({
   <Fragment>
     <Row alignItems="center" justify="space-between" mb={1}>
       <Item alignItems="center">
-        <ActionLink icon="arrow-left" mr={2} onClick={history.goBack}>
+        <ActionLink
+          data-test-id="go-to-dashboard"
+          icon="arrow-left"
+          mr={2}
+          onClick={history.goBack}
+        >
           Admin Dashboard
         </ActionLink>
         <AddUser