Auto merge of #15053 - emilio:image-width, r=jdm

Return the intrinsic image dimension when the image is not rendered

See individual commits for details.

r? @jdm

<!-- Reviewable:start -->
---
This change is [<img src="https://reviewable.io/review_button.svg" height="34" align="absmiddle" alt="Reviewable"/>](https://reviewable.io/reviews/servo/servo/15053)
<!-- Reviewable:end -->
This commit is contained in:
bors-servo 2017-01-18 08:43:19 -08:00 committed by GitHub
commit ba59ee6627
11 changed files with 58 additions and 23 deletions

View file

@ -45872,6 +45872,12 @@
"path": "html/semantics/embedded-content/the-iframe-element/iframe-synchronously-discard.html",
"url": "/html/semantics/embedded-content/the-iframe-element/iframe-synchronously-discard.html"
}
],
"html/semantics/embedded-content/the-img-element/not-rendered-dimension-getter.html": [
{
"path": "html/semantics/embedded-content/the-img-element/not-rendered-dimension-getter.html",
"url": "/html/semantics/embedded-content/the-img-element/not-rendered-dimension-getter.html"
}
]
}
},

View file

@ -0,0 +1,22 @@
<!doctype html>
<meta charset="utf-8">
<title>Image intrinsic dimensions are returned if the image isn't rendered</title>
<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
<link rel="help" href="https://html.spec.whatwg.org/multipage/#dom-img-width">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<div id="container" style="display: none">
</div>
<script>
async_test(function(t) {
var img = document.createElement('img');
img.onload = t.step_func_done(function() {
assert_equals(img.width, 389, "intrinsic width should've been returned")
assert_equals(img.height, 590, "intrinsic height should've been returned")
document.getElementById('container').appendChild(img);
assert_equals(img.width, 389, "intrinsic width should've been returned");
assert_equals(img.height, 590, "intrinsic height should've been returned");
});
img.src = "image-1.jpg";
});
</script>