[mediaqueries-4][mediaqueries-5][editorial] Added WPTs (#12734)

Author: SebastianZ

mediaqueries-4/Overview.bs

@@ -21,6 +21,8 @@ Abstract:
 Abstract: Media Queries Level 4 describes the mechanism and syntax of media queries, media types, and media features. It extends and supersedes the features defined in Media Queries Level 3.
 Ignored Terms: min-resolution, max-resolution, none, view-mode, mediaText, CSSOMString
 Link Defaults: css-break-3 (property) break-inside
+WPT Path Prefix: css/mediaqueries/
+WPT Display: open
 Can I Use URL: https://drafts.csswg.org/mediaqueries-4/
 Can I Use URL: http://drafts.csswg.org/mediaqueries-4/
 Can I Use URL: https://drafts.csswg.org/mediaqueries/
@@ -144,6 +146,14 @@ Units</h3>
 	defined by the user agent or the user's preferences,
 	not any styling on the page.</span>
 
+	<wpt>
+		relative-units-001.html
+		relative-units-002.html
+		relative-units-003.html
+		relative-units-004.html
+		relative-units-005.html
+	</wpt>
+
 <!--
 ██     ██  ███████
 ███   ███ ██     ██
@@ -218,6 +228,29 @@ Media Queries</h2>
 
 	Unless another feature explicitly specifies that it affects the resolution of Media Queries, it is never necessary to apply a style sheet in order to evaluate expressions.
 
+	<wpt>
+		media-queries-001.xht
+		media-queries-002.xht
+		media-queries-003.xht
+		mq-calc-001.html
+		mq-calc-002.html
+		mq-calc-003.html
+		mq-calc-004.html
+		mq-calc-005.html
+		mq-calc-006.html
+		mq-calc-007.html
+		mq-calc-008.html
+		mq-calc-resolution.html
+		mq-calc-sign-function-001.html
+		mq-calc-sign-function-002.html
+		mq-calc-sign-function-003.html
+		mq-calc-sign-function-004.html
+		mq-calc-sign-function-005.html
+		mq-calc-sign-function-006.html
+		mq-dynamic-empty-children.html
+		test_media_queries.html
+	</wpt>
+
 <h3 id='mq-list'>
 Combining Media Queries</h3>
 
@@ -383,6 +416,10 @@ Media Types</h3>
 	Note: It is expected that all of the media types will also be deprecated in time,
 	as appropriate <a>media features</a> are defined which capture their important differences.
 
+	<wpt>
+		mq-deprecated-001.html
+	</wpt>
+
 <!--
 ████████ ████████    ███    ████████ ██     ██ ████████  ████████  ██████
 ██       ██         ██ ██      ██    ██     ██ ██     ██ ██       ██    ██
@@ -683,6 +720,11 @@ Evaluating Media Features in a Range Context</h4>
 	to avoid introducing unintended semantics.
 	</div>
 
+	<wpt>
+		mq-negative-range-001.html
+		mq-negative-range-002.html
+	</wpt>
+
 <!--
 ██     ██ ████ ██    ██       ██ ██     ██    ███    ██     ██
 ███   ███  ██  ███   ██      ██  ███   ███   ██ ██    ██   ██
@@ -815,6 +857,11 @@ Combining Media Features {#media-conditions}
 	the first one evaluates to false
 	but the second evaluates to true.
 
+	<wpt>
+		negation-001.html
+		negation-002.html
+	</wpt>
+
 <!--
  ██████  ██    ██ ██    ██ ████████    ███    ██     ██
 ██    ██  ██  ██  ███   ██    ██      ██ ██    ██   ██
@@ -895,6 +942,13 @@ Syntax</h2>
 	the <<general-enclosed>> branch must only be chosen if the input does not match either of the preceding branches.
 	<span class='note'><<general-enclosed>> exists to allow for future expansion of the grammar in a reasonably compatible way.</span>
 
+	<wpt>
+		match-media-parsing.html
+		mq-case-insensitive-001.html
+		mq-range-001.html
+		mq-unknown-feature-custom-property.html
+	</wpt>
+
 Evaluating Media Queries {#evaluating}
 --------------------------------------
 
@@ -1064,6 +1118,17 @@ Error Handling</h3>
 		with an invalid selector and contents.
 	</div>
 
+	<wpt>
+		mq-invalid-media-type-001.html
+		mq-invalid-media-type-002.html
+		mq-invalid-media-type-003.html
+		mq-invalid-media-type-004.html
+		mq-invalid-media-type-005.html
+		mq-invalid-media-type-006.html
+		mq-invalid-media-type-layer-001.html
+		mq-invalid-media-type-layer-002.html
+	</wpt>
+
 <!--
 ████████  ████ ██     ██ ████████ ██    ██  ██████  ████  ███████  ██    ██  ██████
 ██     ██  ██  ███   ███ ██       ███   ██ ██    ██  ██  ██     ██ ███   ██ ██    ██
@@ -1120,6 +1185,13 @@ Width: the '@media/width' feature</h3>
 		The ''em'' value is relative to the <a>initial value</a> of 'font-size'.
 	</div>
 
+	<wpt>
+		media-query-matches-in-iframe.html
+		min-width-001.xht
+		min-width-tables-001.html
+		viewport-script-dynamic.html
+	</wpt>
+
 
 <h3 id="height">
 Height: the '@media/height' feature</h3>
@@ -1152,6 +1224,15 @@ Aspect-Ratio: the '@media/aspect-ratio' feature</h3>
 	The '@media/aspect-ratio' media feature is defined as the ratio of the value of the '@media/width' media feature
 	to the value of the '@media/height' media feature.
 
+	<wpt>
+		aspect-ratio-006.html
+		aspect-ratio-005.html
+		aspect-ratio-004.html
+		aspect-ratio-003.html
+		aspect-ratio-002.html
+		aspect-ratio-001.html
+		aspect-ratio-serialization.html
+	</wpt>
 
 <h3 id='orientation'>
 Orientation: the '@media/orientation' feature</h3>
@@ -1388,6 +1469,10 @@ Display Update Frequency: the '@media/update' feature</h3>
 		</pre>
 	</div>
 
+	<wpt>
+		update-media-feature.html
+	</wpt>
+
 <h3 id='mf-overflow-block'>
 Block-Axis Overflow: the '@media/overflow-block' feature</h3>
 
@@ -1438,6 +1523,10 @@ Block-Axis Overflow: the '@media/overflow-block' feature</h3>
 	is encouraged to contact the Working Group
 	so that extensions to this media feature may be considered.
 
+	<wpt>
+		overflow-media-features.html
+	</wpt>
+
 <h3 id='mf-overflow-inline'>
 Inline-Axis Overflow: the '@media/overflow-inline' feature</h3>
 
@@ -1699,6 +1788,14 @@ Color Display Quality: the '@media/color-gamut' feature</h3>
 	you can use this feature in a negated boolean-context fashion:
 	''not (color-gamut)''.
 
+	<wpt>
+		mq-gamut-001.html
+		mq-gamut-002.html
+		mq-gamut-003.html
+		mq-gamut-004.html
+		mq-gamut-005.html
+	</wpt>
+
 <!--
 ████ ██    ██ ████████ ████████ ████████     ███     ██████  ████████ ████  ███████  ██    ██
  ██  ███   ██    ██    ██       ██     ██   ██ ██   ██    ██    ██     ██  ██     ██ ███   ██
@@ -2165,6 +2262,12 @@ device-aspect-ratio</h3>
 		</pre>
 	</div>
 
+	<wpt>
+		device-aspect-ratio-002.html
+		device-aspect-ratio-003.html
+		device-aspect-ratio-004.html
+		device-aspect-ratio-006.html
+	</wpt>
 
 <h2 id="changes" class="no-num">
 Changes</h2>
@@ -2418,3 +2521,24 @@ Yes, as described in the prose above this questionnaire.
 <dt>Does this specification allow downgrading default security characteristics?
 <dd>No.
 </dl>
+
+<wpt hidden title="Media Queries 5 tests">
+	at-custom-media-cssom.html
+	display-mode.html
+	dynamic-range.html
+	forced-colors.html
+	inverted-colors.html
+	prefers-color-scheme-svg-as-image.html
+	prefers-color-scheme-svg-image-normal-with-meta-dark.html
+	prefers-color-scheme-svg-image-normal-with-meta-light.html
+	prefers-color-scheme-svg-image-normal.html
+	prefers-color-scheme-svg-image.html
+	prefers-color-scheme.html
+	prefers-contrast.html
+	prefers-reduced-data.html
+	prefers-reduced-motion.html
+	prefers-reduced-transparency.html
+	scripting-print-noscript.html
+	scripting-print-script.html
+	scripting.html
+</wpt>