| <!doctype html> |
| <title>Fragment directive API</title> |
| <meta charset=utf-8> |
| <link rel="help" href="https://wicg.github.io/ScrollToTextFragment/"> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <script src="/resources/testdriver.js"></script> |
| <script src="/resources/testdriver-vendor.js"></script> |
| <script> |
| test(t => { |
| assert_equals(typeof(window.location.fragmentDirective), 'object', 'window.location.fragmentDirective is defined'); |
| }, 'Scroll to text is feature detectable via window.location.fragmentDirective'); |
| |
| test(t =>{ |
| window.location.fragmentDirective = 'text=test'; |
| assert_equals(window.scrollY, 0, 'Setting window.location.fragmentDirective did not have an effect on scroll position'); |
| assert_equals(typeof(window.location.fragmentDirective), 'object', 'window.location.fragmentDirective is still an object type'); |
| assert_equals(Object.keys(window.location.fragmentDirective).length, 0, 'window.location.fragmentDirective has no properties'); |
| }, 'Setting window.location.fragmentDirective has no effect'); |
| </script> |
| <style> |
| body { |
| height: 3200px; |
| } |
| #text { |
| position: absolute; |
| top: 3000px; |
| } |
| </style> |
| <body> |
| <p id="text">This is a test page</p> |
| </body> |