[view-transitions] Fix incomplete pausing of animations in reftests

Several reftests were producing off by one errors in color matching.
animation-play-state is not an inherited property from
view-transition-group(*). Where the play-state was being explicitly
paused for reftest matching, we need to explicitly pause on
image-pair, image-old and image-new as well as the group.

Flake easily reproducible with --repeat-each=10 without the patch.
Not seeing flakes with --repeat-each=100 with the patch.

Bug: 324915834
Change-Id: I76c86199f4d4734f0b2f1db0c79cdc962e2627ce
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/6404354
Commit-Queue: Kevin Ellis <[email protected]>
Reviewed-by: Vladimir Levin <[email protected]>
Cr-Commit-Position: refs/heads/main@{#1438949}

Author: kevers-google

Diff for: css/css-view-transitions/pseudo-with-classes-mismatch-ident.html

@@ -20,7 +20,10 @@
   view-transition-class: cls;
 }
 
-::view-transition-group(*) {
+::view-transition-group(*),
+::view-transition-image-pair(*),
+::view-transition-old(*),
+::view-transition-new(*) {
   animation-play-state: paused;
 }
 

Diff for: css/css-view-transitions/pseudo-with-classes-mismatch-partial.html

@@ -20,7 +20,10 @@
   view-transition-class: cls;
 }
 
-::view-transition-group(*) {
+::view-transition-group(*),
+::view-transition-image-pair(*),
+::view-transition-old(*),
+::view-transition-new(*) {
   animation-play-state: paused;
 }
 

Diff for: css/css-view-transitions/pseudo-with-classes-mismatch-wildcard.html

@@ -20,7 +20,10 @@
   view-transition-class: cls;
 }
 
-::view-transition-group(*) {
+::view-transition-group(*),
+::view-transition-image-pair(*),
+::view-transition-old(*),
+::view-transition-new(*) {
   animation-play-state: paused;
 }
 

Diff for: css/css-view-transitions/pseudo-with-classes-new-with-class-old-without.html

@@ -23,7 +23,10 @@
   view-transition-class: cls;
 }
 
-::view-transition-group(*) {
+::view-transition-group(*),
+::view-transition-image-pair(*),
+::view-transition-old(*),
+::view-transition-new(*) {
   animation-play-state: paused;
 }
 

Diff for: css/css-view-transitions/pseudo-with-classes-old-with-class-new-without.html

@@ -23,7 +23,10 @@
   view-transition-class: cls;
 }
 
-::view-transition-group(*) {
+::view-transition-group(*),
+::view-transition-image-pair(*),
+::view-transition-old(*),
+::view-transition-new(*) {
   animation-play-state: paused;
 }