Bug 244141 – [Resize Observer] Timeout on WPT test 18 (an observation is fired when device-pixel-content-box is being observed)

• Status: NEW
• Component: DOM

[Ahmad Saleem]

Hi Team,

Thanks for doing continuous good work, while I was triaging and bumping old bugs, came across bug 206555, which was about specific test failure but now it is working as intended but there are new failures. Hence, I am creating separate bug to track it.

Link - http://wpt.live/resize-observer/observe.html

Test Case Results across browsers:

*** Safari Technology Preview 151 ***

Harness status: Timeout <--- Bug

Found 21 tests

19 Pass
1 Fail <--- Bug
1 Not Run <--- Bug


*** Firefox Nightly 105 ***

Harness status: OK

Found 21 tests
20 Pass
1 Fail

*** Chrome Canary 106 ***

Harness status: OK

Found 22 tests

20 Pass
2 Fail

______________

Specific failures:

test18: an observation is fired when device-pixel-content-box is being observed	

ssert_unreached: Caught a throw, possible syntax error Reached unreachable code
@http://wpt.live/resize-observer/resources/resizeTestHelper.js:87:25
@http://wpt.live/resources/testharness.js:2590:30
_nextStep@http://wpt.live/resize-observer/resources/resizeTestHelper.js:86:29
@http://wpt.live/resize-observer/resources/resizeTestHelper.js:150:21
@http://wpt.live/resources/testharness.js:2590:30
start@http://wpt.live/resize-observer/resources/resizeTestHelper.js:148:27


Pass	assert_equals(-1, -1, "start can only be called once")
 /resize-observer/resources/resizeTestHelper.js:149:20

Fail	assert_unreached("Caught a throw, possible syntax error")
 /resize-observer/resources/resizeTestHelper.js:87:25

NEXT

Not Run	guard	Asserts run.  No assert


__________

Continue doing good work.. and Webkit more Web-copmat and interop. Thanks!!!

[Karl Dubost]

I probably depends on Bug 219005

as the test 18 depends on it.

```
function test18() {
  let t = createAndAppendElement("div");
  t.style.height = "100px";
  t.style.width = "50px";

  let helper = new ResizeTestHelper(
    "test18: 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());
}
```


And test 19 also would depends on it: zoom + device-pixel-content-box
(zoom is non-standard and not supported by Firefox, hence the test number differences)

PS: <3 the typo "Web-copmat"

[Radar WebKit Bug Importer]

<rdar://problem/98956336>

[Karl Dubost]

seeAlso https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserverEntry/devicePixelContentBoxSize#browser_compatibility