Chromium Code Reviews Chromium Code Reviews
Issue 11667030:
Add GPU memory usage contents browser test (Closed)
Base URL: svn://svn.chromium.org/chrome/trunk/src| Index: chrome/test/data/gpu/mem_css3d.html |
| diff --git a/chrome/test/data/gpu/mem_css3d.html b/chrome/test/data/gpu/mem_css3d.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..6502d135fdd8de10d9d292c7953d11d3860580a6 |
| --- /dev/null |
| +++ b/chrome/test/data/gpu/mem_css3d.html |
| @@ -0,0 +1,51 @@ |
| +<!DOCTYPE HTML> |
| +<html> |
| +<head> |
| +<title>GPU Memory Test: Use N MB of GPU Memory with 3D CSS</title> |
| +<style> |
| +.block { |
| + background: #FF0000; |
| + font-size: 150px; |
| + height: 512px; |
| + position: absolute; |
| + width: 512px; |
| + |
| +} |
| +.perspective |
| +{ |
| + border: 1px solid black; |
| + height: 512px; |
| + text-align: center; |
| + width: 512px; |
| + -webkit-perspective: 600px; |
| + -webkit-perspective-origin: center center; |
| + -webkit-transform-style: preserve-3d; |
| +} |
| +</style> |
| +<script type="text/javascript"> |
| +// Generate n 3D CSS elements that are each about 1 MB in size |
| +function useGpuMemory(n) { |
| + var blocks = document.getElementById("blocks"); |
| + var blockArray = document.getElementsByClassName("block"); |
| + for (var i = 0; i < n; i++) { |
| + var block = document.createElement("div"); |
| + block.className = "block"; |
| + block.style.WebkitTransform = "rotateX(-" + i + "deg)"; |
|
vangelis
2013/01/03 20:26:14
Does this actually put every one of these elements
ccameron
2013/01/04 21:52:35
Yes. I verify that the page uses about the expecte
|
| + block.style.zIndex = -i; |
| + var r = 16 + 240 * (i % 2); |
| + var g = 16; |
| + var b = 255 - i; |
| + block.style.background = "#" + r.toString(16) + g.toString(16) + b.toString(16); |
| + block.innerHTML = i; |
| + blocks.appendChild(block); |
| + } |
| + |
| + // Signal back to the test runner that we're done allocating memory. |
| + domAutomationController.send(true); |
| +} |
| +</script> |
| +</head> |
| +<body> |
| +<div id="blocks" class="perspective"/> |
| +</body> |
| +</html> |
