Add acceptance tests

assets/js/src/newsletters/listings/mixins.jsx

@@ -86,7 +86,7 @@ const QueueMixin = {
 
     if (newsletter.queue.status === 'completed') {
       label = (
-        <Link to={`/sending-status/${newsletter.id}`}>
+        <Link to={`/sending-status/${newsletter.id}`} data-automation-id={`sending_status_${newsletter.id}`}>
           <span>
             {
               MailPoet.I18n.t('newsletterQueueCompleted')

assets/js/src/newsletters/listings/welcome.jsx

@@ -215,7 +215,12 @@ const NewsletterListWelcome = createReactClass({ // eslint-disable-line react/pr
           </select>
         </p>
         <p>
-          <Link to={`/sending-status/${newsletter.id}`}>{ totalSentMessage }</Link>
+          <Link
+            to={`/sending-status/${newsletter.id}`}
+            data-automation-id={`sending_status_${newsletter.id}`}
+          >
+            { totalSentMessage }
+          </Link>
           {' '}
           <br />
           { totalScheduledMessage }

assets/js/src/newsletters/sending_status.jsx

@@ -145,7 +145,7 @@ const ListingItem = ({
   }
   return (
     <>
-      <td className={rowClasses}>
+      <td data-automation-id={`name_${taskId}_${subscriberId}`} className={rowClasses}>
         <strong>
           <a
             className="row-title"
@@ -158,10 +158,10 @@ const ListingItem = ({
           { `${firstName} ${lastName}` }
         </p>
       </td>
-      <td className="column" data-colname={MailPoet.I18n.t('sendingStatus')}>
+      <td className="column" data-automation-id={`status_${taskId}_${subscriberId}`} data-colname={MailPoet.I18n.t('sendingStatus')}>
         { status }
       </td>
-      <td className="column" data-colname={MailPoet.I18n.t('failureReason')}>
+      <td className="column" data-automation-id={`error_${taskId}_${subscriberId}`} data-colname={MailPoet.I18n.t('failureReason')}>
         { error }
       </td>
     </>