updated jest file and snapshot

public/app/containers/AlertRuleList/AlertRuleList.jest.tsx

@@ -45,7 +45,7 @@ describe('AlertRuleList', () => {
 
   it('should render 1 rule', () => {
     page.update();
-    let ruleNode = page.find('.card-item-wrapper');
+    let ruleNode = page.find('.alert-rule-item');
     expect(toJson(ruleNode)).toMatchSnapshot();
   });
 

public/app/containers/AlertRuleList/__snapshots__/AlertRuleList.jest.tsx.snap

@@ -2,45 +2,23 @@
 
 exports[`AlertRuleList should render 1 rule 1`] = `
 <li
-  className="card-item-wrapper"
+  className="alert-rule-item"
 >
   <div
-    className="card-item card-item--alert"
+    className="alert-rule-item__body"
   >
-    <div
-      className="card-item-header"
-    >
-      <div
-        className="card-item-type"
-      >
-        <a
-          className="card-item-cog"
-          onClick={[Function]}
-          title="Pausing an alert rule prevents it from executing"
-        >
-          <i
-            className="fa fa-pause"
-          />
-        </a>
-        <a
-          className="card-item-cog"
-          href="dashboard/db/mygool?panelId=3&fullscreen&edit&tab=alert"
-          title="Edit alert rule"
+    <span
+      className="alert-rule-item__icon alert-state-ok"
     >
       <i
-            className="icon-gf icon-gf-settings"
+        className="icon-gf icon-gf-online"
       />
-        </a>
-      </div>
-    </div>
-    <div
-      className="card-item-body"
-    >
+    </span>
     <div
-        className="card-item-details"
+      className="alert-rule-item__header"
     >
       <div
-          className="card-item-name"
+        className="alert-rule-item__name"
       >
         <a
           href="dashboard/db/mygool?panelId=3&fullscreen&edit&tab=alert"
@@ -49,24 +27,43 @@ exports[`AlertRuleList should render 1 rule 1`] = `
         </a>
       </div>
       <div
-          className="card-item-sub-name"
+        className="alert-rule-item__text"
       >
         <span
-            className="alert-list-item-state alert-state-ok"
+          className="alert-state-ok"
         >
-            <i
-              className="icon-gf icon-gf-online"
-            />
-             
           OK
         </span>
-          <span>
+        <span
+          className="alert-rule-item__time"
+        >
            for 
           5 minutes
         </span>
       </div>
     </div>
   </div>
+  <div
+    className="alert-rule-item__footer"
+  >
+    <a
+      className="btn btn-small btn-inverse alert-list__btn width-2"
+      onClick={[Function]}
+      title="Pausing an alert rule prevents it from executing"
+    >
+      <i
+        className="fa fa-pause"
+      />
+    </a>
+    <a
+      className="btn btn-small btn-inverse alert-list__btn width-2"
+      href="dashboard/db/mygool?panelId=3&fullscreen&edit&tab=alert"
+      title="Edit alert rule"
+    >
+      <i
+        className="icon-gf icon-gf-settings"
+      />
+    </a>
   </div>
 </li>
 `;