patch 3 - Add some more :lang()-matching reftests.

Depends on D193892

Differential Revision: https://phabricator.services.mozilla.com/D193893

bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=1857742
gecko-commit: 77f410f31503275cb1add8a70c2e547be55000a8
gecko-reviewers: layout-reviewers, dholbert
diff --git a/css/selectors/selectors-4/lang-020.html b/css/selectors/selectors-4/lang-020.html
new file mode 100644
index 0000000..9a17af2
--- /dev/null
+++ b/css/selectors/selectors-4/lang-020.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<meta charset="utf-8">
+<title>CSS Selectors 4 - :lang matching</title>
+<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
+<link rel="help" href="https://drafts.csswg.org/selectors-4/#the-lang-pseudo">
+<link rel="match" href="lang-000-ref.html">
+
+<style>
+div.test { color: red; }
+:lang("iw") { color: green; }
+</style>
+
+<div class="test"><span lang="iw-ase-jpan-basiceng">This should be green</span></div>
diff --git a/css/selectors/selectors-4/lang-021.html b/css/selectors/selectors-4/lang-021.html
new file mode 100644
index 0000000..5e78fca
--- /dev/null
+++ b/css/selectors/selectors-4/lang-021.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<meta charset="utf-8">
+<title>CSS Selectors 4 - :lang matching</title>
+<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
+<link rel="help" href="https://drafts.csswg.org/selectors-4/#the-lang-pseudo">
+<link rel="match" href="lang-000-ref.html">
+
+<style>
+div.test { color: red; }
+span:lang("en-gb-oed") { color: green; }
+span span:lang("*-gb") { color: magenta; }
+</style>
+
+<!-- "en-GB-oed" is a grandfathered tag, matchable as a whole but not parsed
+     into subtags and matched against a range. -->
+<div class="test" lang="en-GB-oed"><span><span>This should be green</span></span></div>
diff --git a/css/selectors/selectors-4/lang-022.html b/css/selectors/selectors-4/lang-022.html
new file mode 100644
index 0000000..5573fa0
--- /dev/null
+++ b/css/selectors/selectors-4/lang-022.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<meta charset="utf-8">
+<title>CSS Selectors 4 - :lang matching</title>
+<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
+<link rel="help" href="https://drafts.csswg.org/selectors-4/#the-lang-pseudo">
+<link rel="match" href="lang-000-ref.html">
+
+<style>
+div.test { color: red; }
+:lang("i-navajo") { color: green; }
+</style>
+
+<div class="test"><span lang="i-navajo">This should be green</span></div>
diff --git a/css/selectors/selectors-4/lang-023.html b/css/selectors/selectors-4/lang-023.html
new file mode 100644
index 0000000..4f13177
--- /dev/null
+++ b/css/selectors/selectors-4/lang-023.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<meta charset="utf-8">
+<title>CSS Selectors 4 - :lang matching</title>
+<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
+<link rel="help" href="https://drafts.csswg.org/selectors-4/#the-lang-pseudo">
+<link rel="match" href="lang-000-ref.html">
+
+<style>
+div.test { color: green; }
+:lang("x") { color: red; } /* not a well-formed lang tag! */
+</style>
+
+<div class="test"><span lang="x-lojban">This should be green</span></div>
diff --git a/css/selectors/selectors-4/lang-024.html b/css/selectors/selectors-4/lang-024.html
new file mode 100644
index 0000000..2cda89c
--- /dev/null
+++ b/css/selectors/selectors-4/lang-024.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<meta charset="utf-8">
+<title>CSS Selectors 4 - :lang matching</title>
+<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
+<link rel="help" href="https://drafts.csswg.org/selectors-4/#the-lang-pseudo">
+<link rel="match" href="lang-000-ref.html">
+
+<style>
+div.test { color: green; }
+:lang("art") { color: red; }
+</style>
+
+<!-- Does not match :lang("art"), because "art-lojban" is a grandfathered tag,
+     not a normal tag composed of standard subtags. The primary language subtag
+     of its normalized equivalent would be "jbo", not "art". -->
+<div class="test"><span lang="art-lojban">This should be green</span></div>
diff --git a/css/selectors/selectors-4/lang-025.html b/css/selectors/selectors-4/lang-025.html
new file mode 100644
index 0000000..0272232
--- /dev/null
+++ b/css/selectors/selectors-4/lang-025.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<meta charset="utf-8">
+<title>CSS Selectors 4 - :lang matching</title>
+<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
+<link rel="help" href="https://drafts.csswg.org/selectors-4/#the-lang-pseudo">
+<link rel="match" href="lang-000-ref.html">
+
+<style>
+div.test { color: red; }
+:lang("art") { color: green; }
+</style>
+
+<!-- This can match :lang("art"), because "-x-lojban" is a private subtag,
+     so this is *not* the grandfathered "art-lojban" tag. -->
+<div class="test"><span lang="art-x-lojban">This should be green</span></div>