| Index: third_party/WebKit/LayoutTests/imported/wpt/html/semantics/embedded-content/the-img-element/environment-changes/viewport-change.html
|
| diff --git a/third_party/WebKit/LayoutTests/imported/wpt/html/semantics/embedded-content/the-img-element/environment-changes/viewport-change.html b/third_party/WebKit/LayoutTests/imported/wpt/html/semantics/embedded-content/the-img-element/environment-changes/viewport-change.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..21624712cf919d9163d399807d37a1b0b4b0e3ac
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/imported/wpt/html/semantics/embedded-content/the-img-element/environment-changes/viewport-change.html
|
| @@ -0,0 +1,65 @@
|
| +<!doctype html>
|
| +<title>img viewport change</title>
|
| +<script src="/resources/testharness.js"></script>
|
| +<script src="/resources/testharnessreport.js"></script>
|
| +<script src="/common/utils.js"></script>
|
| +<style>
|
| +.narrow { width:50px }
|
| +.wide { width:1000px }
|
| +</style>
|
| +<div id=log></div>
|
| +<script>
|
| +setup({explicit_done:true});
|
| +
|
| +function resolve(url) {
|
| + if (url === "") {
|
| + return url;
|
| + }
|
| + var a = document.createElement('a');
|
| + a.href = url;
|
| + return a.href;
|
| +}
|
| +
|
| +function insertIframe(className) {
|
| + var iframe = document.createElement('iframe');
|
| + iframe.className = className;
|
| + iframe.src = 'iframed.sub.html?id=' + token();
|
| + document.body.appendChild(iframe);
|
| +}
|
| +insertIframe('narrow');
|
| +insertIframe('wide');
|
| +
|
| +var start_date = new Date();
|
| +
|
| +onload = function() {
|
| + var load_time = new Date() - start_date;
|
| + var iframes = document.getElementsByTagName('iframe');
|
| + [].forEach.call(iframes, function(iframe) {
|
| + [].forEach.call(iframe.contentDocument.images, function(img) {
|
| + var expected = {wide:resolve(img.dataset.wide), narrow:resolve(img.dataset.narrow)};
|
| + var current = iframe.className;
|
| + var next = current === 'wide' ? 'narrow' : 'wide';
|
| + var expect_change = expected[next].indexOf('broken.png') !== 0 && !('noChange' in img.dataset);
|
| +
|
| + test(function() {
|
| + assert_equals(img.currentSrc, expected[current]);
|
| + }, img.dataset.desc + ', onload, ' + current);
|
| +
|
| + async_test(function() {
|
| + img.onload = this.unreached_func('Got unexpected load event');
|
| + img.onerror = this.unreached_func('Got unexpected error event');
|
| + if (expect_change) {
|
| + img.onload = this.step_func_done(function() {
|
| + assert_equals(img.currentSrc, expected[next]);
|
| + });
|
| + } else {
|
| + setTimeout(this.step_func_done(), 500 + load_time);
|
| + }
|
| + }, img.dataset.desc + ', resize to ' + next);
|
| + });
|
| + iframe.classList.toggle('wide');
|
| + iframe.classList.toggle('narrow');
|
| + });
|
| + done();
|
| +}
|
| +</script>
|
|
|