observe-019.html - mozsearch

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /resize-observer/observe-019.html - WPT Dashboard Interop Dashboard

<!doctype html>

<title>ResizeObserver test: an observation is fired when device-pixel-content-box is being observed</title>

<script src="/resources/testharness.js"></script>

<script src="/resources/testharnessreport.js"></script>

<script src="./resources/resizeTestHelper.js"></script>

<body>

<div id="log"></div>

<script>

'use strict';

function test() {

  let t = createAndAppendElement("div");

  t.style.height = "100px";

  t.style.width = "50px";

  let helper = new ResizeTestHelper(

    "an observation is fired when device-pixel-content-box is being observed",

      setup: observer => {

        observer.observe(t, {box: "device-pixel-content-box"});

},

      notify: entries => {

        assert_equals(entries.length, 1, "1 pending notification");

        assert_equals(entries[0].target, t, "target is t");

        assert_equals(entries[0].contentRect.width, 50, "target width");

        assert_equals(entries[0].contentRect.height, 100, "target height");

        assert_equals(entries[0].contentBoxSize[0].inlineSize, 50,

                      "target content-box inline size");

        assert_equals(entries[0].contentBoxSize[0].blockSize, 100,

                      "target content-box block size");

        assert_equals(entries[0].borderBoxSize[0].inlineSize, 50,

                      "target border-box inline size");

        assert_equals(entries[0].borderBoxSize[0].blockSize, 100,

                      "target border-box block size");

        assert_equals(entries[0].devicePixelContentBoxSize[0].inlineSize, 50,

                      "target device-pixel-content-box inline size");

        assert_equals(entries[0].devicePixelContentBoxSize[0].blockSize, 100,

                      "target device-pixel-content-box block size");

},

]);

  return helper.start(() => t.remove());

(async () => await test())();

</script>