| OLD | NEW |
| (Empty) |
| 1 <html> | |
| 2 <head> | |
| 3 <script> | |
| 4 if (window.testRunner) { | |
| 5 testRunner.dumpDOMAsWebArchive(); | |
| 6 testRunner.waitUntilDone(); | |
| 7 } | |
| 8 | |
| 9 function notifyDone() | |
| 10 { | |
| 11 if (window.testRunner) { | |
| 12 // FIXME: Web fonts are loaded asynchronously, and there is | |
| 13 // no way to know when they're done, so just wait a bit. | |
| 14 setTimeout("testRunner.notifyDone()", 1000); | |
| 15 } | |
| 16 } | |
| 17 </script> | |
| 18 <style> | |
| 19 @font-face { | |
| 20 font-family: webkit-ahem; | |
| 21 font-style: normal; | |
| 22 src: url(firstInvalidURL), url(secondInvalidURL), url(../resources/Ahem.ttf)
; | |
| 23 } | |
| 24 </style> | |
| 25 </head> | |
| 26 <body onload="notifyDone()"> | |
| 27 <div><p>This page tests that url() resources referenced in CSS stylesheets are s
aved in webarchives.</p></div> | |
| 28 <div style="border: solid black 1px; height: 64px; background: url(resources/app
le.gif?background) no-repeat top left;">This element should have one Apple logo
in the background at the top left.</div> | |
| 29 <div style="border: solid black 1px; height: 125px; background-image: url(resour
ces/apple.gif?background-image);">This element should have repeated Apple logos
in both x- and y-dimensions in the background.</div> | |
| 30 <div style="border: solid black 1px; height: 64px;"><img style="content: url(res
ources/apple.gif?content);">This element should contain an img element that draw
s an Apple logo.</div> | |
| 31 <div style="border: solid black 1px; height: 100px; cursor: url(resources/apple.
gif?cursor), auto;">The cursor should change to an Apple logo inside this elemen
t.</div> | |
| 32 <div style="border: solid black 1px; height: 25px;">This element contains "Ahem"
written in the Ahem font: <span style="font-family: webkit-ahem;">Ahem</span></
div> | |
| 33 <div style="border: solid black 1px; list-style: square inside url(resources/app
le.gif?list-style-image);"> | |
| 34 <ul> | |
| 35 <li>These items</li> | |
| 36 <li>should have</li> | |
| 37 <li>Apple logos</li> | |
| 38 <li>as bullets.</li> | |
| 39 </ul> | |
| 40 </div> | |
| 41 <div style="border: solid black 1px; display: inline-block; height: 100px; width
: 200px; border-color: transparent; border-style: solid; -webkit-box-sizing: bor
der-box; -webkit-border-fit: lines; border-width: 20px 15px 10px 15px; -webkit-b
order-image: url(resources/apple.gif?webkit-border-image) 20 15 10 15;">This con
tent should be inside a strectched Apple logo.</div> | |
| 42 <div style="border: solid black 1px; height: 130px; background-color: white;"><i
mg src="resources/apple.gif?webkit-box-reflect-image" style="-webkit-box-reflect
: below 2px url(resources/apple.gif?webkit-box-reflect) 75 75 75 75 stretch stre
tch;">This element should have an image of an Apple logo with a full reflection
below it.</div> | |
| 43 <div style="border: solid black 1px; background-color: pink; height: 100px; -web
kit-mask: url(resources/apple.gif?mask) repeat scroll center top;"><br>This elem
ent should have solid pink Apple logos as its mask.</div> | |
| 44 <div style="border: solid black 1px; height: 125px; padding: 50px; color: white;
background-color: maroon; -webkit-mask-box-image: url(resources/apple.gif?mask-
box-image) 75 75 75 75;"><br>This element should have maroon Apple logos for "bo
rders" with a maroon background.</div> | |
| 45 <div style="border: solid black 1px; height: 100px; margin: 6px; border: 1px dot
ted green; color: white; background-color: black; -webkit-mask-image: url(resour
ces/apple.gif?mask-image); -webkit-mask-origin: padding; -webkit-mask-size: 25px
25px;">This element should have black Apple logos for its background.</div> | |
| 46 <div style="border: solid black 1px; height: 140px; border: 10px solid black; ba
ckground-color: lime; -webkit-mask-image: url(resources/apple.gif?mask-top-left)
, url(resources/apple.gif?mask-top-right), url(resources/apple.gif?mask-bottom-l
eft), url(resources/apple.gif?mask-bottom-right), url(resources/apple.gif?mask-t
op), url(resources/apple.gif?mask-right), url(resources/apple.gif?mask-bottom),
url(resources/apple.gif?mask-left), url(resources/apple.gif?mask-center); -webki
t-mask-position: top left, top right, bottom left, bottom right, top center, cen
ter right, bottom center, center left, center; -webkit-mask-origin: border; -web
kit-mask-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y,
repeat-x, repeat-y, repeat; -webkit-mask-composite: copy;"><br>This element sho
uld have lime Apple logos for its background and borders with a black outer bord
er.</div> | |
| 47 <div></div> | |
| 48 </body> | |
| 49 </html> | |
| OLD | NEW |