Chromium Code Reviews Chromium Code Reviews
Issue 2631853002:
Give OOPIF FrameViews their own scroll animation timelines and hosts (Closed)
| Index: third_party/WebKit/LayoutTests/http/tests/misc/scroll-cross-origin-iframes.html |
| diff --git a/third_party/WebKit/LayoutTests/http/tests/misc/scroll-cross-origin-iframes.html b/third_party/WebKit/LayoutTests/http/tests/misc/scroll-cross-origin-iframes.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..acd83091601202aaba7a62707ae3370a475546b6 |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/http/tests/misc/scroll-cross-origin-iframes.html |
| @@ -0,0 +1,44 @@ |
| +<!DOCTYPE html> |
| +<script src="/js-test-resources/js-test.js"></script> |
|
bokan
2017/01/19 20:05:39
testharness.js is now the preferred choice for Lay
kenrb
2017/01/19 21:36:20
Acknowledged, will update.
|
| +<iframe id="target-iframe1" src="http://localhost:8080/misc/resources/cross-origin-subframe-for-scrolling.html" style="height: 100px; width: 100px; overflow-y: scroll; position: absolute; left: 50px; top: 50px"></iframe> |
| +<iframe id="target-iframe2" src="http://localhost:8080/misc/resources/cross-origin-subframe-for-scrolling.html" style="height: 100px; width: 100px; overflow-y: scroll; position: absolute; left: 50px; top: 200px"></iframe> |
|
bokan
2017/01/19 20:05:39
Question: what makes these iframes OOPIFs? What's
kenrb
2017/01/19 21:36:20
We get a different origin by changing the port num
|
| + |
| +<script> |
| +description("Verify that two sibling cross-origin iframes both correctly scroll on MouseWheel events, as per https://crbug.com/675695."); |
| + |
| +// States: |
| +// 0 => Scroll sent to iframe1 |
| +// 1 => Fetching scroll offset from iframe1 |
| +// 2 => Scroll sent to iframe2 |
| +// 3 => Fetching scroll offset from iframe2 |
| +var state = 0; |
| +var iframe1 = document.getElementById("target-iframe1"); |
| +var iframe2 = document.getElementById("target-iframe2"); |
| +setPrintTestResultsLazily(); |
| +self.jsTestIsAsync = true; |
| + |
| +function handleMessage(event) { |
| + if (state == 0) { |
| + iframe1.contentWindow.postMessage("", "*"); |
| + state = 1; |
| + } else if (state == 1) { |
| + shouldBeEqualToNumber("event.data.scrollTop", 40); |
| + state = 2; |
| + iframe2.contentWindow.postMessage({scrollBy: -1, left: iframe2.offsetLeft, top: iframe2.offsetTop}, "*"); |
| + iframe2.contentWindow.postMessage("", "*"); |
| + } else if (state == 2) { |
| + iframe1.contentWindow.postMessage("", "*"); |
| + state = 3; |
| + } else if (state == 3) { |
| + shouldBeEqualToNumber("event.data.scrollTop", 40); |
| + finishJSTest(); |
| + } |
| +} |
| + |
| +window.addEventListener("message", handleMessage); |
| + |
| +iframe1.onload = (() => { |
| + iframe1.contentWindow.postMessage({scrollBy: -1, left: iframe1.offsetLeft, top: iframe1.offsetTop}, "*"); |
| +}); |
| + |
| +</script> |
