Commit 226888c4 authored by Kunihiko Sakamoto's avatar Kunihiko Sakamoto Committed by Commit Bot

Add imageSrcset and imageSizes IDL attributes to HTMLLinkElement

This feature is behind the Experimental Web Platform feature flag.

Spec PR: https://github.com/whatwg/html/pull/4048

Bug: 813452
Change-Id: I84c58035789b64a311637cebc4672d16661980c2
Reviewed-on: https://chromium-review.googlesource.com/c/1350558Reviewed-by: default avatarDominic Farolino <domfarolino@gmail.com>
Reviewed-by: default avatarKinuko Yasuda <kinuko@chromium.org>
Commit-Queue: Kunihiko Sakamoto <ksakamoto@chromium.org>
Cr-Commit-Position: refs/heads/master@{#610990}
parent b5cc74a8
......@@ -36,6 +36,8 @@ interface HTMLLinkElement : HTMLElement {
[CEReactions, Reflect, ReflectOnly=("","no-referrer","origin","no-referrer-when-downgrade","origin-when-cross-origin","unsafe-url"), ReflectMissing="", ReflectInvalid=""] attribute DOMString referrerPolicy;
[PutForwards=value] readonly attribute DOMTokenList sizes;
[CEReactions, RuntimeEnabled=PriorityHints, Reflect, ReflectOnly=("low", "auto", "high"), ReflectMissing="auto", ReflectInvalid="auto"] attribute DOMString importance;
[RuntimeEnabled=PreloadImageSrcSet, CEReactions, Reflect] attribute DOMString imageSrcset;
[RuntimeEnabled=PreloadImageSrcSet, CEReactions, Reflect] attribute DOMString imageSizes;
// obsolete members
// https://html.spec.whatwg.org/#HTMLLinkElement-partial
......
<!DOCTYPE html>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/preload/resources/preload_helper.js"></script>
<script>
var t = async_test('Makes sure that a dynamically added preload with imagesrcset works');
</script>
<body>
<script>
t.step(function() {
verifyPreloadAndRTSupport();
var link = document.createElement("link");
link.as = "image";
link.rel = "preload";
link.href = "resources/square.png?default";
link.imageSrcset = "resources/square.png?200 200w, resources/square.png?400 400w, resources/square.png?800 800w";
link.imageSizes = "400px";
link.onload = t.step_func(function() {
t.step_timeout(function() {
verifyNumberOfDownloads("resources/square.png?default", 0);
verifyNumberOfDownloads("resources/square.png?200", 0);
verifyNumberOfDownloads("resources/square.png?400", 1);
verifyNumberOfDownloads("resources/square.png?800", 0);
t.done();
}, 0);
});
document.body.appendChild(link);
});
</script>
<script src="resources/dummy.js?pipe=trickle(d5)&dynamic-adding-preload"></script>
</body>
......@@ -747,6 +747,8 @@ html element link
property disabled
property href
property hreflang
property imageSizes
property imageSrcset
property import
property importance
property integrity
......
......@@ -3166,6 +3166,8 @@ interface HTMLLinkElement : HTMLElement
getter disabled
getter href
getter hreflang
getter imageSizes
getter imageSrcset
getter import
getter importance
getter integrity
......@@ -3185,6 +3187,8 @@ interface HTMLLinkElement : HTMLElement
setter disabled
setter href
setter hreflang
setter imageSizes
setter imageSrcset
setter importance
setter integrity
setter media
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment