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
|
<!DOCTYPE html>
<meta name="viewport" content="width=device-width,initial-scale=1">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<div id="root"></div>
<script>
test(function() {
var observer = new IntersectionObserver(function(e) {}, {});
test(function() { assert_equals(observer.root, null) },
"observer.root");
test(function() { assert_array_equals(observer.thresholds, [0]) },
"observer.thresholds");
test(function() { assert_equals(observer.rootMargin, "0px 0px 0px 0px") },
"observer.rootMargin");
observer = new IntersectionObserver(function(e) {}, {
rootMargin: " ",
threshold: []
});
test(function() { assert_array_equals(observer.thresholds, [0]) },
"empty observer.thresholds");
test(function() { assert_equals(observer.rootMargin, "0px 0px 0px 0px") },
"whitespace observer.rootMargin");
var rootDiv = document.getElementById("root");
observer = new IntersectionObserver(function(e) {}, {
root: rootDiv,
threshold: [0, 0.25, 0.5, 1.0],
rootMargin: "10% 20px"
});
test(function() { assert_equals(observer.root, rootDiv) },
"set observer.root");
test(function() { assert_array_equals(observer.thresholds, [0, 0.25, 0.5, 1.0]) },
"set observer.thresholds");
test(function() { assert_equals(observer.rootMargin, "10% 20px 10% 20px") },
"set observer.rootMargin");
}, "Observer attribute getters.");
</script>
|
