Authors:
Yu, XiaoyanX <xiaoyanx.yu@intel.com>
Cui, Jieqiong <jieqiongx.cui@intel.com>
+ Xu, Yuhan <yuhanx.xu@intel.com>
-->
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
- <title>Check whether window.cancelRequestAnimationFrame || window.webkitCancelRequestAnimationFrame || window.mozCancelAnimationFrame || window.msCancelAnimationFrame || window.oCancelAnimationFrame; can be used normally with invalid parameter boolean</title>
- <script type="text/javascript" src="../resources/testharness.js"></script>
- <link rel="stylesheet" href="../resources/testharness.css" />
- <script type="text/javascript" src="w3c/paintnotificationharness.js"></script>
+ <title>Check whether window.cancelRequestAnimationFrame || window.webkitCancelRequestAnimationFrame || window.mozCancelAnimationFrame || window.msCancelAnimationFrame || window.oCancelAnimationFrame; can be used normally with invalid parameter boolean</title>
</head>
<body onload="start()">
<p>PASS If a red box moves from left to right, when click "Stop" button, the red box won't stop </p>
<p>FAIL If screen displays no animation or animation stops when click "Stop" button</p>
- <div id="log"></div>
<script>
- var reqAnimAPI = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.msRequestAnimationFrame || oRequestAnimationFrame;
- var cancelAnimAPI = window.cancelRequestAnimationFrame || window.webkitCancelRequestAnimationFrame || window.mozCancelAnimationFrame || window.msCancelAnimationFrame || window.oCancelAnimationFrame;;
+ var reqAnimAPI = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.msRequestAnimationFrame || oRequestAnimationFrame;
+ var cancelAnimAPI = window.cancelRequestAnimationFrame || window.webkitCancelRequestAnimationFrame || window.mozCancelAnimationFrame || window.msCancelAnimationFrame || window.oCancelAnimationFrame;
var requestId = 0;
- var handle=true;
+ var handle = true;
function animate(time) {
document.getElementById("animated").style.left =
(time - animationStartTime) % 2000 / 4 + "px";
Authors:
Yu, XiaoyanX <xiaoyanx.yu@intel.com>
Cui, Jieqiong <jieqiongx.cui@intel.com>
+ Xu, Yuhan <yuhanx.xu@intel.com>
-->
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
- <title>Check whether window.cancelRequestAnimationFrame || window.webkitCancelRequestAnimationFrame || window.mozCancelAnimationFrame || window.msCancelAnimationFrame || window.oCancelAnimationFrame; can be used normally with invalid parameter negative number</title>
- <script type="text/javascript" src="../resources/testharness.js"></script>
- <link rel="stylesheet" href="../resources/testharness.css" />
- <script type="text/javascript" src="w3c/paintnotificationharness.js"></script>
+ <title>Check whether window.cancelRequestAnimationFrame || window.webkitCancelRequestAnimationFrame || window.mozCancelAnimationFrame || window.msCancelAnimationFrame || window.oCancelAnimationFrame; can be used normally with invalid parameter negative number</title>
</head>
<body onload="start()">
<p>PASS If a red box moves from left to right, when click "Stop" button, the red box won't stop </p>
<p>FAIL If screen displays no animation or animation stops when click "Stop" button</p>
- <div id="log"></div>
<script>
- var reqAnimAPI = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.msRequestAnimationFrame || oRequestAnimationFrame;
- var cancelAnimAPI = window.cancelRequestAnimationFrame || window.webkitCancelRequestAnimationFrame || window.mozCancelAnimationFrame || window.msCancelAnimationFrame || window.oCancelAnimationFrame;;
+ var reqAnimAPI = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.msRequestAnimationFrame || oRequestAnimationFrame;
+ var cancelAnimAPI = window.cancelRequestAnimationFrame || window.webkitCancelRequestAnimationFrame || window.mozCancelAnimationFrame || window.msCancelAnimationFrame || window.oCancelAnimationFrame;;
var requestId = 0;
- var handle=-10;
+ var handle = -10;
function animate(time) {
document.getElementById("animated").style.left =
(time - animationStartTime) % 2000 / 4 + "px";
Authors:
Yu, XiaoyanX <xiaoyanx.yu@intel.com>
Cui, Jieqiong <jieqiongx.cui@intel.com>
+ Xu, Yuhan <yuhanx.xu@intel.com>
-->
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
- <title>Check whether window.cancelRequestAnimationFrame || window.webkitCancelRequestAnimationFrame || window.mozCancelAnimationFrame || window.msCancelAnimationFrame || window.oCancelAnimationFrame; can be used normally with invalid parameter string</title>
- <script type="text/javascript" src="../resources/testharness.js"></script>
- <link rel="stylesheet" href="../resources/testharness.css" />
- <script type="text/javascript" src="w3c/paintnotificationharness.js"></script>
+ <title>Check whether window.cancelRequestAnimationFrame || window.webkitCancelRequestAnimationFrame || window.mozCancelAnimationFrame || window.msCancelAnimationFrame || window.oCancelAnimationFrame; can be used normally with invalid parameter string</title>
</head>
<body onload="start()">
<p>PASS If a red box moves from left to right, when click "Stop" button, the red box won't stop </p>
<p>FAIL If screen displays no animation or animation stops when click "Stop" button</p>
- <div id="log"></div>
<script>
- var reqAnimAPI = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.msRequestAnimationFrame || oRequestAnimationFrame;
- var cancelAnimAPI = window.cancelRequestAnimationFrame || window.webkitCancelRequestAnimationFrame || window.mozCancelAnimationFrame || window.msCancelAnimationFrame || window.oCancelAnimationFrame;;
+ var reqAnimAPI = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.msRequestAnimationFrame || oRequestAnimationFrame;
+ var cancelAnimAPI = window.cancelRequestAnimationFrame || window.webkitCancelRequestAnimationFrame || window.mozCancelAnimationFrame || window.msCancelAnimationFrame || window.oCancelAnimationFrame;;
var requestId = 0;
- var handle="abc";
+ var handle = "abc";
function animate(time) {
document.getElementById("animated").style.left =
(time - animationStartTime) % 2000 / 4 + "px";
requestId =reqAnimAPI(animate);
}
function stop() {
- cancelAnimAPI(handle);
+ cancelAnimAPI(handle);
}
</script>
<button onclick="stop()">Stop</button>
Authors:
Yu, XiaoyanX <xiaoyanx.yu@intel.com>
Cui, Jieqiong <jieqiongx.cui@intel.com>
+ Xu, Yuhan <yuhanx.xu@intel.com>
-->
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
- <title>Check whether window.cancelRequestAnimationFrame || window.webkitCancelRequestAnimationFrame || window.mozCancelAnimationFrame || window.msCancelAnimationFrame || window.oCancelAnimationFrame; can be used normally with invalid parameter undefined</title>
- <script type="text/javascript" src="../resources/testharness.js"></script>
- <link rel="stylesheet" href="../resources/testharness.css" />
- <script type="text/javascript" src="w3c/paintnotificationharness.js"></script>
+ <title>Check whether window.cancelRequestAnimationFrame || window.webkitCancelRequestAnimationFrame || window.mozCancelAnimationFrame || window.msCancelAnimationFrame || window.oCancelAnimationFrame; can be used normally with invalid parameter undefined</title>
</head>
<body onload="start()">
<p>PASS If a red box moves from left to right, when click "Stop" button, the red box won't stop </p>
<p>FAIL If screen displays no animation or animation stops when click "Stop" button</p>
- <div id="log"></div>
<script>
- var reqAnimAPI = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.msRequestAnimationFrame || oRequestAnimationFrame;
- var cancelAnimAPI = window.cancelRequestAnimationFrame || window.webkitCancelRequestAnimationFrame || window.mozCancelAnimationFrame || window.msCancelAnimationFrame || window.oCancelAnimationFrame;;
+ var reqAnimAPI = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.msRequestAnimationFrame || oRequestAnimationFrame;
+ var cancelAnimAPI = window.cancelRequestAnimationFrame || window.webkitCancelRequestAnimationFrame || window.mozCancelAnimationFrame || window.msCancelAnimationFrame || window.oCancelAnimationFrame;;
var requestId = 0;
function animate(time) {
document.getElementById("animated").style.left =
(time - animationStartTime) % 2000 / 4 + "px";
- requestId =reqAnimAPI(animate);
+ requestId = reqAnimAPI(animate);
}
function start() {
animationStartTime = Date.now();
Authors:
Yu, XiaoyanX <xiaoyanx.yu@intel.com>
Cui, Jieqiong <jieqiongx.cui@intel.com>
+ Xu, Yuhan <yuhanx.xu@intel.com>
-->
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
- <title>Check window.cancelRequestAnimationFrame || window.webkitCancelRequestAnimationFrame || window.mozCancelAnimationFrame || window.msCancelAnimationFrame || window.oCancelAnimationFrame; can be called normally with the parameter returned by window.webkitRequestAnimationFrame</title>
- <script type="text/javascript" src="../resources/testharness.js"></script>
- <link rel="stylesheet" href="../resources/testharness.css" />
- <script type="text/javascript" src="w3c/paintnotificationharness.js"></script>
+ <title>Check window.cancelRequestAnimationFrame || window.webkitCancelRequestAnimationFrame || window.mozCancelAnimationFrame || window.msCancelAnimationFrame || window.oCancelAnimationFrame; can be called normally with the parameter returned by window.webkitRequestAnimationFrame</title>
</head>
<body onload="start()">
<p>PASS If a red box moves from left to right, when click the "Stop" buttonthe red box should stop</p>
<p>FAIL If screen deosn't have any animation or red box won't stop when clicks the "Stop" button</p>
- <div id="log"></div>
<script>
- var reqAnimAPI = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.msRequestAnimationFrame || oRequestAnimationFrame;
- var cancelAnimAPI = window.cancelRequestAnimationFrame || window.webkitCancelRequestAnimationFrame || window.mozCancelAnimationFrame || window.msCancelAnimationFrame || window.oCancelAnimationFrame;;
+ var reqAnimAPI = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.msRequestAnimationFrame || oRequestAnimationFrame;
+ var cancelAnimAPI = window.cancelRequestAnimationFrame || window.webkitCancelRequestAnimationFrame || window.mozCancelAnimationFrame || window.msCancelAnimationFrame || window.oCancelAnimationFrame;;
var requestId = 0;
function animate(time) {
document.getElementById("animated").style.left =
Authors:
Yu, XiaoyanX <xiaoyanx.yu@intel.com>
Cui, Jieqiong <jieqiongx.cui@intel.com>
+ Xu, Yuhan <yuhanx.xu@intel.com>
-->
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
- <title>Check if window.cancelRequestAnimationFrame || window.webkitCancelRequestAnimationFrame || window.mozCancelAnimationFrame || window.msCancelAnimationFrame || window.oCancelAnimationFrame; and RequestAnimationFrame invoked sucessfully</title>
- <script type="text/javascript" src="../resources/testharness.js"></script>
- <link rel="stylesheet" href="../resources/testharness.css" />
+ <title>Check if window.cancelRequestAnimationFrame || window.webkitCancelRequestAnimationFrame || window.mozCancelAnimationFrame || window.msCancelAnimationFrame || window.oCancelAnimationFrame; and RequestAnimationFrame invoked sucessfully</title>
</head>
<body>
<p>PASS If a red box will move from left to right while click the button "Start". The red box will stop while click the button "Stop"</p>
<p>FAIL If the screen doesn't have any animation or red box does not stop while clicks the "Stop" button</p>
- <div id="log"></div>
<script>
- var reqAnimAPI = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.msRequestAnimationFrame || oRequestAnimationFrame;
- var cancelAnimAPI = window.cancelRequestAnimationFrame || window.webkitCancelRequestAnimationFrame || window.mozCancelAnimationFrame || window.msCancelAnimationFrame || window.oCancelAnimationFrame;;
+ var reqAnimAPI = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.msRequestAnimationFrame || oRequestAnimationFrame;
+ var cancelAnimAPI = window.cancelRequestAnimationFrame || window.webkitCancelRequestAnimationFrame || window.mozCancelAnimationFrame || window.msCancelAnimationFrame || window.oCancelAnimationFrame;;
var requestId = 0;
function animate(time) {
document.getElementById("animated").style.left =
Authors:
Yu, XiaoyanX <xiaoyanx.yu@intel.com>
Cui, Jieqiong <jieqiongx.cui@intel.com>
+ Xu, Yuhan <yuhanx.xu@intel.com>
-->
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>check if requestAnimationFrame only schedules a single animation</title>
- <script type="text/javascript" src="../resources/testharness.js"></script>
- <link rel="stylesheet" href="../resources/testharness.css" />
</head>
<body onload="start()">
<p>PASS If a red box display a text "500px" on screen </p>
<p>FAIL If a red box dosen't display a text "500px" on screen </p>
- <div id="log"></div>
<script>
- var reqAnimAPI = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.msRequestAnimationFrame || oRequestAnimationFrame;
+ var reqAnimAPI = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.msRequestAnimationFrame || oRequestAnimationFrame;
var requestId = 0;
function animate(time) {
document.getElementById("animated").style.left ="500px";