only-child-no-transition.html (1205B)
1 <!DOCTYPE html> 2 <html class=reftest-wait> 3 <title>View transitions: :only-child style queries without transition shouldn't crash</title> 4 <link rel="help" href="https://drafts.csswg.org/css-view-transitions-1/"> 5 <link rel="author" href="mailto:khushalsagar@chromium.org"> 6 7 <script src="/resources/testharness.js"></script> 8 <script src="/resources/testharnessreport.js"></script> 9 10 <style> 11 ::view-transition:only-child, 12 ::view-transition-group(*):only-child, 13 ::view-transition-image-pair(*):only-child, 14 ::view-transition-old(*):only-child, 15 ::view-transition-new(*):only-child { 16 background-color: blue; 17 } 18 </style> 19 20 <script> 21 promise_test(() => { 22 return new Promise(async (resolve, reject) => { 23 let elements = [ 24 "::view-transition", 25 "::view-transition-group(foo)", 26 "::view-transition-image-pair(foo)", 27 "::view-transition-old(foo)", 28 "::view-transition-old(foo)" 29 ]; 30 31 for (let i = 0; i < elements.length; i++) { 32 let style = window.getComputedStyle(document.documentElement, elements[i]); 33 if (style.backgroundColor == "rgb(0, 0, 255") 34 reject(); 35 } 36 resolve(); 37 }); 38 }, ":only-child style queries without transition shouldn't crash"); 39 </script>