summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/CSS2/media
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/css/CSS2/media
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/css/CSS2/media')
-rw-r--r--testing/web-platform/tests/css/CSS2/media/media-dependency-001.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/media/media-dependency-002.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/media/media-dependency-003.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/media/media-dependency-004.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/media/media-dependency-005.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/media/media-dependency-006.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/media/media-dependency-007.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/media/media-dependency-008.xht17
-rw-r--r--testing/web-platform/tests/css/CSS2/media/media-dependency-009.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/media/media-dependency-010.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/media/media-dependency-011.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/media/media-dependency-012.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/media/media-dependency-013.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/media/media-dependency-014.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/media/media-dependency-015.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/media/media-dependency-016.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/media/media-dependency-017.xht23
-rw-r--r--testing/web-platform/tests/css/CSS2/media/support/blue15x15.pngbin0 -> 185 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/media/support/diamond.pngbin0 -> 188 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/media/support/green15x15.pngbin0 -> 170 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/media/support/media-dependency-green.css4
-rw-r--r--testing/web-platform/tests/css/CSS2/media/support/media-dependency-red.css4
-rw-r--r--testing/web-platform/tests/css/CSS2/media/support/pattern-grg-rgr-grg.pngbin0 -> 222 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/media/support/pattern-rgr-grg-rgr.pngbin0 -> 223 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/media/support/ring.pngbin0 -> 715 bytes
-rw-r--r--testing/web-platform/tests/css/CSS2/media/support/swatch-blue.pngbin0 -> 84 bytes
26 files changed, 370 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/media/media-dependency-001.xht b/testing/web-platform/tests/css/CSS2/media/media-dependency-001.xht
new file mode 100644
index 0000000000..dbef307964
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/media-dependency-001.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @media and target mediums</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="@media with a target medium applies styles on that target medium (screen)." />
+ <style type="text/css">
+ @media screen
+ {
+ div
+ {
+ color: green;
+ }
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/media/media-dependency-002.xht b/testing/web-platform/tests/css/CSS2/media/media-dependency-002.xht
new file mode 100644
index 0000000000..e63fc5c251
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/media-dependency-002.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: @import and target mediums</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="@media with a target medium applies styles on that target medium (screen)." />
+ <style type="text/css">
+ @import url("support/media-dependency-green.css") screen;
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/media/media-dependency-003.xht b/testing/web-platform/tests/css/CSS2/media/media-dependency-003.xht
new file mode 100644
index 0000000000..d5bc9496ec
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/media-dependency-003.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Link tags and target mediums</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="Link with a target medium applies styles on that target medium (screen)." />
+ <link rel="stylesheet" type="text/css" media="screen" href="support/media-dependency-green.css" />
+ <style type="text/css"></style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/media/media-dependency-004.xht b/testing/web-platform/tests/css/CSS2/media/media-dependency-004.xht
new file mode 100644
index 0000000000..b8b909daf0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/media-dependency-004.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Case-insensitive media types</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="Media types are case-insensitive." />
+ <style type="text/css">
+ @import url("support/media-dependency-green.css") ScReEn;
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/media/media-dependency-005.xht b/testing/web-platform/tests/css/CSS2/media/media-dependency-005.xht
new file mode 100644
index 0000000000..c7eea0c173
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/media-dependency-005.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Ignoring bad media types with @import</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="User agent ignores media types it does not understand with @import." />
+ <style type="text/css">
+ @import url("support/media-dependency-green.css") foo, bar, screen;
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/media/media-dependency-006.xht b/testing/web-platform/tests/css/CSS2/media/media-dependency-006.xht
new file mode 100644
index 0000000000..3dd7d4440d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/media-dependency-006.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Ignoring bad media types with @media</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="flags" content="invalid" />
+ <meta name="assert" content="User agent ignores media types it does not understand with @media." />
+ <style type="text/css">
+ @media foo, bar, screen
+ {
+ div
+ {
+ color: green;
+ }
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/media/media-dependency-007.xht b/testing/web-platform/tests/css/CSS2/media/media-dependency-007.xht
new file mode 100644
index 0000000000..3a72aa303b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/media-dependency-007.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Non-matching target mediums</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The @media block does not apply because it does not match the target medium." />
+ <style type="text/css">
+ @media print
+ {
+ div
+ {
+ color: red;
+ }
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/media/media-dependency-008.xht b/testing/web-platform/tests/css/CSS2/media/media-dependency-008.xht
new file mode 100644
index 0000000000..6f150ddf77
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/media-dependency-008.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Non-matching target mediums and @import</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The @import command does not apply because it does not match the target medium." />
+ <style type="text/css">
+ @import url("support/media-dependency-red.css") print;
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/media/media-dependency-009.xht b/testing/web-platform/tests/css/CSS2/media/media-dependency-009.xht
new file mode 100644
index 0000000000..2272f81171
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/media-dependency-009.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Matching the 'All' target medium</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="The 'all' media type applies to the screen medium." />
+ <style type="text/css">
+ @media all
+ {
+ div
+ {
+ color: green;
+ }
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/media/media-dependency-010.xht b/testing/web-platform/tests/css/CSS2/media/media-dependency-010.xht
new file mode 100644
index 0000000000..642725dd4f
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/media-dependency-010.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Non-matching target mediums (braille)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'braille' media type does not apply to the screen medium." />
+ <style type="text/css">
+ @media braille
+ {
+ div
+ {
+ color: red;
+ }
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/media/media-dependency-011.xht b/testing/web-platform/tests/css/CSS2/media/media-dependency-011.xht
new file mode 100644
index 0000000000..37245e1c06
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/media-dependency-011.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Non-matching target mediums (embossed)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'embossed' media type does not apply to the screen medium." />
+ <style type="text/css">
+ @media embossed
+ {
+ div
+ {
+ color: red;
+ }
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/media/media-dependency-012.xht b/testing/web-platform/tests/css/CSS2/media/media-dependency-012.xht
new file mode 100644
index 0000000000..d67320f1fa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/media-dependency-012.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Non-matching target mediums (handheld)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'handheld' media type does not apply to the screen medium." />
+ <style type="text/css">
+ @media handheld
+ {
+ div
+ {
+ color: red;
+ }
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/media/media-dependency-013.xht b/testing/web-platform/tests/css/CSS2/media/media-dependency-013.xht
new file mode 100644
index 0000000000..c64593c577
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/media-dependency-013.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Non-matching target mediums (projection)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'projection' media type does not apply to the screen medium." />
+ <style type="text/css">
+ @media projection
+ {
+ div
+ {
+ color: red;
+ }
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/media/media-dependency-014.xht b/testing/web-platform/tests/css/CSS2/media/media-dependency-014.xht
new file mode 100644
index 0000000000..ccea54a6b0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/media-dependency-014.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Non-matching target mediums (speech)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'speech' media type does not apply to the screen medium." />
+ <style type="text/css">
+ @media speech
+ {
+ div
+ {
+ color: red;
+ }
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/media/media-dependency-015.xht b/testing/web-platform/tests/css/CSS2/media/media-dependency-015.xht
new file mode 100644
index 0000000000..498d0ad84b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/media-dependency-015.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Non-matching target mediums (tty)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'tty' media type does not apply to the screen medium." />
+ <style type="text/css">
+ @media tty
+ {
+ div
+ {
+ color: red;
+ }
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/media/media-dependency-016.xht b/testing/web-platform/tests/css/CSS2/media/media-dependency-016.xht
new file mode 100644
index 0000000000..816f642aa1
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/media-dependency-016.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Non-matching target mediums (tv)</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html" />
+ <link rel="match" href="../reference/no-red-filler-text-ref.xht"/>
+ <meta name="assert" content="The 'tv' media type does not apply to the screen medium." />
+ <style type="text/css">
+ @media tv
+ {
+ div
+ {
+ color: red;
+ }
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/media/media-dependency-017.xht b/testing/web-platform/tests/css/CSS2/media/media-dependency-017.xht
new file mode 100644
index 0000000000..e570e5e2a6
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/media-dependency-017.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Multiple target mediums</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/media.html" />
+ <link rel="match" href="../reference/filler-text-below-green.xht"/>
+ <meta name="assert" content="An '@media' rule specifies the target media types separated by commas." />
+ <style type="text/css">
+ @media screen, print
+ {
+ div
+ {
+ color: green;
+ }
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <div>Filler Text</div>
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/media/support/blue15x15.png b/testing/web-platform/tests/css/CSS2/media/support/blue15x15.png
new file mode 100644
index 0000000000..89de32fdb8
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/support/blue15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/media/support/diamond.png b/testing/web-platform/tests/css/CSS2/media/support/diamond.png
new file mode 100644
index 0000000000..51112efc7c
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/support/diamond.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/media/support/green15x15.png b/testing/web-platform/tests/css/CSS2/media/support/green15x15.png
new file mode 100644
index 0000000000..51741584a0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/support/green15x15.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/media/support/media-dependency-green.css b/testing/web-platform/tests/css/CSS2/media/support/media-dependency-green.css
new file mode 100644
index 0000000000..1274411ed0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/support/media-dependency-green.css
@@ -0,0 +1,4 @@
+div
+{
+ color: green;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/media/support/media-dependency-red.css b/testing/web-platform/tests/css/CSS2/media/support/media-dependency-red.css
new file mode 100644
index 0000000000..747d0b7193
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/support/media-dependency-red.css
@@ -0,0 +1,4 @@
+div
+{
+ color: red;
+} \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/media/support/pattern-grg-rgr-grg.png b/testing/web-platform/tests/css/CSS2/media/support/pattern-grg-rgr-grg.png
new file mode 100644
index 0000000000..9b88fbd811
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/support/pattern-grg-rgr-grg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/media/support/pattern-rgr-grg-rgr.png b/testing/web-platform/tests/css/CSS2/media/support/pattern-rgr-grg-rgr.png
new file mode 100644
index 0000000000..d454e3a630
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/support/pattern-rgr-grg-rgr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/media/support/ring.png b/testing/web-platform/tests/css/CSS2/media/support/ring.png
new file mode 100644
index 0000000000..061bb94eba
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/support/ring.png
Binary files differ
diff --git a/testing/web-platform/tests/css/CSS2/media/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/media/support/swatch-blue.png
new file mode 100644
index 0000000000..bf2759634d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/media/support/swatch-blue.png
Binary files differ