Attachment 357735 Details for Bug 192884 – Testcase

Testcase

callback-types.html (text/html), 1.52 KB, created by Simon Fraser (smfr) on 2018-12-19 15:13:03 PST

(hide)

Description:

Filename:

MIME Type:

Creator: Simon Fraser (smfr)

Created: 2018-12-19 15:13:03 PST

Size: 1.52 KB

patch

obsolete

><!DOCTYPE html>
><html>
><head>
>    <meta charset="utf-8">
>    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
>    <title></title>
></head>
><body>
>    
>    <div id="target">Runs various observer callbacks</div>
>    <script>
>    function sleep(ms) {
>        let now = Date.now();
>        while ((Date.now() - now) < ms);
>    }
>
>    // (function() {
>    //     let observer = new PerformanceObserver(function performanceObserverCallback(list) {
>    //         console.log("PerformanceObserver callback");
>    //         sleep(20);
>    //     });
>    //     observer.observe({entryTypes: ["mark"]});
>    //     performance.mark("mark");
>    // })();
>
>    (function() {
>        let targetElement = document.getElementById("target");
>        let observer = new MutationObserver(function mutationObserverCallback(mutations) {
>            console.log("MutationObserver callback");
>            sleep(20);
>        });
>        observer.observe(targetElement, {childList: true});
>        targetElement.appendChild(document.createElement("p"));
>    })();
>
>    // (function() {
>    //     let observer = new IntersectionObserver((observations) => {
>    //         console.log('IntersectionObserver', observations);
>    //         sleep(20);
>    //     }, {
>    //         threshold: [ 0, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1 ],
>    //         rootMargin: 0
>    //     });
>    //
>    //     let targetElement = document.getElementById("target");
>    //     observer.observe(target);
>    // })();
>
>    </script>
>
></body>
></html>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title></title>
</head>
<body>
    
    <div id="target">Runs various observer callbacks</div>
    <script>
    function sleep(ms) {
        let now = Date.now();
        while ((Date.now() - now) < ms);
    }

    // (function() {
    //     let observer = new PerformanceObserver(function performanceObserverCallback(list) {
    //         console.log("PerformanceObserver callback");
    //         sleep(20);
    //     });
    //     observer.observe({entryTypes: ["mark"]});
    //     performance.mark("mark");
    // })();

    (function() {
        let targetElement = document.getElementById("target");
        let observer = new MutationObserver(function mutationObserverCallback(mutations) {
            console.log("MutationObserver callback");
            sleep(20);
        });
        observer.observe(targetElement, {childList: true});
        targetElement.appendChild(document.createElement("p"));
    })();

    // (function() {
    //     let observer = new IntersectionObserver((observations) => {
    //         console.log('IntersectionObserver', observations);
    //         sleep(20);
    //     }, {
    //         threshold: [ 0, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1 ],
    //         rootMargin: 0
    //     });
    //
    //     let targetElement = document.getElementById("target");
    //     observer.observe(target);
    // })();

    </script>

</body>
</html>

Actions: View

Attachments on bug 192884: 357735 | 357736 | 358725 | 358726 | 359810