Update web-platform-tests to revision b'3b791e5b10812a4ca4473d93679fc70d1a7f5f88'

tests/wpt/web-platform-tests/css/css-view-transitions/3d-transform-incoming.html

@@ -38,7 +38,7 @@ div { box-sizing: border-box; will-change: transform }
 ::view-transition-group(hidden) { animation-duration: 300s; }
 ::view-transition-image-pair(hidden) { visibility: hidden; }
 ::view-transition-group(root) { visibility: hidden; }
-::view-transition { background: pink; }
+::view-transition { width: 100%; height: 100%; background: pink; }
 ::view-transition-group(*) { animation-delay: 300s; }
 ::view-transition-new(*) { animation: unset; opacity: 1; }
 ::view-transition-old(*) { animation: unset; opacity: 0; }

tests/wpt/web-platform-tests/css/css-view-transitions/3d-transform-outgoing.html

@@ -39,7 +39,7 @@ div { box-sizing: border-box; will-change: transform }
 ::view-transition-group(hidden) { animation-duration: 300s; }
 ::view-transition-image-pair(hidden) { visibility: hidden; }
 ::view-transition-group(root) { visibility: hidden; }
-::view-transition { background: pink; }
+::view-transition { width: 100%; height: 100%; background: pink; }
 ::view-transition-group(*) { animation-duration: 0s; }
 ::view-transition-new(*) { animation: unset; opacity: 0; }
 ::view-transition-old(*) { animation: unset; opacity: 1; }

tests/wpt/web-platform-tests/css/css-view-transitions/content-visibility-auto-shared-element.html

@@ -47,7 +47,7 @@ html::view-transition-group(*) { animation-duration: 0s; }
 html::view-transition-new(*) { animation: unset; opacity: 0; }
 html::view-transition-old(*) { animation: unset; opacity: 1; }
 html::view-transition-group(root) { display: none; }
-html::view-transition { background: pink }
+html::view-transition { width: 100%; height: 100%; background: pink }
 
 </style>
 

tests/wpt/web-platform-tests/css/css-view-transitions/css-tags-paint-order-with-entry.html

@@ -84,7 +84,7 @@ html::view-transition-old(two),
 html::view-transition-old(three) { animation: unset; opacity: 1; }
 
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 
 </style>
 

tests/wpt/web-platform-tests/css/css-view-transitions/css-tags-paint-order.html

@@ -69,7 +69,7 @@ html::view-transition-old(two),
 html::view-transition-old(three) { animation: unset; opacity: 1; }
 
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 
 </style>
 

tests/wpt/web-platform-tests/css/css-view-transitions/css-tags-shared-element.html

@@ -51,7 +51,7 @@ html::view-transition-old(left-element),
 html::view-transition-old(right-element) { animation: unset; opacity: 1; }
 
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 
 </style>
 

tests/wpt/web-platform-tests/css/css-view-transitions/far-away-capture.html

@@ -41,7 +41,7 @@ html::view-transition-group(*) { animation-duration: 0s; }
 html::view-transition-new(*) { animation: unset; opacity: 0; }
 html::view-transition-old(*) { animation: unset; opacity: 1; }
 html::view-transition-group(root) { display: none; }
-html::view-transition { background: pink }
+html::view-transition { width: 100%; height: 100%; background: pink }
 
 </style>
 

tests/wpt/web-platform-tests/css/css-view-transitions/japanese-tag.html

@@ -60,7 +60,7 @@ html::view-transition-old(第三) { animation: unset; opacity: 1; }
 
 /* hide the root so we show transition background to ensure we're in a transition */
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 
 </style>
 

tests/wpt/web-platform-tests/css/css-view-transitions/new-and-old-sizes-match-ref.html

@@ -32,7 +32,7 @@ html::view-transition-new(*) { animation: unset; opacity: 0; }
 html::view-transition-old(*) { animation: unset; opacity: 1; }
 /* hide the root so we show transition background to ensure we're in a transition */
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 </style>
 <div id=target class=box><div class=inner_overflow>X</div></div>
 <script>

tests/wpt/web-platform-tests/css/css-view-transitions/new-and-old-sizes-match.html

@@ -34,7 +34,7 @@ html::view-transition-new(*) { animation: unset; opacity: 1; }
 html::view-transition-old(*) { animation: unset; opacity: 0; }
 /* hide the root so we show transition background to ensure we're in a transition */
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 </style>
 <div id=target class=box><div class=inner_overflow>X</div></div>
 <script>

tests/wpt/web-platform-tests/css/css-view-transitions/new-content-captures-clip-path.html

@@ -31,7 +31,7 @@ html::view-transition-new(*) { animation: unset; opacity: 1; }
 html::view-transition-old(*) { animation: unset; opacity: 0; }
 /* hide the root so we show transition background to ensure we're in a transition */
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 </style>
 <div id=e1 class=box></div>
 <script>

tests/wpt/web-platform-tests/css/css-view-transitions/new-content-captures-different-size.html

@@ -43,7 +43,7 @@ html::view-transition-new(*) { animation: unset; opacity: 1; }
 html::view-transition-old(*) { animation: unset; opacity: 0; }
 /* hide the root so we show transition background to ensure we're in a transition */
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 </style>
 <div id=e1 class=box>one</div>
 <div id=e2 class=box>two</div>

tests/wpt/web-platform-tests/css/css-view-transitions/new-content-captures-opacity.html

@@ -26,7 +26,7 @@ html::view-transition-new(*) { animation: unset; opacity: 1; }
 html::view-transition-old(*) { animation: unset; opacity: 0; }
 /* hide the root so we show transition background to ensure we're in a transition */
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 </style>
 <div id=e1 class=box></div>
 <div id=e2 class=box></div>

tests/wpt/web-platform-tests/css/css-view-transitions/new-content-captures-positioned-spans.html

@@ -20,7 +20,7 @@ html::view-transition-new(*) { animation: unset; opacity: 1; }
 html::view-transition-old(*) { animation: unset; opacity: 0; }
 /* hide the root so we show transition background to ensure we're in a transition */
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 </style>
 <span id=target>This is a span</span>
 <script>

tests/wpt/web-platform-tests/css/css-view-transitions/new-content-captures-spans.html

@@ -17,7 +17,7 @@ html::view-transition-new(*) { animation: unset; opacity: 1; }
 html::view-transition-old(*) { animation: unset; opacity: 0; }
 /* hide the root so we show transition background to ensure we're in a transition */
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 </style>
 <span id=target>This is a span</span>
 <script>

tests/wpt/web-platform-tests/css/css-view-transitions/new-content-container-writing-modes.html

@@ -53,7 +53,7 @@ html::view-transition-old(s3) { animation: unset; opacity: 0; }
 
 /* hide the root so we show transition background to ensure we're in a transition */
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 
 </style>
 

tests/wpt/web-platform-tests/css/css-view-transitions/new-content-element-writing-modes.html

@@ -54,7 +54,7 @@ html::view-transition-old(s3) { animation: unset; opacity: 0; }
 
 /* hide the root so we show transition background to ensure we're in a transition */
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 
 </style>
 

tests/wpt/web-platform-tests/css/css-view-transitions/new-content-intrinsic-aspect-ratio.html

@@ -47,7 +47,7 @@ html::view-transition-group(target2) {
 
 /* hide the root so we show transition background to ensure we're in a transition */
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 </style>
 
 <div id=target1 class=box></div>

tests/wpt/web-platform-tests/css/css-view-transitions/new-content-is-empty-div.html

@@ -37,7 +37,7 @@ html::view-transition-new(shared) { animation: unset; opacity: 1; }
 html::view-transition-old(shared) { animation: unset; opacity: 1; }
 
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 
 </style>
 

tests/wpt/web-platform-tests/css/css-view-transitions/new-content-is-inline.html

@@ -57,6 +57,8 @@ body { margin : 0; }
   view-transition-name: none;
 }
 ::view-transition {
+  width: 100%;
+  height: 100%;
   background-color: rebeccapurple;
 }
 

tests/wpt/web-platform-tests/css/css-view-transitions/new-content-object-fit-fill.html

@@ -57,7 +57,7 @@ html::view-transition-group(hidden) {
 }
 
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 </style>
 
 <div id=target><div id=inner></div></div>

tests/wpt/web-platform-tests/css/css-view-transitions/new-content-object-fit-none.html

@@ -50,7 +50,7 @@ html::view-transition-group(hidden) {
 }
 
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 </style>
 
 <div id=target>This is text</div>

tests/wpt/web-platform-tests/css/css-view-transitions/new-content-object-view-box-clip-path-reference.html

@@ -55,7 +55,7 @@ html::view-transition-new(target-two) {
 }
 
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 </style>
 
 <div id=one class=target>

tests/wpt/web-platform-tests/css/css-view-transitions/new-content-object-view-box-clip-path.html

@@ -55,7 +55,7 @@ html::view-transition-new(target-two) {
 }
 
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 </style>
 
 <div id=one class=target>

tests/wpt/web-platform-tests/css/css-view-transitions/new-content-object-view-box-overflow-clipped.html

@@ -46,7 +46,7 @@ html::view-transition-new(target) {
 html::view-transition-old(target) { animation: unset; opacity: 0; height: 100%; }
 
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 </style>
 
 <div class=target>

tests/wpt/web-platform-tests/css/css-view-transitions/new-content-object-view-box-overflow.html

@@ -46,7 +46,7 @@ html::view-transition-new(target) {
 html::view-transition-old(target) { animation: unset; opacity: 0; height: 100%; }
 
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 </style>
 
 <div class=target>

tests/wpt/web-platform-tests/css/css-view-transitions/new-content-scaling.html

@@ -43,7 +43,7 @@ html::view-transition-old(shared) {
 }
 
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 </style>
 
 <div id=target class="shared src"><div class=inner></div></div>

tests/wpt/web-platform-tests/css/css-view-transitions/new-content-with-overflow-zoomed.html

@@ -34,7 +34,7 @@ html::view-transition-new(target) {
 }
 
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 </style>
 
 <div class=ancestor>

tests/wpt/web-platform-tests/css/css-view-transitions/new-content-with-overflow.html

@@ -31,7 +31,7 @@ html::view-transition-new(target) {
 }
 
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 </style>
 
 <div class=target>

tests/wpt/web-platform-tests/css/css-view-transitions/new-element-on-start.html

@@ -42,7 +42,7 @@ html::view-transition-new(after) { animation-duration: 0s; }
 html::view-transition-old(after) { animation-duration: 0s; }
 
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 
 </style>
 

tests/wpt/web-platform-tests/css/css-view-transitions/old-content-captures-clip-path.html

@@ -29,7 +29,7 @@ html::view-transition-new(*) { animation: unset; opacity: 0; }
 html::view-transition-old(*) { animation: unset; opacity: 1; }
 /* hide the root so we show transition background to ensure we're in a transition */
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 </style>
 <div id=e1 class=box></div>
 <script>

tests/wpt/web-platform-tests/css/css-view-transitions/old-content-captures-different-size.html

@@ -43,7 +43,7 @@ html::view-transition-new(*) { animation: unset; opacity: 0; }
 html::view-transition-old(*) { animation: unset; opacity: 1; }
 /* hide the root so we show transition background to ensure we're in a transition */
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 </style>
 <div id=e1 class=box>one</div>
 <div id=e2 class=box>two</div>

tests/wpt/web-platform-tests/css/css-view-transitions/old-content-captures-opacity.html

@@ -27,7 +27,7 @@ html::view-transition-new(*) { animation: unset; opacity: 0; }
 html::view-transition-old(*) { animation: unset; opacity: 1; }
 /* hide the root so we show transition background to ensure we're in a transition */
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 </style>
 <div id=e1 class=box>one</div>
 <div id=e2 class=box>two</div>

tests/wpt/web-platform-tests/css/css-view-transitions/old-content-container-writing-modes.html

@@ -60,7 +60,7 @@ html::view-transition-old(s3) { animation: unset; opacity: 1; }
 
 /* hide the root so we show transition background to ensure we're in a transition */
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 
 </style>
 

tests/wpt/web-platform-tests/css/css-view-transitions/old-content-element-writing-modes.html

@@ -60,7 +60,7 @@ html::view-transition-old(s3) { animation: unset; opacity: 1; }
 
 /* hide the root so we show transition background to ensure we're in a transition */
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 
 </style>
 

tests/wpt/web-platform-tests/css/css-view-transitions/old-content-intrinsic-aspect-ratio.html

@@ -47,7 +47,7 @@ html::view-transition-group(target2) {
 
 /* hide the root so we show transition background to ensure we're in a transition */
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 </style>
 
 <div id=target1 class=box></div>

tests/wpt/web-platform-tests/css/css-view-transitions/old-content-is-empty-div.html

@@ -36,7 +36,7 @@ html::view-transition-new(shared) { animation: unset; opacity: 1; }
 html::view-transition-old(shared) { animation: unset; opacity: 1; }
 
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 
 </style>
 

tests/wpt/web-platform-tests/css/css-view-transitions/old-content-is-inline.html

@@ -57,6 +57,8 @@ body { margin : 0; }
   view-transition-name: none;
 }
 ::view-transition {
+  width: 100%;
+  height: 100%;
   background-color: rebeccapurple;
 }
 

tests/wpt/web-platform-tests/css/css-view-transitions/old-content-object-fit-fill.html

@@ -57,7 +57,7 @@ html::view-transition-group(hidden) {
 }
 
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 </style>
 
 <div id=target><div id=inner></div></div>

tests/wpt/web-platform-tests/css/css-view-transitions/old-content-object-fit-none.html

@@ -50,7 +50,7 @@ html::view-transition-group(hidden) {
 }
 
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 </style>
 
 <div id=target>This is text</div>

tests/wpt/web-platform-tests/css/css-view-transitions/old-content-object-view-box-clip-path-reference.html

@@ -56,7 +56,7 @@ html::view-transition-old(target-two) {
 }
 
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 </style>
 
 <div id=one class=target>

tests/wpt/web-platform-tests/css/css-view-transitions/old-content-object-view-box-clip-path.html

@@ -56,7 +56,7 @@ html::view-transition-old(target-two) {
 }
 
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 </style>
 
 <div id=one class=target>

tests/wpt/web-platform-tests/css/css-view-transitions/old-content-object-view-box-overflow.html

@@ -45,7 +45,7 @@ html::view-transition-old(target) {
 }
 
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 </style>
 
 <div class=target>

tests/wpt/web-platform-tests/css/css-view-transitions/old-content-with-overflow-zoomed.html

@@ -34,7 +34,7 @@ html::view-transition-old(target) {
 }
 
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 </style>
 
 <div class=ancestor>

tests/wpt/web-platform-tests/css/css-view-transitions/old-content-with-overflow.html

@@ -31,7 +31,7 @@ html::view-transition-old(target) {
 }
 
 html::view-transition-group(root) { animation: unset; opacity: 0; }
-html::view-transition { background: lightpink; }
+html::view-transition { width: 100%; height: 100%; background: lightpink; }
 </style>
 
 <div class=target>

tests/wpt/web-platform-tests/css/css-view-transitions/root-style-change-during-animation.html

@@ -23,6 +23,8 @@
 }
 
 html::view-transition {
+  width: 100%;
+  height: 100%;
   background: grey;
 }
 

tests/wpt/web-platform-tests/css/css-view-transitions/set-universal-specificity.html

@@ -15,7 +15,7 @@
 }
 
 /* We're verifying what we capture, so just display the old contents for 5 minutes.  */
-html::view-transition { background: pink; }
+html::view-transition { width: 100%; height: 100%; background: pink; }
 html::view-transition-group(shared) { animation-duration: 300s; }
 
 html::view-transition-old(shared) {