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

Side by Side Diff: LayoutTests/http/tests/loading/preload-picture-sizes.html

Issue 265763010: Add preloader support for picture based source selection (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Fix algo issue with self closing tags 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 unified diff | Download patch
OLDNEW
(Empty)
1 <html>
2 <head>
3 <script src="/js-test-resources/js-test.js"></script>
4 <script src="http://127.0.0.1:8000/resources/slow-script.pl?delay=100"></script>
5 </head>
6 <body>
7 <script>
8 if (window.testRunner)
9 testRunner.dumpAsText();
10 shouldBeTrue("internals.isPreloaded('resources/image2.png');");
11 for (var i = 1; i <= 10; ++i) {
12 shouldBeFalse("internals.isPreloaded('resources/preload-test.jpg?" + i + "');");
13 shouldBeFalse("internals.isPreloaded('resources/base-image1.png?" + i + "');");
14 shouldBeFalse("internals.isPreloaded('resources/base-image2.png?" + i + "');");
15 shouldBeTrue("internals.isPreloaded('resources/base-image3.png?" + i + " ');");
16 }
17 shouldBeFalse("internals.isPreloaded('resources/dup-image1.png?7');");
18 shouldBeFalse("internals.isPreloaded('resources/dup-image1.png?8');");
19 shouldBeFalse("internals.isPreloaded('resources/dup-image2.png?8');");
20 shouldBeFalse("internals.isPreloaded('resources/dup-image3.png?8');");
21 shouldBeFalse("internals.isPreloaded('resources/base-image1.png?101');");
22 shouldBeFalse("internals.isPreloaded('resources/base-image2.png?101');");
23 shouldBeFalse("internals.isPreloaded('resources/base-image3.png?101');");
24 shouldBeFalse("internals.isPreloaded('resources/preload-test.jpg?10');");
25 shouldBeTrue("internals.isPreloaded('resources/preload-test.jpg?11');");
26 shouldBeFalse("internals.isPreloaded('resources/base-image1.png?11');");
27 shouldBeFalse("internals.isPreloaded('resources/base-image2.png?11');");
28 shouldBeFalse("internals.isPreloaded('resources/base-image3.png?11');");
29
30 </script>
31 <!-- Control group -->
32 <picture>
33 <source srcset="resources/image2.png">
34 <img src="preload-test.jpg?1">
35 </picture>
36 <!-- All permutations of src, srcset and sizes -->
37 <picture>
38 <source sizes="400px" srcset="resources/base-image1.png?1 200w, resources/ba se-image3.png?1 400w, resources/base-image2.png?1 800w">
39 <img src="preload-test.jpg?1">
40 </picture>
41 <picture>
42 <source srcset="resources/base-image1.png?2 200w, resources/base-image3.png? 2 400w, resources/base-image2.png?2 800w" sizes="400px">
43 <img src="preload-test.jpg?2">
44 </picture>
45 <picture>
46 <source sizes="400px" srcset="resources/base-image1.png?3 200w, resources/ba se-image3.png?3 400w, resources/base-image2.png?3 800w">
47 <img src="preload-test.jpg?3">
48 </picture>
49 <picture>
50 <source sizes="400px" srcset="resources/base-image1.png?4 200w, resources/ba se-image3.png?4 400w, resources/base-image2.png?4 800w">
51 <img src="preload-test.jpg?4">
52 </picture>
53 <picture>
54 <source srcset="resources/base-image1.png?5 200w, resources/base-image3.png? 5 400w, resources/base-image2.png?5 800w" sizes="400px">
55 <img src="preload-test.jpg?5">
56 </picture>
57 <picture>
58 <source srcset="resources/base-image1.png?6 200w, resources/base-image3.png? 6 400w, resources/base-image2.png?6 800w" sizes="400px">
59 <img src="preload-test.jpg?6">
60 </picture>
61 <!-- Duplicate attributes -->
62 <picture>
63 <source srcset="resources/base-image1.png?7 200w, resources/base-image3.png? 7 400w, resources/base-image2.png?7 800w" sizes="400px"
64 src="resources/dup-image1.png?7">
65 <img src="preload-test.jpg?7">
66 </picture>
67 <picture>
68 <source srcset="resources/base-image1.png?8 200w, resources/base-image3.png? 8 400w, resources/base-image2.png?8 800w" sizes="400px"
69 srcset="resources/dup-image1.png?8 200w, resources/dup-image3.png?8 400w, r esources/dup-image2.png?8 800w">
70 <img src="preload-test.jpg?8">
71 </picture>
72 <picture>
73 <source srcset="resources/base-image1.png?9 200w, resources/base-image3.png? 9 400w, resources/base-image2.png?9 800w" sizes="400px"
74 sizes="800px">
75 <img src="preload-test.jpg?9">
76 </picture>
77 <!-- Multiple sources -->
78 <picture>
79 <source media="(max-width: 500px)" srcset="resources/base-image1.png?101 200 w, resources/base-image3.png?101 400w,
80 resources/base-image2.png?101 10100w" sizes="400px">
81 <source media="(min-width: 501px)" srcset="resources/base-image1.png?10 200w , resources/base-image3.png?10 400w,
82 resources/base-image2.png?10 1000w" sizes="400px">
83 <img src="preload-test.jpg?10">
84 </picture>
85 <!-- Sizes with 'x' descriptors -->
86 <picture>
87 <source srcset="resources/preload-test.jpg?11, resources/base-image1.png?11 2x, resources/base-image3.png?11 4x, resources/base-image2.png?11 8x" sizes="400 px">
88 <img src="preload-test.jpg?11">
89 </picture>
90 </body>
91 </html>
92
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698