Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Create LayoutShiftAttribution objects in LayoutShiftTracker.
Also mark the REF "experimental", so that it is tested, and add a test. Bug: 1053510 Change-Id: I8bac9c8002d20991599a1bf396f28dd9101b0f63 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2157988 Reviewed-by: Nicolás Peña Moreno <npm@chromium.org> Commit-Queue: Steve Kobes <skobes@chromium.org> Cr-Commit-Position: refs/heads/master@{#762442}
- Loading branch information
1 parent
01aed09
commit a7b88cb
Showing
2 changed files
with
39 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,38 @@ | ||
<!DOCTYPE html> | ||
<title>Layout Instability: sources attribute</title> | ||
<link rel="help" href="https://wicg.github.io/layout-instability/" /> | ||
<style> | ||
|
||
body { margin: 10px; } | ||
#shifter { position: relative; width: 300px; height: 100px; } | ||
|
||
</style> | ||
<div id="shifter"></div> | ||
<script src="/resources/testharness.js"></script> | ||
<script src="/resources/testharnessreport.js"></script> | ||
<script src="resources/util.js"></script> | ||
<script> | ||
|
||
strrect = r => `[${r.x},${r.y},${r.width},${r.height}]`; | ||
|
||
promise_test(async () => { | ||
const watcher = new ScoreWatcher; | ||
const shifter = document.querySelector("#shifter"); | ||
|
||
// Wait for the initial render to complete. | ||
await waitForAnimationFrames(2); | ||
|
||
// Modify the position of the div. | ||
shifter.style = "top: 60px; left: 10px"; | ||
await watcher.promise; | ||
|
||
const sources = watcher.lastEntry.sources; | ||
assert_equals(sources.length, 1); | ||
|
||
const source = sources[0]; | ||
assert_equals(source.node, shifter); | ||
assert_equals(strrect(source.previousRect), "[10,10,300,100]"); | ||
assert_equals(strrect(source.currentRect), "[20,70,300,100]"); | ||
}, "Sources attribute."); | ||
|
||
</script> |