summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/png/apng/manual
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-19 00:47:55 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-19 00:47:55 +0000
commit26a029d407be480d791972afb5975cf62c9360a6 (patch)
treef435a8308119effd964b339f76abb83a57c29483 /testing/web-platform/tests/png/apng/manual
parentInitial commit. (diff)
downloadfirefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz
firefox-26a029d407be480d791972afb5975cf62c9360a6.zip
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/png/apng/manual')
-rw-r--r--testing/web-platform/tests/png/apng/manual/acTL-plays-one-manual.html25
-rw-r--r--testing/web-platform/tests/png/apng/manual/acTL-plays-two-manual.html26
-rw-r--r--testing/web-platform/tests/png/apng/manual/acTL-plays-zero-manual.html25
-rw-r--r--testing/web-platform/tests/png/apng/manual/fcTL-delay-16bit-manual.html25
-rw-r--r--testing/web-platform/tests/png/apng/manual/fcTL-delay-basic-manual.html25
-rw-r--r--testing/web-platform/tests/png/apng/manual/fcTL-delay-rounding-manual.html25
-rw-r--r--testing/web-platform/tests/png/apng/manual/fcTL-delay-zero-denom-manual.html25
-rw-r--r--testing/web-platform/tests/png/apng/manual/fcTL-delay-zero-num-manual.html26
8 files changed, 202 insertions, 0 deletions
diff --git a/testing/web-platform/tests/png/apng/manual/acTL-plays-one-manual.html b/testing/web-platform/tests/png/apng/manual/acTL-plays-one-manual.html
new file mode 100644
index 0000000000..66c01e8bc3
--- /dev/null
+++ b/testing/web-platform/tests/png/apng/manual/acTL-plays-one-manual.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>PNG Third Edition: animated PNG, plays</title>
+<link rel="author" title="Chris Lilley" href="mailto:chris@w3.org">
+<link rel="help" href="https://www.w3.org/TR/png-3/#apng-frame-based-animation">
+<link rel="help" href="https://www.w3.org/TR/png-3/#fcTL-chunk">
+<meta name="assert" content="num_plays indicates the number of times that this animation should play. If nonzero, the animation should come to rest on the final frame at the end of the last play.">
+<style>
+ .test {
+ width: 128px;
+ height: 64px;
+ background-color: white;
+ background-image:
+ linear-gradient(45deg, #ccc 25%, transparent 25%),
+ linear-gradient(-45deg, #ccc 25%, transparent 25%),
+ linear-gradient(45deg, transparent 75%, #ccc 75%),
+ linear-gradient(-45deg, transparent 75%, #ccc 75%);
+ background-size: 16px 16px;
+ background-position: 0 0, 0 8px, 8px -8px, -8px 0px;
+ }
+</style>
+<body>
+ <p>Test passes if this flashes yellow for one second, then stays blue forever</p>
+ <div class="test"><img src="../support/031.png" alt=""></div>
+</body>
diff --git a/testing/web-platform/tests/png/apng/manual/acTL-plays-two-manual.html b/testing/web-platform/tests/png/apng/manual/acTL-plays-two-manual.html
new file mode 100644
index 0000000000..c7d36da3b3
--- /dev/null
+++ b/testing/web-platform/tests/png/apng/manual/acTL-plays-two-manual.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>PNG Third Edition: animated PNG, plays</title>
+<link rel="author" title="Chris Lilley" href="mailto:chris@w3.org">
+<link rel="help" href="https://www.w3.org/TR/png-3/#apng-frame-based-animation">
+<link rel="help" href="https://www.w3.org/TR/png-3/#fcTL-chunk">
+<meta name="assert" content="num_plays indicates the number of times that this animation should play. If nonzero, the animation should come to rest on the final frame at the end of the last play.">
+<style>
+ .test {
+ width: 128px;
+ height: 64px;
+ background-color: white;
+ background-image:
+ linear-gradient(45deg, #ccc 25%, transparent 25%),
+ linear-gradient(-45deg, #ccc 25%, transparent 25%),
+ linear-gradient(45deg, transparent 75%, #ccc 75%),
+ linear-gradient(-45deg, transparent 75%, #ccc 75%);
+ background-size: 16px 16px;
+ background-position: 0 0, 0 8px, 8px -8px, -8px 0px;
+ }
+</style>
+<body>
+ <p>Test passes if this flashes yellow for one second, then
+ blue for one second, then yellow for one second, then blue forever.</p>
+ <div class="test"><img src="../support/032.png" alt=""></div>
+</body>
diff --git a/testing/web-platform/tests/png/apng/manual/acTL-plays-zero-manual.html b/testing/web-platform/tests/png/apng/manual/acTL-plays-zero-manual.html
new file mode 100644
index 0000000000..e0e0c95686
--- /dev/null
+++ b/testing/web-platform/tests/png/apng/manual/acTL-plays-zero-manual.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>PNG Third Edition: animated PNG, plays</title>
+<link rel="author" title="Chris Lilley" href="mailto:chris@w3.org">
+<link rel="help" href="https://www.w3.org/TR/png-3/#apng-frame-based-animation">
+<link rel="help" href="https://www.w3.org/TR/png-3/#fcTL-chunk">
+<meta name="assert" content="num_plays indicates the number of times that this animation should play; if it is 0, the animation should play indefinitely.">
+<style>
+ .test {
+ width: 128px;
+ height: 64px;
+ background-color: white;
+ background-image:
+ linear-gradient(45deg, #ccc 25%, transparent 25%),
+ linear-gradient(-45deg, #ccc 25%, transparent 25%),
+ linear-gradient(45deg, transparent 75%, #ccc 75%),
+ linear-gradient(-45deg, transparent 75%, #ccc 75%);
+ background-size: 16px 16px;
+ background-position: 0 0, 0 8px, 8px -8px, -8px 0px;
+ }
+</style>
+<body>
+ <p>Test passes if this flashes yellow for one second, then blue for one second, then repeats forever. </p>
+ <div class="test"><img src="../support/030.png" alt=""></div>
+</body>
diff --git a/testing/web-platform/tests/png/apng/manual/fcTL-delay-16bit-manual.html b/testing/web-platform/tests/png/apng/manual/fcTL-delay-16bit-manual.html
new file mode 100644
index 0000000000..8aaefe729e
--- /dev/null
+++ b/testing/web-platform/tests/png/apng/manual/fcTL-delay-16bit-manual.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>PNG Third Edition: animated PNG, delays</title>
+<link rel="author" title="Chris Lilley" href="mailto:chris@w3.org">
+<link rel="help" href="https://www.w3.org/TR/png-3/#apng-frame-based-animation">
+<link rel="help" href="https://www.w3.org/TR/png-3/#fcTL-chunk">
+<meta name="assert" content="delay_num and delay_den define the numerator and denominator of the delay fraction; indicating the time to display the current frame, in seconds.">
+<style>
+ .test {
+ width: 128px;
+ height: 64px;
+ background-color: white;
+ background-image:
+ linear-gradient(45deg, #ccc 25%, transparent 25%),
+ linear-gradient(-45deg, #ccc 25%, transparent 25%),
+ linear-gradient(45deg, transparent 75%, #ccc 75%),
+ linear-gradient(-45deg, transparent 75%, #ccc 75%);
+ background-size: 16px 16px;
+ background-position: 0 0, 0 8px, 8px -8px, -8px 0px;
+ }
+</style>
+<body>
+ <p>Test passes if this flashes blue for half a second, then yellow for one second, then repeats forever. </p>
+ <div class="test"><img src="../support/027.png" alt=""></div>
+</body>
diff --git a/testing/web-platform/tests/png/apng/manual/fcTL-delay-basic-manual.html b/testing/web-platform/tests/png/apng/manual/fcTL-delay-basic-manual.html
new file mode 100644
index 0000000000..96ca2eb6e7
--- /dev/null
+++ b/testing/web-platform/tests/png/apng/manual/fcTL-delay-basic-manual.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>PNG Third Edition: animated PNG, delays</title>
+<link rel="author" title="Chris Lilley" href="mailto:chris@w3.org">
+<link rel="help" href="https://www.w3.org/TR/png-3/#apng-frame-based-animation">
+<link rel="help" href="https://www.w3.org/TR/png-3/#fcTL-chunk">
+<meta name="assert" content="delay_num and delay_den define the numerator and denominator of the delay fraction; indicating the time to display the current frame, in seconds.">
+<style>
+ .test {
+ width: 128px;
+ height: 64px;
+ background-color: white;
+ background-image:
+ linear-gradient(45deg, #ccc 25%, transparent 25%),
+ linear-gradient(-45deg, #ccc 25%, transparent 25%),
+ linear-gradient(45deg, transparent 75%, #ccc 75%),
+ linear-gradient(-45deg, transparent 75%, #ccc 75%);
+ background-size: 16px 16px;
+ background-position: 0 0, 0 8px, 8px -8px, -8px 0px;
+ }
+</style>
+<body>
+ <p>Test passes if this flashes blue for half a second, then yellow for one second, then repeats forever. </p>
+ <div class="test"><img src="../support/025.png" alt=""></div>
+</body>
diff --git a/testing/web-platform/tests/png/apng/manual/fcTL-delay-rounding-manual.html b/testing/web-platform/tests/png/apng/manual/fcTL-delay-rounding-manual.html
new file mode 100644
index 0000000000..e5e925079b
--- /dev/null
+++ b/testing/web-platform/tests/png/apng/manual/fcTL-delay-rounding-manual.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>PNG Third Edition: animated PNG, delays</title>
+<link rel="author" title="Chris Lilley" href="mailto:chris@w3.org">
+<link rel="help" href="https://www.w3.org/TR/png-3/#apng-frame-based-animation">
+<link rel="help" href="https://www.w3.org/TR/png-3/#fcTL-chunk">
+<meta name="assert" content="delay_num and delay_den define the numerator and denominator of the delay fraction; indicating the time to display the current frame, in seconds.">
+<style>
+ .test {
+ width: 128px;
+ height: 64px;
+ background-color: white;
+ background-image:
+ linear-gradient(45deg, #ccc 25%, transparent 25%),
+ linear-gradient(-45deg, #ccc 25%, transparent 25%),
+ linear-gradient(45deg, transparent 75%, #ccc 75%),
+ linear-gradient(-45deg, transparent 75%, #ccc 75%);
+ background-size: 16px 16px;
+ background-position: 0 0, 0 8px, 8px -8px, -8px 0px;
+ }
+</style>
+<body>
+ <p>Test passes if this flashes blue for half a second, then yellow for one second, then repeats forever. </p>
+ <div class="test"><img src="../support/026.png" alt=""></div>
+</body>
diff --git a/testing/web-platform/tests/png/apng/manual/fcTL-delay-zero-denom-manual.html b/testing/web-platform/tests/png/apng/manual/fcTL-delay-zero-denom-manual.html
new file mode 100644
index 0000000000..eeef22d3da
--- /dev/null
+++ b/testing/web-platform/tests/png/apng/manual/fcTL-delay-zero-denom-manual.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>PNG Third Edition: animated PNG, delays</title>
+<link rel="author" title="Chris Lilley" href="mailto:chris@w3.org">
+<link rel="help" href="https://www.w3.org/TR/png-3/#apng-frame-based-animation">
+<link rel="help" href="https://www.w3.org/TR/png-3/#fcTL-chunk">
+<meta name="assert" content="If the denominator is 0, it is to be treated as if it were 100 (that is, delay_num then specifies 1/100ths of a second).">
+<style>
+ .test {
+ width: 128px;
+ height: 64px;
+ background-color: white;
+ background-image:
+ linear-gradient(45deg, #ccc 25%, transparent 25%),
+ linear-gradient(-45deg, #ccc 25%, transparent 25%),
+ linear-gradient(45deg, transparent 75%, #ccc 75%),
+ linear-gradient(-45deg, transparent 75%, #ccc 75%);
+ background-size: 16px 16px;
+ background-position: 0 0, 0 8px, 8px -8px, -8px 0px;
+ }
+</style>
+<body>
+ <p>Test passes if this flashes blue for half a second, then yellow for one second, then repeats forever. </p>
+ <div class="test"><img src="../support/028.png" alt=""></div>
+</body>
diff --git a/testing/web-platform/tests/png/apng/manual/fcTL-delay-zero-num-manual.html b/testing/web-platform/tests/png/apng/manual/fcTL-delay-zero-num-manual.html
new file mode 100644
index 0000000000..561d01e4db
--- /dev/null
+++ b/testing/web-platform/tests/png/apng/manual/fcTL-delay-zero-num-manual.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>PNG Third Edition: animated PNG, delays</title>
+<link rel="author" title="Chris Lilley" href="mailto:chris@w3.org">
+<link rel="help" href="https://www.w3.org/TR/png-3/#apng-frame-based-animation">
+<link rel="help" href="https://www.w3.org/TR/png-3/#fcTL-chunk">
+<meta name="assert" content="If the the value of the numerator is 0 the decoder should render the next frame as quickly as possible, though viewers may impose a reasonable lower bound.">
+<style>
+ .test {
+ width: 128px;
+ height: 64px;
+ background-color: white;
+ background-image:
+ linear-gradient(45deg, #ccc 25%, transparent 25%),
+ linear-gradient(-45deg, #ccc 25%, transparent 25%),
+ linear-gradient(45deg, transparent 75%, #ccc 75%),
+ linear-gradient(-45deg, transparent 75%, #ccc 75%);
+ background-size: 16px 16px;
+ background-position: 0 0, 0 8px, 8px -8px, -8px 0px;
+ }
+</style>
+<body>
+ <p><i>There may be some brief cyan and magenta flashes; ignore these.</i></p>
+ <p>Test passes if this flashes blue for half a second, then yellow for one second, then repeats forever. </p>
+ <div class="test"><img src="../support/029.png" alt=""></div>
+</body>