Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(595)

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: LayoutTests/fast/dom/HTMLImageElement/image-picture-1x.html

Issue 288033018: Add HTMLPictureElement-based source selection to HTMLImageElement (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Review nits Created 6 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « no previous file | LayoutTests/fast/dom/HTMLImageElement/image-picture-1x-expected.txt » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: LayoutTests/fast/dom/HTMLImageElement/image-picture-1x.html
diff --git a/LayoutTests/fast/dom/HTMLImageElement/image-picture-1x.html b/LayoutTests/fast/dom/HTMLImageElement/image-picture-1x.html
new file mode 100644
index 0000000000000000000000000000000000000000..dad51ad88cd20e23d69f95810a0ceeec06d052e8
--- /dev/null
+++ b/LayoutTests/fast/dom/HTMLImageElement/image-picture-1x.html
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<script src="../../../resources/js-test.js"></script>
+<script>
+ if (window.testRunner)
+ testRunner.dumpAsText();
+
+ addEventListener("load", function() {
+ shouldBe('document.getElementById("canary").clientWidth', '75');
+ shouldBe('document.getElementById("canary").currentSrc', '"resources/blue_rect.jpg?0"');
+ shouldBe('document.getElementById("simple").clientWidth', '800');
+ shouldBe('document.getElementById("simple").currentSrc', '"../../hidpi/resources/image-set-2x.png?2"');
+ shouldBe('document.getElementById("multiple").clientWidth', '800');
+ shouldBe('document.getElementById("multiple").currentSrc', '"../../hidpi/resources/image-set-2x.png?2"');
+ shouldBe('document.getElementById("other_children").clientWidth', '800');
+ shouldBe('document.getElementById("other_children").currentSrc', '"../../hidpi/resources/image-set-2x.png?2"');
+ shouldBe('document.getElementById("img_before_source").clientWidth', '75');
+ shouldBe('document.getElementById("img_before_source").currentSrc', '"resources/blue_rect.jpg?1"');
+ shouldBe('document.getElementById("unknown_type").clientWidth', '1600');
+ shouldBe('document.getElementById("unknown_type").currentSrc', '"resources/image-set-4x.png?3"');
+ shouldBe('document.getElementById("empty_srcset").clientWidth', '1600');
+ shouldBe('document.getElementById("empty_srcset").currentSrc', '"resources/image-set-4x.png?3"');
+ shouldBe('document.getElementById("no_srcset").clientWidth', '1600');
+ shouldBe('document.getElementById("no_srcset").currentSrc', '"resources/image-set-4x.png?3"');
+ }, false);
+</script>
+<!-- A canary image to see that the test is actually working -->
+<img id="canary" src="resources/blue_rect.jpg?0">
+<!-- simple picture construct -->
+<picture>
+ <source media="(max-width: 400px)" sizes="400px" srcset="../../hidpi/resources/image-set-1x.png?1 400w, ../../hidpi/resources/image-set-2x.png?1 800w,
+ resources/image-set-4x.png?1 1600w">
+ <source media="(max-width: 800px)" sizes="800px" srcset="../../hidpi/resources/image-set-1x.png?2 400w, ../../hidpi/resources/image-set-2x.png?2 800w,
+ resources/image-set-4x.png?2 1600w">
+ <source media="(max-width: 1600px)" sizes="1600px" srcset="../../hidpi/resources/image-set-1x.png?3 400w, ../../hidpi/resources/image-set-2x.png?3 800w,
+ resources/image-set-4x.png?3 1600w">
+ <img id="simple" src="resources/blue_rect.jpg?1">
+</picture>
+<!-- Multiple img elements -->
+<picture>
+ <source media="(max-width: 400px)" sizes="400px" srcset="../../hidpi/resources/image-set-1x.png?1 400w, ../../hidpi/resources/image-set-2x.png?1 800w,
+ resources/image-set-4x.png?1 1600w">
+ <source media="(max-width: 800px)" sizes="800px" srcset="../../hidpi/resources/image-set-1x.png?2 400w, ../../hidpi/resources/image-set-2x.png?2 800w,
+ resources/image-set-4x.png?2 1600w">
+ <source media="(max-width: 1600px)" sizes="1600px" srcset="../../hidpi/resources/image-set-1x.png?3 400w, ../../hidpi/resources/image-set-2x.png?3 800w,
+ resources/image-set-4x.png?3 1600w">
+ <img src="resources/blue_rect.jpg?1">
+ <img id="multiple" src="resources/blue_rect.jpg?1">
+</picture>
+<!-- non-source children - should be ignored-->
+<picture>
+ <div>some text</div>
+ <source media="(max-width: 400px)" sizes="400px" srcset="../../hidpi/resources/image-set-1x.png?1 400w, ../../hidpi/resources/image-set-2x.png?1 800w,
+ resources/image-set-4x.png?1 1600w">
+ <source media="(max-width: 800px)" sizes="800px" srcset="../../hidpi/resources/image-set-1x.png?2 400w, ../../hidpi/resources/image-set-2x.png?2 800w,
+ resources/image-set-4x.png?2 1600w">
+ <source media="(max-width: 1600px)" sizes="1600px" srcset="../../hidpi/resources/image-set-1x.png?3 400w, ../../hidpi/resources/image-set-2x.png?3 800w,
+ resources/image-set-4x.png?3 1600w">
+ <img id="other_children" src="resources/blue_rect.jpg?1">
+</picture>
+<!-- img before its source siblings - should ignore its siblings -->
+<picture>
+ <img id="img_before_source" src="resources/blue_rect.jpg?1">
+ <source media="(max-width: 400px)" sizes="400px" srcset="../../hidpi/resources/image-set-1x.png?1 400w, ../../hidpi/resources/image-set-2x.png?1 800w,
+ resources/image-set-4x.png?1 1600w">
+ <source media="(max-width: 800px)" sizes="800px" srcset="../../hidpi/resources/image-set-1x.png?2 400w, ../../hidpi/resources/image-set-2x.png?2 800w,
+ resources/image-set-4x.png?2 1600w">
+ <source media="(max-width: 1600px)" sizes="1600px" srcset="../../hidpi/resources/image-set-1x.png?3 400w, ../../hidpi/resources/image-set-2x.png?3 800w,
+ resources/image-set-4x.png?3 1600w">
+</picture>
+<!-- source with unknown type - should be ignored -->
+<picture>
+ <source media="(max-width: 400px)" sizes="400px" srcset="../../hidpi/resources/image-set-1x.png?1 400w, ../../hidpi/resources/image-set-2x.png?1 800w,
+ resources/image-set-4x.png?1 1600w">
+ <source media="(max-width: 800px)" type="image/jp2" sizes="800px" srcset="../../hidpi/resources/image-set-1x.png?2 400w, ../../hidpi/resources/image-set-2x.png?2 800w,
+ resources/image-set-4x.png?2 1600w">
+ <source media="(max-width: 1600px)" sizes="1600px" srcset="../../hidpi/resources/image-set-1x.png?3 400w, ../../hidpi/resources/image-set-2x.png?3 800w,
+ resources/image-set-4x.png?3 1600w">
+ <img id="unknown_type" src="resources/blue_rect.jpg?1">
+</picture>
+<!-- source with empty srcset - should be ignored -->
+<picture>
+ <source media="(max-width: 400px)" sizes="400px" srcset="../../hidpi/resources/image-set-1x.png?1 400w, ../../hidpi/resources/image-set-2x.png?1 800w,
+ resources/image-set-4x.png?1 1600w">
+ <source media="(max-width: 800px)" sizes="800px" srcset="../../hidpi/resources/image-set-1x.png?2 400r, ../../hidpi/resources/image-set-2x.png?2 800r,
+ resources/image-set-4x.png?2 1600r">
+ <source media="(max-width: 1600px)" sizes="1600px" srcset="../../hidpi/resources/image-set-1x.png?3 400w, ../../hidpi/resources/image-set-2x.png?3 800w,
+ resources/image-set-4x.png?3 1600w">
+ <img id="empty_srcset" src="resources/blue_rect.jpg?1">
+</picture>
+<!-- source with no srcset - should be ignored -->
+<picture>
+ <source media="(max-width: 400px)" sizes="400px" srcset="../../hidpi/resources/image-set-1x.png?1 400w, ../../hidpi/resources/image-set-2x.png?1 800w,
+ resources/image-set-4x.png?1 1600w">
+ <source media="(max-width: 800px)" sizes="800px">
+ <source media="(max-width: 1600px)" sizes="1600px" srcset="../../hidpi/resources/image-set-1x.png?3 400w, ../../hidpi/resources/image-set-2x.png?3 800w,
+ resources/image-set-4x.png?3 1600w">
+ <img id="no_srcset" src="resources/blue_rect.jpg?1">
+</picture>
« no previous file with comments | « no previous file | LayoutTests/fast/dom/HTMLImageElement/image-picture-1x-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698