Bug 859155 - misc. content files for tests. r=mbrubeck

This commit is contained in:
Jim Mathies 2013-06-20 14:50:21 -05:00
parent 107a83ca57
commit e8b3ede32d
4 changed files with 2498 additions and 0 deletions

View 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>

View 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>

File diff suppressed because it is too large Load Diff

View 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>