diff --git a/resize-observer/notify.html b/resize-observer/notify.html
index d5888515d5a086..7f0e448540465f 100644
--- a/resize-observer/notify.html
+++ b/resize-observer/notify.html
@@ -194,27 +194,38 @@
function test6() {
let helper = new ResizeTestHelper(
- "test6: inline element does not notify",
+ "test6: inline element notifies once with 0x0.",
[
{
setup: observer => {
observer.observe(inline);
- observer.observe(t1);
- t1.style.width = "66px";
- inline.style.width = "66px";
},
notify: (entries, observer) => {
- assert_equals(entries.length, 1, "inline elements must not trigger notifications");
- assert_equals(entries[0].target, t1, "inline elements must not trigger notifications");
+ assert_equals(entries.length, 1, "observing inline element triggers notification");
+ assert_equals(entries[0].target, inline, "observing inline element triggers notification");
+ assert_equals(entries[0].contentRect.width, 0);
+ assert_equals(entries[0].contentRect.height, 0);
return true; // Delay next step
}
},
+ {
+ setup: observer => {
+ inline.style.width = "66px";
+ },
+ notify: (entries, observer) => {
+ assert_unreached("resizing inline element should not cause resize notifications");
+ },
+ timeout: () => {
+ // expected
+ }
+ },
{ // "inline element that becomes block should notify",
setup: observer => {
inline.style.display = "block";
},
notify: (entries, observer) => {
- assert_equals(entries[0].target, inline);
+ assert_equals(entries.length, 1, "inline element becoming a non-zero sized block triggers a notification");
+ assert_equals(entries[0].target, inline, "inline element becoming a non-zero sized block triggers a notification");
}
}
]);
diff --git a/resize-observer/observe.html b/resize-observer/observe.html
index a3bf784b62cfcd..f6015bef788259 100644
--- a/resize-observer/observe.html
+++ b/resize-observer/observe.html
@@ -719,16 +719,26 @@
let helper = new ResizeTestHelper(
// See: https://drafts.csswg.org/resize-observer/#intro.
- "test16: observations do not fire for non-replaced inline elements",
+ "test16: observations fire once with 0x0 size for non-replaced inline elements",
[
{
setup: observer => {
observer.observe(t);
},
notify: entries => {
- assert_unreached("No observation should fire for non box element")
- },
- timeout: () => {}
+ assert_equals(entries.length, 1, "1 pending notification");
+ assert_equals(entries[0].target, t, "target is t");
+ assert_equals(entries[0].contentRect.width, 0, "target width");
+ assert_equals(entries[0].contentRect.height, 0, "target height");
+ assert_equals(entries[0].contentBoxSize[0].inlineSize, 0,
+ "target content-box inline size");
+ assert_equals(entries[0].contentBoxSize[0].blockSize, 0,
+ "target content-box block size");
+ assert_equals(entries[0].borderBoxSize[0].inlineSize, 0,
+ "target border-box inline size");
+ assert_equals(entries[0].borderBoxSize[0].blockSize, 0,
+ "target border-box block size");
+ }
}
]);
diff --git a/resize-observer/svg.html b/resize-observer/svg.html
index 08c1cf9a373499..6511afc8b000a2 100644
--- a/resize-observer/svg.html
+++ b/resize-observer/svg.html
@@ -345,10 +345,10 @@
observer.observe(view);
},
notify: (entries, observer) => {
- assert_unreached("no entries should be observed on Element");
- },
- timeout: () => {
- // expected
+ assert_equals(entries.length, 1);
+ assert_equals(entries[0].target, view);
+ assert_equals(entries[0].contentRect.width, 0);
+ assert_equals(entries[0].contentRect.height, 0);
}
},
{
@@ -356,10 +356,10 @@
observer.observe(stop);
},
notify: (entries, observer) => {
- assert_unreached("no entries should be observed on Element");
- },
- timeout: () => {
- // expected
+ assert_equals(entries.length, 1);
+ assert_equals(entries[0].target, stop);
+ assert_equals(entries[0].contentRect.width, 0);
+ assert_equals(entries[0].contentRect.height, 0);
}
},
]);