LayoutTests/fast/hidpi/image-set-background-repeat-without-size.html - WebKit - Git at Google

 <html>
 <head>
 <script>
     function runTest() {
         if (!window.testRunner || !window.sessionStorage)
             return;

         if (!sessionStorage.scaleFactorIsSet) {
             testRunner.waitUntilDone();
             testRunner.setBackingScaleFactor(2, scaleFactorIsSet);
         }

         if (sessionStorage.pageReloaded && sessionStorage.scaleFactorIsSet) {
             delete sessionStorage.pageReloaded;
             delete sessionStorage.scaleFactorIsSet;
             testRunner.notifyDone();
         } else {
             // Right now there is a bug that image-set does not properly deal with dynamic changes to the scale factor,
             // so to work around that, we must reload the page to get the 2x image.
             sessionStorage.pageReloaded = true;
             document.location.reload(true);
         }
     }

     function scaleFactorIsSet() {
         sessionStorage.scaleFactorIsSet = true;
     }

     window.onload = runTest;
 </script>

 <style>
     #foo {
         width:90px;
         height:90px;
         background-image: -webkit-image-set(url('resources/deleteButton.png') 1x, url('resources/deleteButton-2x.png') 2x);
         background-repeat: repeat;
     }
 </style>
 </head>

 <body id="body">
     <div>This test passes if the div below contains 9 evenly spaced delete buttons, and if the high resolution resource is used when the deviceScaleFactor is 2.</div>
     <div id=foo></div>
 </body>
 </html>
	<html>
	<head>
	<script>
	function runTest() {
	if (!window.testRunner \|\| !window.sessionStorage)
	return;

	if (!sessionStorage.scaleFactorIsSet) {
	testRunner.waitUntilDone();
	testRunner.setBackingScaleFactor(2, scaleFactorIsSet);
	}

	if (sessionStorage.pageReloaded && sessionStorage.scaleFactorIsSet) {
	delete sessionStorage.pageReloaded;
	delete sessionStorage.scaleFactorIsSet;
	testRunner.notifyDone();
	} else {
	// Right now there is a bug that image-set does not properly deal with dynamic changes to the scale factor,
	// so to work around that, we must reload the page to get the 2x image.
	sessionStorage.pageReloaded = true;
	document.location.reload(true);
	}
	}

	function scaleFactorIsSet() {
	sessionStorage.scaleFactorIsSet = true;
	}

	window.onload = runTest;
	</script>

	<style>
	#foo {
	width:90px;
	height:90px;
	background-image: -webkit-image-set(url('resources/deleteButton.png') 1x, url('resources/deleteButton-2x.png') 2x);
	background-repeat: repeat;
	}
	</style>
	</head>

	<body id="body">
	<div>This test passes if the div below contains 9 evenly spaced delete buttons, and if the high resolution resource is used when the deviceScaleFactor is 2.</div>
	<div id=foo></div>
	</body>
	</html>