Extend duration of animations/play_state test to 1s

100ms is likely not enough time to ensure that the animation can be
paused on all test configurations. Failures are more prevalent when run
in a composited test environment, but also appear when run outside of
a virtual test suite.  To avoid needing to wait an extended period of
time for the finished state.  The animation duration is reduced back to
100ms once the pause state has been detected.

Bug: 986019
Change-Id: Ib1a07cb495ef8b9f40ec4032d835ce758d3a5f70
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1949111Reviewed-by: Robert Flack <flackr@chromium.org>
Commit-Queue: Kevin Ellis <kevers@chromium.org>
Cr-Commit-Position: refs/heads/master@{#721469}

third_party/blink/web_tests/TestExpectations

@@ -5722,8 +5722,6 @@ crbug.com/979298 [ Mac ] virtual/audio-service/media/controls/volumechange-muted
 crbug.com/988248 [ Mac Linux ] virtual/audio-service/media/video-persistence.html [ Pass Failure ]
 crbug.com/979298 [ Mac ] virtual/audio-service/media/video-zoom.html [ Pass Failure ]
 
-crbug.com/986019 virtual/threaded-no-composited-antialiasing/animations/play-state.html [ Pass Failure ]
-
 crbug.com/996219 [ Win ] virtual/text-antialias/emoji-vertical-origin-visual.html [ Failure ]
 
 crbug.com/996597 [ Win ] css2.1/t0905-c5525-flthw-00-c-g.html [ Failure ]

third_party/blink/web_tests/animations/play-state.html

@@ -5,7 +5,7 @@
     .target {
       height: 100px;
       width: 100px;
-      animation-duration: 100ms;
+      animation-duration: 1000ms;
       animation-timing-function: linear;
     }
     #translate {
@@ -32,6 +32,9 @@
     .paused {
       animation-play-state: paused;
     }
+    .quick {
+      animation-duration: 100ms;
+    }
   </style>
   <script src="resources/animation-test-helpers.js" type="text/javascript"></script>
   <script type="text/javascript">
@@ -83,6 +86,7 @@
       logPassFail(transform, getComputedStyle(document.getElementById('translate')).transform, 'translate', 'when paused');
       logPassFail(left, getComputedStyle(document.getElementById('left')).left, 'left', 'when paused');
       toggleClass('paused');
+      toggleClass('quick');
     }
 
     function end() {