summaryrefslogtreecommitdiffstats
path: root/third_party/webkit/PerformanceTests/MotionMark/index.html
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-07 19:33:14 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-07 19:33:14 +0000
commit36d22d82aa202bb199967e9512281e9a53db42c9 (patch)
tree105e8c98ddea1c1e4784a60a5a6410fa416be2de /third_party/webkit/PerformanceTests/MotionMark/index.html
parentInitial commit. (diff)
downloadfirefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.tar.xz
firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.zip
Adding upstream version 115.7.0esr.upstream/115.7.0esrupstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'third_party/webkit/PerformanceTests/MotionMark/index.html')
-rw-r--r--third_party/webkit/PerformanceTests/MotionMark/index.html67
1 files changed, 67 insertions, 0 deletions
diff --git a/third_party/webkit/PerformanceTests/MotionMark/index.html b/third_party/webkit/PerformanceTests/MotionMark/index.html
new file mode 100644
index 0000000000..c1b1e2e58f
--- /dev/null
+++ b/third_party/webkit/PerformanceTests/MotionMark/index.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, user-scalable=no">
+
+ <title>MotionMark 1.0</title>
+
+ <link rel="stylesheet" href="resources/runner/animometer.css">
+
+ <script src="resources/strings.js" defer></script>
+ <script src="resources/extensions.js" defer></script>
+ <script src="resources/statistics.js" defer></script>
+
+ <script src="resources/runner/tests.js" charset="utf-8" defer></script>
+ <script src="resources/runner/animometer.js" defer></script>
+
+ <script src="resources/runner/benchmark-runner.js" defer></script>
+
+ <script>
+ window.addEventListener("load", function() {
+ // Start the fade in animation.
+ document.body.classList.add("images-loaded");
+ });
+ </script>
+</head>
+<body class="showing-intro">
+ <main>
+ <section id="intro" class="selected">
+ <svg class="logo"><use xlink:href="resources/runner/logo.svg#root"></svg>
+ <div class="body">
+ <p>MotionMark is a graphics benchmark that measures a browser’s capability to animate complex scenes at a target frame rate.</p>
+
+ <p><a href="about.html">More details</a> about the benchmark are available. Bigger scores are better.</p>
+ <p>For accurate results, please take your browser window full screen, or rotate your device to landscape orientation.</p>
+ <p class="portrait-orientation-check"><b>Please rotate your device.</b></p>
+ <button class="landscape-orientation-check" onclick="benchmarkController.startBenchmark()">Run Benchmark</button>
+ </div>
+ </section>
+
+ <section id="test-container" class="frame-container"></section>
+
+ <section id="results">
+ <svg class="logo"><use xlink:href="resources/runner/logo.svg#root"></svg>
+ <div class="body">
+ <div class="score-container">
+ <div class="score"></div>
+ <div class="confidence"></div>
+ <div class="detail">
+ <span class="small">on a small screen (phone)</span>
+ <span class="medium">on a medium screen (laptop, tablet)</span>
+ <span class="large">on a large screen (desktop)</span>
+ </div>
+ </div>
+ <div class="table-container">
+ <div>
+ <table id="results-score"></table>
+ <table id="results-data"></table>
+ </div>
+ <table id="results-header"></table>
+ </div>
+ <button onclick="benchmarkController.startBenchmark()">Test Again</button>
+ </div>
+ </section>
+ </main>
+</body>
+</html>