mirror of
https://gitlab.winehq.org/wine/wine-gecko.git
synced 2024-09-13 09:24:08 -07:00
Bug 859155 - misc. content files for tests. r=mbrubeck
This commit is contained in:
parent
107a83ca57
commit
e8b3ede32d
275
browser/metro/base/tests/mochiperf/res/divs_test.html
Normal file
275
browser/metro/base/tests/mochiperf/res/divs_test.html
Normal file
@ -0,0 +1,275 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
#text
|
||||
{
|
||||
position: absolute;
|
||||
left: 1em;
|
||||
bottom: 1em;
|
||||
}
|
||||
|
||||
.div1
|
||||
{
|
||||
transform: rotate(30deg);
|
||||
background-color: green;
|
||||
opacity: .5;
|
||||
position:absolute;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
width: 600px;
|
||||
height: 600px;
|
||||
}
|
||||
|
||||
.div2
|
||||
{
|
||||
transform: rotate(60deg);
|
||||
background-color: blue;
|
||||
opacity: .5;
|
||||
position:absolute;
|
||||
top: 10px;
|
||||
left: 600px;
|
||||
width: 600px;
|
||||
height: 600px;
|
||||
}
|
||||
|
||||
.div3
|
||||
{
|
||||
transform: rotate(90deg);
|
||||
background-image: url("fx.png");
|
||||
opacity: .5;
|
||||
position:absolute;
|
||||
top: 100px;
|
||||
left: 300px;
|
||||
width: 640px;
|
||||
height: 435px;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
var rot = 30;
|
||||
var scale = 1;
|
||||
var scaleFactor = .01
|
||||
function render()
|
||||
{
|
||||
rot +=2;
|
||||
scale += scaleFactor;
|
||||
if (scale > 1.5)
|
||||
scaleFactor = -.01;
|
||||
if (scale < .1)
|
||||
scaleFactor = .01;
|
||||
document.getElementById("div1").style.transform = "rotate(" + rot + "deg)";
|
||||
document.getElementById("div2").style.transform = "rotate(" + (rot + 30) + "deg)";
|
||||
document.getElementById("div3").style.transform = "rotate(" + (rot + 60) + "deg) " + "scale(" + scale + ")";
|
||||
}
|
||||
|
||||
var frames = 0;
|
||||
|
||||
function go() {
|
||||
var now = new Date();
|
||||
function step(timestamp) {
|
||||
render();
|
||||
frames++;
|
||||
var time = new Date();
|
||||
var diff = time.getTime() - now.getTime();
|
||||
if (diff < 10000) {
|
||||
window.mozRequestAnimationFrame(step);
|
||||
} else {
|
||||
var evt = document.createEvent("CustomEvent");
|
||||
evt.initCustomEvent("testfinished", true, false, { frames: frames });
|
||||
window.dispatchEvent(evt);
|
||||
}
|
||||
}
|
||||
window.mozRequestAnimationFrame(step);
|
||||
}
|
||||
|
||||
</script>
|
||||
<body onload="setTimeout(go, 2000);">
|
||||
<div id="div1" class="div1"></div>
|
||||
<div id="div2" class="div2"></div>
|
||||
<div id="div3" class="div3"></div>
|
||||
<div id="content" style="width:100%;">
|
||||
Alice was beginning to get very tired of sitting by her sister
|
||||
on the bank, and of having nothing to do: once or twice she had
|
||||
peeped into the book her sister was reading, but it had no
|
||||
pictures or conversations in it, `and what is the use of a book,'
|
||||
thought Alice `without pictures or conversation?'
|
||||
|
||||
So she was considering in her own mind (as well as she could,
|
||||
for the hot day made her feel very sleepy and stupid), whether
|
||||
the pleasure of making a daisy-chain would be worth the trouble
|
||||
of getting up and picking the daisies, when suddenly a White
|
||||
Rabbit with pink eyes ran close by her.
|
||||
|
||||
There was nothing so VERY remarkable in that; nor did Alice
|
||||
think it so VERY much out of the way to hear the Rabbit say to
|
||||
itself, `Oh dear! Oh dear! I shall be late!' (when she thought
|
||||
it over afterwards, it occurred to her that she ought to have
|
||||
wondered at this, but at the time it all seemed quite natural);
|
||||
but when the Rabbit actually TOOK A WATCH OUT OF ITS WAISTCOAT-
|
||||
POCKET, and looked at it, and then hurried on, Alice started to
|
||||
her feet, for it flashed across her mind that she had never
|
||||
before seen a rabbit with either a waistcoat-pocket, or a watch to
|
||||
take out of it, and burning with curiosity, she ran across the
|
||||
field after it, and fortunately was just in time to see it pop
|
||||
down a large rabbit-hole under the hedge.
|
||||
|
||||
In another moment down went Alice after it, never once
|
||||
considering how in the world she was to get out again.
|
||||
|
||||
The rabbit-hole went straight on like a tunnel for some way,
|
||||
and then dipped suddenly down, so suddenly that Alice had not a
|
||||
moment to think about stopping herself before she found herself
|
||||
falling down a very deep well.
|
||||
|
||||
Either the well was very deep, or she fell very slowly, for she
|
||||
had plenty of time as she went down to look about her and to
|
||||
wonder what was going to happen next. First, she tried to look
|
||||
down and make out what she was coming to, but it was too dark to
|
||||
see anything; then she looked at the sides of the well, and
|
||||
noticed that they were filled with cupboards and book-shelves;
|
||||
here and there she saw maps and pictures hung upon pegs. She
|
||||
took down a jar from one of the shelves as she passed; it was
|
||||
labelled `ORANGE MARMALADE', but to her great disappointment it
|
||||
was empty: she did not like to drop the jar for fear of killing
|
||||
somebody, so managed to put it into one of the cupboards as she
|
||||
fell past it.
|
||||
|
||||
`Well!' thought Alice to herself, `after such a fall as this, I
|
||||
shall think nothing of tumbling down stairs! How brave they'll
|
||||
all think me at home! Why, I wouldn't say anything about it,
|
||||
even if I fell off the top of the house!' (Which was very likely
|
||||
true.)
|
||||
|
||||
Down, down, down. Would the fall NEVER come to an end! `I
|
||||
wonder how many miles I've fallen by this time?' she said aloud.
|
||||
`I must be getting somewhere near the centre of the earth. Let
|
||||
me see: that would be four thousand miles down, I think--' (for,
|
||||
you see, Alice had learnt several things of this sort in her
|
||||
lessons in the schoolroom, and though this was not a VERY good
|
||||
opportunity for showing off her knowledge, as there was no one to
|
||||
listen to her, still it was good practice to say it over) `--yes,
|
||||
that's about the right distance--but then I wonder what Latitude
|
||||
or Longitude I've got to?' (Alice had no idea what Latitude was,
|
||||
or Longitude either, but thought they were nice grand words to
|
||||
say.)
|
||||
|
||||
Presently she began again. `I wonder if I shall fall right
|
||||
THROUGH the earth! How funny it'll seem to come out among the
|
||||
people that walk with their heads downward! The Antipathies, I
|
||||
think--' (she was rather glad there WAS no one listening, this
|
||||
time, as it didn't sound at all the right word) `--but I shall
|
||||
have to ask them what the name of the country is, you know.
|
||||
Please, Ma'am, is this New Zealand or Australia?' (and she tried
|
||||
to curtsey as she spoke--fancy CURTSEYING as you're falling
|
||||
through the air! Do you think you could manage it?) `And what
|
||||
an ignorant little girl she'll think me for asking! No, it'll
|
||||
never do to ask: perhaps I shall see it written up somewhere.'
|
||||
|
||||
Down, down, down. There was nothing else to do, so Alice soon
|
||||
began talking again. `Dinah'll miss me very much to-night, I
|
||||
should think!' (Dinah was the cat.) `I hope they'll remember
|
||||
her saucer of milk at tea-time. Dinah my dear! I wish you were
|
||||
down here with me! There are no mice in the air, I'm afraid, but
|
||||
you might catch a bat, and that's very like a mouse, you know.
|
||||
But do cats eat bats, I wonder?' And here Alice began to get
|
||||
rather sleepy, and went on saying to herself, in a dreamy sort of
|
||||
way, `Do cats eat bats? Do cats eat bats?' and sometimes, `Do
|
||||
bats eat cats?' for, you see, as she couldn't answer either
|
||||
question, it didn't much matter which way she put it. She felt
|
||||
that she was dozing off, and had just begun to dream that she
|
||||
was walking hand in hand with Dinah, and saying to her very
|
||||
earnestly, `Now, Dinah, tell me the truth: did you ever eat a
|
||||
bat?' when suddenly, thump! thump! down she came upon a heap of
|
||||
sticks and dry leaves, and the fall was over.
|
||||
|
||||
Alice was not a bit hurt, and she jumped up on to her feet in a
|
||||
moment: she looked up, but it was all dark overhead; before her
|
||||
was another long passage, and the White Rabbit was still in
|
||||
sight, hurrying down it. There was not a moment to be lost:
|
||||
away went Alice like the wind, and was just in time to hear it
|
||||
say, as it turned a corner, `Oh my ears and whiskers, how late
|
||||
it's getting!' She was close behind it when she turned the
|
||||
corner, but the Rabbit was no longer to be seen: she found
|
||||
herself in a long, low hall, which was lit up by a row of lamps
|
||||
hanging from the roof.
|
||||
|
||||
There were doors all round the hall, but they were all locked;
|
||||
and when Alice had been all the way down one side and up the
|
||||
other, trying every door, she walked sadly down the middle,
|
||||
wondering how she was ever to get out again.
|
||||
|
||||
Suddenly she came upon a little three-legged table, all made of
|
||||
solid glass; there was nothing on it except a tiny golden key,
|
||||
and Alice's first thought was that it might belong to one of the
|
||||
doors of the hall; but, alas! either the locks were too large, or
|
||||
the key was too small, but at any rate it would not open any of
|
||||
them. However, on the second time round, she came upon a low
|
||||
curtain she had not noticed before, and behind it was a little
|
||||
door about fifteen inches high: she tried the little golden key
|
||||
in the lock, and to her great delight it fitted!
|
||||
|
||||
Alice opened the door and found that it led into a small
|
||||
passage, not much larger than a rat-hole: she knelt down and
|
||||
looked along the passage into the loveliest garden you ever saw.
|
||||
How she longed to get out of that dark hall, and wander about
|
||||
among those beds of bright flowers and those cool fountains, but
|
||||
she could not even get her head though the doorway; `and even if
|
||||
my head would go through,' thought poor Alice, `it would be of
|
||||
very little use without my shoulders. Oh, how I wish
|
||||
I could shut up like a telescope! I think I could, if I only
|
||||
know how to begin.' For, you see, so many out-of-the-way things
|
||||
had happened lately, that Alice had begun to think that very few
|
||||
things indeed were really impossible.
|
||||
|
||||
There seemed to be no use in waiting by the little door, so she
|
||||
went back to the table, half hoping she might find another key on
|
||||
it, or at any rate a book of rules for shutting people up like
|
||||
telescopes: this time she found a little bottle on it, (`which
|
||||
certainly was not here before,' said Alice,) and round the neck
|
||||
of the bottle was a paper label, with the words `DRINK ME'
|
||||
beautifully printed on it in large letters.
|
||||
|
||||
It was all very well to say `Drink me,' but the wise little
|
||||
Alice was not going to do THAT in a hurry. `No, I'll look
|
||||
first,' she said, `and see whether it's marked "poison" or not';
|
||||
for she had read several nice little histories about children who
|
||||
had got burnt, and eaten up by wild beasts and other unpleasant
|
||||
things, all because they WOULD not remember the simple rules
|
||||
their friends had taught them: such as, that a red-hot poker
|
||||
will burn you if you hold it too long; and that if you cut your
|
||||
finger VERY deeply with a knife, it usually bleeds; and she had
|
||||
never forgotten that, if you drink much from a bottle marked
|
||||
`poison,' it is almost certain to disagree with you, sooner or
|
||||
later.
|
||||
|
||||
However, this bottle was NOT marked `poison,' so Alice ventured
|
||||
to taste it, and finding it very nice, (it had, in fact, a sort
|
||||
of mixed flavour of cherry-tart, custard, pine-apple, roast
|
||||
turkey, toffee, and hot buttered toast,) she very soon finished
|
||||
it off.
|
||||
|
||||
* * * * * * *
|
||||
|
||||
* * * * * *
|
||||
|
||||
* * * * * * *
|
||||
|
||||
`What a curious feeling!' said Alice; `I must be shutting up
|
||||
like a telescope.'
|
||||
|
||||
And so it was indeed: she was now only ten inches high, and
|
||||
her face brightened up at the thought that she was now the right
|
||||
size for going through the little door into that lovely garden.
|
||||
First, however, she waited for a few minutes to see if she was
|
||||
going to shrink any further: she felt a little nervous about
|
||||
this; `for it might end, you know,' said Alice to herself, `in my
|
||||
going out altogether, like a candle. I wonder what I should be
|
||||
like then?' And she tried to fancy what the flame of a candle is
|
||||
like after the candle is blown out, for she could not remember
|
||||
ever having seen such a thing.
|
||||
</div>
|
||||
</body></html>
|
254
browser/metro/base/tests/mochiperf/res/ripples.html
Normal file
254
browser/metro/base/tests/mochiperf/res/ripples.html
Normal file
@ -0,0 +1,254 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
|
||||
<script type="text/javascript">
|
||||
|
||||
var ripples = {
|
||||
frame: 0,
|
||||
|
||||
get frames() {
|
||||
return this.frame;
|
||||
},
|
||||
|
||||
// Size of buffer.
|
||||
width: 80,
|
||||
height: 80,
|
||||
|
||||
// Render size.
|
||||
renderWidth: 1200,
|
||||
renderHeight: 700,
|
||||
|
||||
// Canvas size.
|
||||
canvasWidth: 1200,
|
||||
canvasHeight: 700,
|
||||
|
||||
// Ripple start points.
|
||||
ripplePoints: [
|
||||
{x:0.5,y:0.5,start:0},
|
||||
{x:0.2,y:0.3,start:0},
|
||||
{x:0.7,y:0.6,start:0},
|
||||
{x:0.2,y:0.2,start:4000},
|
||||
{x:0.7,y:0.2,start:6000},
|
||||
{x:0.2,y:0.8,start:8000},
|
||||
{x:0.5,y:0.3,start:12000},
|
||||
{x:0.2,y:0.6,start:16000},
|
||||
{x:0.8,y:0.2,start:20000},
|
||||
{x:0.3,y:0.8,start:24000},
|
||||
{x:0.6,y:0.2,start:28000}
|
||||
],
|
||||
|
||||
a: false, // previous frame
|
||||
b: false, // frame before previous frame
|
||||
|
||||
pixelWidth: 0,
|
||||
pixelHeight: 0,
|
||||
|
||||
init: function() {
|
||||
// Get start time.
|
||||
var d = new Date();
|
||||
this.startTime = d.getTime();
|
||||
|
||||
// Pixel sizes.
|
||||
this.pixelWidth = Math.floor(this.renderWidth / this.width);
|
||||
this.pixelHeight = Math.floor(this.renderHeight / this.height);
|
||||
|
||||
// Top left corner position of the rendered effect.
|
||||
this.xPosition = this.canvasWidth / 2 - (this.pixelWidth * this.width) / 2;
|
||||
this.yPosition = this.canvasHeight / 2 - (this.pixelHeight * this.height) / 2;
|
||||
|
||||
|
||||
// Init canvas.
|
||||
var canvas = document.getElementById('ripples');
|
||||
this.ctx = canvas.getContext('2d');
|
||||
|
||||
// Create buffers.
|
||||
this.a = new Buffer(this.width, this.height);
|
||||
this.b = new Buffer(this.width, this.height);
|
||||
|
||||
},
|
||||
|
||||
processBuffers: function() {
|
||||
var damping = 0.02;
|
||||
for (var x = 2; x < this.width - 2; x++) {
|
||||
for (var y = 2; y < this.height - 2; y++) {
|
||||
this.b.set(x, y,
|
||||
(
|
||||
this.a.get(x - 2, y)
|
||||
+ this.a.get(x + 2, y)
|
||||
+ this.a.get(x, y - 2)
|
||||
+ this.a.get(x, y + 2)
|
||||
+ this.a.get(x - 1, y)
|
||||
+ this.a.get(x + 1, y)
|
||||
+ this.a.get(x, y - 1)
|
||||
+ this.a.get(x, y + 1)
|
||||
+ this.a.get(x - 1, y - 1)
|
||||
+ this.a.get(x + 1, y + 1)
|
||||
+ this.a.get(x + 1, y - 1)
|
||||
+ this.a.get(x - 1, y + 1)
|
||||
) / 12 * 2 - this.b.get(x, y));
|
||||
this.b.set(x, y, this.b.get(x, y) - this.b.get(x, y) * damping);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
render: function() {
|
||||
|
||||
for (var x = 2; x < this.width - 2; x++) {
|
||||
for (var y = 2; y < this.height - 2; y++) {
|
||||
|
||||
var color = this.b.get(x, y);
|
||||
|
||||
var progress = color / 256;
|
||||
var rMin = 0, rMax = 255,
|
||||
gMin = 0, gMax = 255,
|
||||
bMin = 0, bMax = 255;
|
||||
|
||||
var rDelta = (rMax - rMin) / 2;
|
||||
var rValue = Math.round(rMin + rDelta + rDelta * progress);
|
||||
var gDelta = (gMax - gMin) / 2;
|
||||
var gValue = Math.round(gMin + gDelta + gDelta * progress);
|
||||
var bDelta = (bMax - bMin) / 2;
|
||||
var bValue = Math.round(bMin + bDelta + bDelta * progress);
|
||||
this.ctx.fillStyle = "rgb("+rValue+", "+gValue+", "+bValue+")";
|
||||
this.ctx.fillRect(this.xPosition + x * this.pixelWidth,
|
||||
this.yPosition + y * this.pixelHeight,
|
||||
this.pixelWidth,
|
||||
this.pixelHeight);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
swapBuffers: function() {
|
||||
var c = this.b;
|
||||
this.b = this.a;
|
||||
this.a = c;
|
||||
},
|
||||
|
||||
clear: function() {
|
||||
this.ctx.clearRect(0, 0, this.width, this.height);
|
||||
},
|
||||
|
||||
addRipple: function(time) {
|
||||
|
||||
var ripplePoints = new Array();
|
||||
for (var i = 0; i < this.ripplePoints.length; i++) {
|
||||
if (this.ripplePoints[i].start < time) {
|
||||
this.a.sphere(
|
||||
Math.floor(this.width * this.ripplePoints[i].x),
|
||||
Math.floor(this.height * this.ripplePoints[i].y),
|
||||
Math.floor(this.width * 0.1), 256);
|
||||
} else {
|
||||
ripplePoints.push(this.ripplePoints[i]);
|
||||
}
|
||||
}
|
||||
this.ripplePoints = ripplePoints;
|
||||
|
||||
},
|
||||
|
||||
run: function(time) {
|
||||
this.clear();
|
||||
this.addRipple(time);
|
||||
this.processBuffers();
|
||||
this.render();
|
||||
this.swapBuffers();
|
||||
this.frame++;
|
||||
}
|
||||
}
|
||||
|
||||
function Buffer(newWidth, newHeight) {
|
||||
this.width = newWidth;
|
||||
this.height = newHeight;
|
||||
this.data = new Array();
|
||||
|
||||
for (var x = 0; x < this.width; x++) {
|
||||
this.data[x] = new Array();
|
||||
for (var y = 0; y < this.height; y++) {
|
||||
this.data[x][y] = 0;
|
||||
}
|
||||
}
|
||||
|
||||
this.sphere = function(sphereX, sphereY, radius, depth) {
|
||||
for (var x = 0; x < this.width; x++) {
|
||||
for (var y = 0; y < this.height; y++) {
|
||||
var d = this.distance(sphereX, sphereY, x, y);
|
||||
if (d < radius) {
|
||||
this.data[x][y] = this.data[x][y] + depth * ((radius - Math.sqrt(d)) / radius);
|
||||
//this.data[x][y] = this.data[x][y] + Math.round((1 - d / radius) * 256);
|
||||
if (this.data[x][y] > 256) this.data[x][y] = 256;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
this.ripple = function(sphereX, sphereY, radius) {
|
||||
for (var x = 0; x < this.width; x++) {
|
||||
for (var y = 0; y < this.height; y++) {
|
||||
var d = this.distance(sphereX, sphereY, x, y);
|
||||
if (d < radius) {
|
||||
this.set(x, y, Math.sin((d / radius) * Math.PI) * 70);//Math.round((1 - d / radius) * 256);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
this.hardRipple = function(sphereX, sphereY, radius) {
|
||||
for (var x = 0; x < this.width; x++) {
|
||||
for (var y = 0; y < this.height; y++) {
|
||||
var d = this.distance(sphereX, sphereY, x, y);
|
||||
if (d < radius && d > radius * 0.8) {
|
||||
this.set(x, y, 256);//Math.round((1 - d / radius) * 256);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
this.distance = function(x1, y1, x2, y2) {
|
||||
return Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2));
|
||||
}
|
||||
|
||||
this.get = function(x, y) {
|
||||
if (typeof(this.data[x]) != "undefined" && typeof(this.data[x][y]) != "undefined") {
|
||||
return this.data[x][y];
|
||||
} else {
|
||||
return 0;
|
||||
}
|
||||
}
|
||||
|
||||
this.set = function(x, y, value) {
|
||||
if (typeof(this.data[x]) != "undefined" && typeof(this.data[x][y]) != "undefined") {
|
||||
this.data[x][y] = Math.round(value);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function run() {
|
||||
ripples.init();
|
||||
var now = new Date();
|
||||
var start = window.mozAnimationStartTime;
|
||||
function step(timestamp) {
|
||||
progress = timestamp - start;
|
||||
ripples.run(progress);
|
||||
var time = new Date();
|
||||
var diff = time.getTime() - now.getTime();
|
||||
if (diff < 10000) { // ten seconds
|
||||
window.mozRequestAnimationFrame(step);
|
||||
} else {
|
||||
var evt = document.createEvent("CustomEvent");
|
||||
evt.initCustomEvent("test", true, false, { testName: "ripples", frames: ripples.frames, msec: diff });
|
||||
window.dispatchEvent(evt);
|
||||
}
|
||||
}
|
||||
window.mozRequestAnimationFrame(step);
|
||||
}
|
||||
|
||||
</script>
|
||||
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
|
||||
<style>
|
||||
</style>
|
||||
<meta charset="utf-8">
|
||||
</head>
|
||||
<body onload="setTimeout(run, 1000);">
|
||||
<div id="anchor"><canvas id="ripples" width="1200" height="700"></canvas></div>
|
||||
</body>
|
||||
</html>
|
1961
browser/metro/base/tests/mochiperf/res/scroll_test.html
Normal file
1961
browser/metro/base/tests/mochiperf/res/scroll_test.html
Normal file
File diff suppressed because it is too large
Load Diff
8
browser/metro/base/tests/mochiperf/res/tidevideo.html
Normal file
8
browser/metro/base/tests/mochiperf/res/tidevideo.html
Normal file
@ -0,0 +1,8 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
</head>
|
||||
<body style="margin: 0px; padding: 0px; background-color: black;">
|
||||
<video id="videoelement" src="tide.mp4" autoplay loop="true"></video>
|
||||
</body>
|
||||
</html>
|
Loading…
Reference in New Issue
Block a user