mask-image.html (773B)
1 <!DOCTYPE html> 2 <body> 3 <script src="/resources/testharness.js"></script> 4 <script src="/resources/testharnessreport.js"></script> 5 <script src="../resources/utils.js"></script> 6 <style> 7 #masked { 8 width: 0px; 9 height: 100px; 10 -webkit-mask-image: url(../resources/circle.svg); 11 mask-image: url(../resources/circle.svg); 12 } 13 </style> 14 <div id='masked'></div> 15 <script> 16 setup({"hide_test_state": true}); 17 promise_test(async t => { 18 const onload = new Promise(r => window.addEventListener('load', r)); 19 await onload; 20 return assertNoFirstContentfulPaint(t).then(() => { 21 document.getElementById('masked').style.width = '100px'; 22 }).then(() => { 23 return assertFirstContentfulPaint(t); 24 }); 25 }, 'Mask image triggers First Contentful Paint.'); 26 </script> 27 </body>