[ui]] Percy Stabilization (#20061)

* Some actions and inline-chart stabilization

* Weird little semicolon, are you my undoing?

ui/app/templates/allocations/allocation/task/index.hbs

@@ -223,7 +223,7 @@
     <div class="boxed-section-body is-full-bleed">
       <ListTable
         @source={{reverse this.model.events}}
-        @class="is-striped" as |t|
+        @class="is-striped recent-events-table" as |t|
       >
         <t.head>
           <th class="is-3">

ui/tests/acceptance/actions-test.js

@@ -162,7 +162,11 @@ module('Acceptance | actions', function (hooks) {
       "The first action's dropdown subcontent exists"
     );
 
-    await percySnapshot(assert);
+    await percySnapshot(assert, {
+      percyCSS: `
+        .allocation-row td { display: none; }
+      `,
+    });
 
     // run on a random alloc
     await Actions.titleActions.multiAllocActions[0].subActions[0].click();
@@ -333,11 +337,28 @@ module('Acceptance | actions', function (hooks) {
       Actions.flyout.actions.isPresent,
       'Flyout has actions dropdown on task page'
     );
-    await percySnapshot(assert);
+    await percySnapshot(assert, {
+      percyCSS: `
+          g.tick { visibility: hidden; };
+          .recent-events-table td {
+            display: none;
+          }
+          .inline-definitions { visibility: hidden; }
+        `,
+    });
 
     // Clear finished actions and take a snapshot
     await click('button[data-test-clear-finished-actions]');
-    await percySnapshot('Cleared actions/flyout open state');
+
+    await percySnapshot('Cleared actions/flyout open state', {
+      percyCSS: `
+          g.tick { visibility: hidden; }
+          .recent-events-table td {
+            display: none;
+          }
+          .inline-definitions { visibility: hidden; }
+        `,
+    });
 
     // Close flyout; global button is no longer present
     await Actions.flyout.close();

ui/tests/acceptance/job-status-panel-test.js

@@ -530,6 +530,7 @@ module('Acceptance | job status panel', function (hooks) {
       {
         percyCSS: `
           .allocation-row td { display: none; }
+          .inline-chart { visibility: hidden; }
         `,
       }
     );
@@ -545,6 +546,7 @@ module('Acceptance | job status panel', function (hooks) {
       {
         percyCSS: `
           .allocation-row td { display: none; }
+          .inline-chart { visibility: hidden; }
         `,
       }
     );
@@ -588,6 +590,7 @@ module('Acceptance | job status panel', function (hooks) {
       {
         percyCSS: `
           .allocation-row td { display: none; }
+          .inline-chart { visibility: hidden; }
         `,
       }
     );