Blitz - WPT: quotes-030.html

wpt / css / css-content / quotes-030.html

<!doctype html>
<html lang="en">
<meta charset=utf-8>
<title>CSS Generated Content test: quotes</title>
<meta name="assert" content="quotes:auto with mixed languages uses appropriate CLDR quotes for each language,
based on the parent language (not the language of the element itself)">
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-content-3/#quotes">
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/5478#issuecomment-701507076">
<link rel=match href="reference/quotes-030-ref.html">
<style>
body { font: 32px Arial, Helvetica, Noto Sans, DejaVu Sans, FreeSans, sans-serif; quotes: auto; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p>One <q>two <q lang="ja">three <q lang="fr">four</q></q></q>
<p>One “two <span lang="ja">‘three <span lang="fr">『four』</span>’</span>”

/css/css-content/reference/quotes-030-ref.html

<!doctype html>
<html lang="en">
<meta charset=utf-8>
<title>CSS Generated Content reference: quotes</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<style>
body { font: 32px Arial, Helvetica, Noto Sans, DejaVu Sans, FreeSans, sans-serif; quotes: auto; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p>One “two <span lang="ja">‘three <span lang="fr">『four』</span>’</span>”
<p>One “two <span lang="ja">‘three <span lang="fr">『four』</span>’</span>”