1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
|
<!DOCTYPE html>
<meta charset="utf-8">
<meta name=timeout content=long>
<title>beforematch fired on ScrollToTextFragment</title>
<link rel="author" title="Joey Arhar" href="mailto:jarhar@chromium.org">
<link rel="help" href="https://html.spec.whatwg.org/multipage/interaction.html#the-hidden-attribute:event-beforematch">
<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 src="/common/utils.js"></script>
<script src="/scroll-to-text-fragment/stash.js"></script>
<script>
async function fetchResultsNoResolver(key) {
return new Promise((resolve, reject) => {
fetchResults(key, resolve, reject);
});
}
promise_test(async () => {
const key = token();
await test_driver.bless('Open a scroll to text fragment URL');
window.open(
`resources/beforematch-scroll-to-text-fragment-basic.html?key=${key}#:~:text=foo`,
'_blank',
'noopener');
const results = await fetchResultsNoResolver(key);
assert_true(results.beforematchFiredOnFoo,
'Foo was searched for, so it should get a beforematch event.');
assert_false(results.beforematchFiredOnBar,
'Bar was not searched for, so it should not get a beforematch event.');
assert_equals(results.pageYOffsetDuringBeforematch, 0,
'Scrolling should happen after beforematch is fired.');
assert_true(results.pageYOffsetAfterRaf > 0,
'The page should be scrolled down to foo.');
assert_true(results.beforematchHiddenAttributePresent,
'The hidden attribute should be set inside the beforematch event handler.');
}, 'Verifies that the beforematch event is fired on the matching element of a ScrollToTextFragment navigation.');
promise_test(async () => {
const key = token();
await test_driver.bless('Open a scroll to text fragment URL');
window.open(
`resources/beforematch-scroll-to-text-fragment-with-anchor.html?key=${key}#bar:~:text=foo`,
'_blank',
'noopener');
const results = await fetchResultsNoResolver(key);
assert_true(results.fooHasHiddenAttribute,
'hidden=until-found revealing should not happen until after the script tag loads.');
assert_true(results.beforematchFiredOnFoo,
'foo was searched for, so it should get the beforematch event.');
assert_false(results.beforematchFiredOnBar,
'bar should not get the beforematch event despite being the target of an element fragment due to the text fragment.');
assert_equals(results.pageYOffsetDuringBeforematch, 0,
'Scrolling should happen after beforematch is fired.');
assert_true(results.pageYOffsetAfterRaf > 0,
'The page should be scrolled down to foo.');
}, 'Verifies that beforematch is only fired on elements targeted by a text fragment when there is both a text fragment and an element fragment.');
promise_test(async () => {
const key = token();
await test_driver.bless('Open a scroll to text fragment URL');
window.open(
`resources/beforematch-scroll-to-text-fragment-bubble.html?key=${key}#:~:text=foo`,
'_blank',
'noopener');
const results = await fetchResultsNoResolver(key);
assert_true(results.beforematchFiredOnChild,
'The element containing the searched text should have beforematch fired on it.');
assert_true(results.beforematchFiredOnParent,
'The parent element of the element containing the matching text should have the beforematch event fired on it because the event should bubble.');
}, 'Verifies that the beforematch event bubbles with scroll to text fragment.');
// TODO(jarhar): Write more tests here once we decide on a behavior here: https://github.com/WICG/display-locking/issues/150
</script>
|
