content-visibility-auto-text-fragment.html (1889B)
1 <!doctype HTML> 2 <html> 3 <meta charset="utf8"> 4 <title>Content Visibility: navigating to a text fragment.</title> 5 <link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org"> 6 <link rel="help" href="https://www.w3.org/TR/css-contain-2/#content-visibility"> 7 <meta name="timeout" content="long"> 8 <meta name="assert" content="content-visibility: auto subtrees are 'searchable' by text fragment links"> 9 10 <script src="/resources/testharness.js"></script> 11 <script src="/resources/testharnessreport.js"></script> 12 <script src="/resources/testdriver.js"></script> 13 <script src="/resources/testdriver-vendor.js"></script> 14 <script src="/common/utils.js"></script> 15 <script src="/scroll-to-text-fragment/stash.js"></script> 16 17 <script> 18 promise_test(t => new Promise((resolve, reject) => { 19 const fragment = '#:~:text=hiddentext'; 20 const key = token(); 21 test_driver.bless("Open a URL with a text fragment directive", () => { 22 window.open(`./resources/text-fragment-target-matchable.html?key=${key}${fragment}`, 23 '_blank', 24 'noopener'); 25 }); 26 fetchResults(key, resolve, reject); 27 }).then(data => { 28 assert_equals(data.scrollPosition, "text"); 29 assert_equals(data.target, "text"); 30 }), "Fragment navigation with content-visibility; single text"); 31 32 promise_test(t => new Promise((resolve, reject) => { 33 const fragment = '#:~:text=start,end'; 34 const key = token(); 35 test_driver.bless("Open a URL with a text fragment directive", () => { 36 window.open(`./resources/text-fragment-target-matchable.html?key=${key}${fragment}`, 37 '_blank', 38 'noopener'); 39 }); 40 fetchResults(key, resolve, reject); 41 }).then(data => { 42 assert_equals(data.scrollPosition, "text2"); 43 assert_equals(data.target, "text2and3ancestor"); 44 }), "Fragment navigation with content-visibility; range across blocks"); 45 </script>