forked from scottjehl/picturefill
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
123 lines (104 loc) · 2.79 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>picturefill main tests</title>
<link rel="stylesheet" href="resources/qunit-1.17.1.css" />
<script src="resources/qunit-1.17.1.js"></script>
<script src="resources/jquery-1.11.2.js"></script>
<script>
document.createElement('picture');
</script>
<script src="resources/modernizr.js"></script>
</head>
<body>
<script>
(function(){
var image = document.createElement( "img" );
window.imgGet = image.getAttribute;
window.imgSet = image.setAttribute;
})();
if(!window.picturefillCFG){
window.picturefillCFG = [];
}
window.picturefillCFG.push(['uT', true]);
</script>
<script src="../src/picturefill.js" data-cover></script>
<div id="qunit"></div>
<div id="qunit-fixture">
<!-- Functional tests -->
<picture>
<!-- First `source` in source order is selected -->
<audio>
<source srcset="../examples/images/small.jpg" />
<source srcset="../examples/images/extralarge.jpg" />
</audio>
<img class="first-match">
</picture>
<!-- dummy elements used as a mock pictures -->
<picture class="video-shim">
<video style="display: none;">
<source class="source-one"/>
<source class="source-two"/>
</video>
</picture>
<picture class="audio-shim">
<audio>
<source class="source-one"/>
<source class="source-two"/>
</audio>
</picture>
<img src="bar" class="prop-check"/>
<picture>
<img srcset="imgsrcset" class="ignored-source-check">
<video style="display: none;">
<source srcset="sourcesrcset"></source>
</video>
</picture>
<picture>
<!-- First `source` in source order is selected -->
<img class="match">
<audio>
<source srcset="baz"></source>
</audio>
<img class="match-second" src="baz">
</picture>
<picture>
<!--[if IE 9]><video style="display: none;"><![endif]-->
<source type="foo" srcset="foo"/>
<!--[if IE 9]></video><![endif]-->
<img class="pending-check" src="test" />
</picture>
<picture>
<!--[if IE 9]><video style="display: none;"><![endif]-->
<source srcset="foo" media="bar"/>
<!--[if IE 9]></video><![endif]-->
<img class="match-check" src="test" />
</picture>
<picture>
<video style="display: none;">
<source srcset="foo" media="bar"/>
</video>
<img class="no-match-check" src="" />
</picture>
<picture>
<!--[if IE 9]><video style="display: none;"><![endif]-->
<source media="bar"/>
<!--[if IE 9]></video><![endif]-->
<img class="no-srcset-check" src="" />
</picture>
<div class="src-source-check">
<picture>
<!--[if IE 9]><video style="display: none;"><![endif]-->
<source src="" />
<!--[if IE 9]></video><![endif]-->
</picture>
</div>
</div>
<ul>
<li><a href="index-functional.html">functional tests</a></li>
<li><a href="index-mutation.html">mutation tests</a></li>
</ul>
<script src="tests.js" async=""></script>
</body>
</html>