Diff
Modified: trunk/PerformanceTests/Animometer/resources/debug-runner/animometer.css (198610 => 198611)
--- trunk/PerformanceTests/Animometer/resources/debug-runner/animometer.css 2016-03-24 02:08:13 UTC (rev 198610)
+++ trunk/PerformanceTests/Animometer/resources/debug-runner/animometer.css 2016-03-24 02:40:03 UTC (rev 198611)
@@ -290,13 +290,6 @@
background-color: rgb(235, 96, 32);
}
-@media screen and (min-device-width: 1800px) {
- .frame-container > iframe {
- width: 1600px;
- height: 800px;
- }
-}
-
/* -------------------------------------------------------------------------- */
/* Results Section */
/* -------------------------------------------------------------------------- */
Modified: trunk/PerformanceTests/Animometer/resources/debug-runner/animometer.js (198610 => 198611)
--- trunk/PerformanceTests/Animometer/resources/debug-runner/animometer.js 2016-03-24 02:08:13 UTC (rev 198610)
+++ trunk/PerformanceTests/Animometer/resources/debug-runner/animometer.js 2016-03-24 02:40:03 UTC (rev 198611)
@@ -142,6 +142,14 @@
var formElement = document.forms["benchmark-options"].elements[name];
if (formElement.type == "checkbox")
return formElement.checked;
+ else if (formElement.constructor === HTMLCollection) {
+ for (var i = 0; i < formElement.length; ++i) {
+ var radio = formElement[i];
+ if (radio.checked)
+ return formElement.value;
+ }
+ return null;
+ }
return formElement.value;
},
@@ -181,8 +189,19 @@
options[name] = +formElement.value;
else if (type == "checkbox")
options[name] = formElement.checked;
- else if (type == "radio")
- options[name] = formElements[name].value;
+ else if (type == "radio") {
+ var radios = formElements[name];
+ if (radios.constructor === HTMLCollection) {
+ for (var j = 0; j < radios.length; ++j) {
+ var radio = radios[j];
+ if (radio.checked) {
+ options[name] = radio.value;
+ break;
+ }
+ }
+ } else
+ options[name] = formElements[name].value;
+ }
try {
localStorage.setItem(name, options[name]);
Modified: trunk/PerformanceTests/Animometer/resources/runner/animometer.css (198610 => 198611)
--- trunk/PerformanceTests/Animometer/resources/runner/animometer.css 2016-03-24 02:08:13 UTC (rev 198610)
+++ trunk/PerformanceTests/Animometer/resources/runner/animometer.css 2016-03-24 02:40:03 UTC (rev 198611)
@@ -173,13 +173,6 @@
margin: 0 auto;
}
-@media screen and (min-device-width: 1800px) {
- .frame-container > iframe {
- width: 1600px;
- height: 800px;
- }
-}
-
@media screen and (max-device-width: 414px) {
#test-container {
padding: 0;
@@ -188,7 +181,6 @@
.frame-container {
width: 100%;
height: 100%;
- overflow: hidden;
}
.frame-container > iframe {
@@ -197,12 +189,27 @@
}
}
-@media screen and (max-device-width: 1024px) {
+@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.frame-container > iframe {
width: 900px;
+ height: 600px;
}
}
+@media screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
+ .frame-container > iframe {
+ width: 1200px;
+ height: 800px;
+ }
+}
+
+@media screen and (min-width: 1800px) {
+ .frame-container > iframe {
+ width: 1600px;
+ height: 800px;
+ }
+}
+
/* Results section */
#results {
text-align: center;
Modified: trunk/PerformanceTests/Animometer/tests/master/canvas-stage.html (198610 => 198611)
--- trunk/PerformanceTests/Animometer/tests/master/canvas-stage.html 2016-03-24 02:08:13 UTC (rev 198610)
+++ trunk/PerformanceTests/Animometer/tests/master/canvas-stage.html 2016-03-24 02:40:03 UTC (rev 198611)
@@ -2,7 +2,7 @@
<html>
<head>
<meta charset="utf-8">
- <link rel="stylesheet" type="text/css" href=""
+ <link rel="stylesheet" type="text/css" href=""
</head>
<body>
<canvas id="stage"></canvas>
Modified: trunk/PerformanceTests/Animometer/tests/master/focus.html (198610 => 198611)
--- trunk/PerformanceTests/Animometer/tests/master/focus.html 2016-03-24 02:08:13 UTC (rev 198610)
+++ trunk/PerformanceTests/Animometer/tests/master/focus.html 2016-03-24 02:40:03 UTC (rev 198611)
@@ -2,7 +2,7 @@
<html>
<head>
<meta charset="utf-8">
- <link rel="stylesheet" type="text/css" href=""
+ <link rel="stylesheet" type="text/css" href=""
<style type="text/css">
#stage {
Modified: trunk/PerformanceTests/Animometer/tests/master/leaves.html (198610 => 198611)
--- trunk/PerformanceTests/Animometer/tests/master/leaves.html 2016-03-24 02:08:13 UTC (rev 198610)
+++ trunk/PerformanceTests/Animometer/tests/master/leaves.html 2016-03-24 02:40:03 UTC (rev 198611)
@@ -2,7 +2,7 @@
<html>
<head>
<meta charset="utf-8">
- <link rel="stylesheet" type="text/css" href=""
+ <link rel="stylesheet" type="text/css" href=""
<style>
#stage {
background-color: #23282B;
Modified: trunk/PerformanceTests/Animometer/tests/master/multiply.html (198610 => 198611)
--- trunk/PerformanceTests/Animometer/tests/master/multiply.html 2016-03-24 02:08:13 UTC (rev 198610)
+++ trunk/PerformanceTests/Animometer/tests/master/multiply.html 2016-03-24 02:40:03 UTC (rev 198611)
@@ -2,7 +2,7 @@
<html>
<head>
<meta charset="utf-8">
- <link rel="stylesheet" type="text/css" href=""
+ <link rel="stylesheet" type="text/css" href=""
<style type="text/css">
#stage {
Modified: trunk/PerformanceTests/Animometer/tests/master/particles.html (198610 => 198611)
--- trunk/PerformanceTests/Animometer/tests/master/particles.html 2016-03-24 02:08:13 UTC (rev 198610)
+++ trunk/PerformanceTests/Animometer/tests/master/particles.html 2016-03-24 02:40:03 UTC (rev 198611)
@@ -2,7 +2,7 @@
<html>
<head>
<meta charset="utf-8">
- <link rel="stylesheet" type="text/css" href=""
+ <link rel="stylesheet" type="text/css" href=""
<style>
#stage div {
position: absolute;
Deleted: trunk/PerformanceTests/Animometer/tests/master/resources/stage.css (198610 => 198611)
--- trunk/PerformanceTests/Animometer/tests/master/resources/stage.css 2016-03-24 02:08:13 UTC (rev 198610)
+++ trunk/PerformanceTests/Animometer/tests/master/resources/stage.css 2016-03-24 02:40:03 UTC (rev 198611)
@@ -1,27 +0,0 @@
-html {
- height: 100%;
-}
-body {
- width: 100%;
- height: 100%;
- overflow: hidden;
- margin: 0;
- padding: 0;
- background-color: rgb(241, 241, 241);
- font-family: -apple-system, "Helvetica Neue", Helvetica, Verdana, sans-serif;
-}
-
-#stage {
- position: relative;
- width: 100%;
- height: 100%;
- background-color: rgb(241, 241, 241);
-}
-
-#center-text {
- position: absolute;
- z-index: 3;
- top: 50%;
- left: 50%;
- transform: translateX(-50%) translateY(-50%);
-}
\ No newline at end of file
Modified: trunk/PerformanceTests/Animometer/tests/master/text.html (198610 => 198611)
--- trunk/PerformanceTests/Animometer/tests/master/text.html 2016-03-24 02:08:13 UTC (rev 198610)
+++ trunk/PerformanceTests/Animometer/tests/master/text.html 2016-03-24 02:40:03 UTC (rev 198611)
@@ -2,7 +2,7 @@
<html>
<head>
<meta charset="utf-8">
- <link rel="stylesheet" type="text/css" href=""
+ <link rel="stylesheet" type="text/css" href=""
<style type="text/css">
#stage {
@@ -10,6 +10,17 @@
font-size: 48px;
background-color: #313534;/* #d1948c;*/
}
+ @media screen and (max-device-width: 414px) {
+ #stage {
+ font-size: 36px;
+ }
+ }
+ @media screen and (max-device-width: 320px) {
+ #stage {
+ font-size: 24px;
+ }
+ }
+
#stage div {
width: 80%;
height: 90%;
Modified: trunk/PerformanceTests/Animometer/tests/resources/stage.css (198610 => 198611)
--- trunk/PerformanceTests/Animometer/tests/resources/stage.css 2016-03-24 02:08:13 UTC (rev 198610)
+++ trunk/PerformanceTests/Animometer/tests/resources/stage.css 2016-03-24 02:40:03 UTC (rev 198611)
@@ -4,14 +4,24 @@
body {
width: 100%;
height: 100%;
- overflow: hidden;
margin: 0;
padding: 0;
- background-color: #eaeaea;
+ background-color: rgb(241, 241, 241);
+ font-family: -apple-system, "Helvetica Neue", Helvetica, Verdana, sans-serif;
}
#stage {
- width: 100%;
- height: 100%;
- background-color: #eaeaea;
+ position: relative;
+ width: 100%;
+ height: 100%;
+ background-color: rgb(241, 241, 241);
+ overflow: hidden;
}
+
+#center-text {
+ position: absolute;
+ z-index: 3;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+}
Modified: trunk/PerformanceTests/ChangeLog (198610 => 198611)
--- trunk/PerformanceTests/ChangeLog 2016-03-24 02:08:13 UTC (rev 198610)
+++ trunk/PerformanceTests/ChangeLog 2016-03-24 02:40:03 UTC (rev 198611)
@@ -1,5 +1,32 @@
2016-03-23 Jon Lee <[email protected]>
+ Update support for other platforms
+ https://bugs.webkit.org/show_bug.cgi?id=155824
+
+ Reviewed by Simon Fraser.
+
+ * Animometer/resources/debug-runner/animometer.css: Remove extraneous media query. All of it should
+ be handled in the release stylesheet.
+ * Animometer/resources/debug-runner/animometer.js: Add support for browsers that return an HTMLCollection
+ when retrieving radio elements with a name, instead of the selected value.
+ * Animometer/resources/runner/animometer.css: Adjust the queries for devices of varying widths.
+ (.frame-container): Move overflow:hidden to #stage.
+ * Animometer/tests/master/resources/stage.css: Consolidate into tests/resources/stage.css.
+ * Animometer/tests/resources/stage.css:
+ (body): Remove overflow:hidden.
+ (#stage): Set overflow:hidden here.
+ (#center-text): Moved from master/resources/stage.css.
+
+ Update stylesheet hrefs.
+ * Animometer/tests/master/canvas-stage.html:
+ * Animometer/tests/master/focus.html:
+ * Animometer/tests/master/leaves.html:
+ * Animometer/tests/master/multiply.html:
+ * Animometer/tests/master/particles.html:
+ * Animometer/tests/master/text.html: Adjust text size to fit in the device screen.
+
+2016-03-23 Jon Lee <[email protected]>
+
Make the benchmark require device to be in landscape orientation
https://bugs.webkit.org/show_bug.cgi?id=155822
rdar://problem/25258650
