Content - ffca95ded3160b887adc6bbfada2e5b366efac24 - f8dbb1e/intersection-observer/observer-attributes.html

visit type:

Tip revision: f773ece64eaf31324fb4f445df7f4b0522b5aba4 authored by Bobby Holley on 09 April 2018, 05:22:47 UTC
Add test for case insensitivity for content: attr() identifiers in html documents.

Tip revision: f773ece

observer-attributes.html

<!DOCTYPE html>
<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");

  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>

Browse the archive

https://github.com/web-platform-tests/wpt