Update web-platform-tests to revision 8da19eeb64e1dbcc32cabc2961a44e15635d116f

This commit is contained in:
WPT Sync Bot 2019-07-04 10:26:17 +00:00
parent b32bff3b97
commit 120d9aa5dc
298 changed files with 9286 additions and 3047 deletions

View file

@ -0,0 +1,30 @@
<!DOCTYPE html>
<html>
<head>
<script nonce='abc' src="/resources/testharness.js"></script>
<script nonce='abc' src="/resources/testharnessreport.js"></script>
<!-- CSP headers
Content-Security-Policy-Report-Only: script-src 'unsafe-inline' 'nonce-abc'; report-uri ../support/report.py?op=put&reportID={{$id}}
-->
</head>
<body>
<script nonce='abc'>
var t = async_test("Eval is allowed because the CSP is report-only");
var t_spv = async_test("SPV event is still raised");
t_spv.step_timeout(t_spv.unreached_func("SPV event has not been received"), 3000);
document.addEventListener('securitypolicyviolation', t_spv.step_func(e => {
assert_equals(e.violatedDirective, "script-src");
assert_equals(e.blockedURI, "eval");
}));
try {
eval("t.done()");
} catch {
t.step(t.unreached_func("The eval should have executed succesfully"));
t_spv.step(tsv_unreached_func("The eval execution should have triggered a securitypolicyviolation event"));
}
</script>
<script nonce='abc' async defer src='../support/checkReport.sub.js?reportField=violated-directive&reportValue=script-src%20%27unsafe-inline%27'></script>
</body>
</html>

View file

@ -0,0 +1,4 @@
Cache-Control: no-store, no-cache, must-revalidate
Pragma: no-cache
Set-Cookie: report-only-unsafe-eval={{$id:uuid()}}; Path=/content-security-policy/reporting/
Content-Security-Policy-Report-Only: script-src 'unsafe-inline' 'nonce-abc'; report-uri ../support/report.py?op=put&reportID={{$id}}

View file

@ -23,7 +23,7 @@
p.six {margin-left: auto; width: auto; margin-right: 0;}
p.seven {margin-left: 0; width: auto; margin-right: auto;}
p.eight {margin-left: auto; width: auto; margin-right: auto;}
p.nine {padding-left: auto; padding-right: auto; margin-left: 0; margin-right: 0; width: 50%;}
p.nine {padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; width: 50%;}
p.ten {margin-left: auto; width: 100%; margin-right: auto;}
]]></style>
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" title="10.3.3 Block-level, non-replaced elements in normal flow"/>

View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<title>CSS Test: Check inline negative margin should not cause the line to wrap</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<link rel="help" href="https://crbug.com/979894">
<link rel="help" href="https://drafts.csswg.org/css2/visudet.html#inline-width">
<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org">
<style>
html, body { margin: 0; }
div {
font-family: Ahem;
font-size: 10px;
line-height: 1;
}
#container {
display: inline-block;
}
span {
color: orange;
}
</style>
<body>
<div id="container" data-expected-height=10>123 <span style="margin-left: -8ch">1234 </span></div>
<script>checkLayout('#container');</script>
</body>

View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#blockwidth">
<style>
html {
width: 100px;
margin-left: auto;
}
body { /* Just to make testharness display nicely. */
position: absolute;
left: 0;
right: 0;
}
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script>
test(()=> {
var viewport_width = window.innerWidth;
var html = document.documentElement;
assert_equals(html.offsetLeft, viewport_width - 100);
}, "Root element auto margins resolve");
</script>

View file

@ -1,33 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Background and Border Test:background-size conflicts with background-attachment</title>
<link rel="author" title="xiaochun" href="mailto:stenders@163.com">
<link rel="reviewer" title="Jinlong Zhang" href="mailto:jinlongz@oupeng.com"><!--2012/10/21-->
<link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size">
<link rel="match" href="reference/background-size-ref.html">
<meta name="assert" content="The test passes if we can see the background-image is exactly same as above.">
<style type="text/css">
.backgroundSize{
width:295px;
height:289px;
background-image:url(support/bg.jpg);
background-repeat:no-repeat;
background-size:cover;
background-attachment:fixed;
}
</style>
</head>
<body>
The image used as background-image is :<br />
<img src="support/bg.jpg" />
<p>The test passes if we can see the background-image is exactly same as above.</p>
<div class="container">
<!-- This is the box that should only contains an image if the test passes -->
<div class="backgroundSize">
</div>
</div>
</body>
</html>

View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="help" href="https://www.w3.org/TR/css-break-3/#possible-breaks">
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<style>
fieldset { margin:0; border:none; padding:0; }
.block { break-inside:avoid; height:50px; background:green; }
.fail { background:red; }
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div style="columns:2; column-fill:auto; width:100px; height:140px; column-gap:0; overflow:hidden;">
<fieldset>
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
<!-- No room for this - should be clipped: -->
<div class="block fail"></div>
</fieldset>
</div>

View file

@ -4,6 +4,7 @@
<title>math-script-level</title>
<meta charset="utf-8">
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3746">
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-math-script-level-property">
<meta name="assert" content="Check the resolved value of math-script-level">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>

View file

@ -4,6 +4,7 @@
<title>math-script-level</title>
<meta charset="utf-8">
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3746">
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-math-script-level-property">
<meta name="assert" content="Verify effect of math-script-level auto | add(<integer>) | <integer>, starting from different values of math-script-level.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>

View file

@ -4,6 +4,7 @@
<title>math-script-level</title>
<meta charset="utf-8">
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3746">
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-math-script-level-property">
<meta name="assert" content="If font-size is specified or if the specified value of math-script-level is initial then math-script-level does not affect the computed value of font-size.">
<link rel="match" href="math-script-level-003.tentative-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />

View file

@ -4,6 +4,7 @@
<title>math-script-level</title>
<meta charset="utf-8">
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3746">
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-math-script-level-property">
<meta name="assert" content="Check the resolved value of math-script-level">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>

View file

@ -5,6 +5,7 @@
<meta charset="utf-8">
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3746">
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3906">
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-math-script-level-property">
<meta name="assert" content="If the computed font-size is changed because of font-family change, math-script-level does not affect the computed value of font-size.">
<link rel="match" href="math-script-level-005.tentative-ref.html">
</head>

View file

@ -4,6 +4,8 @@
<title>math-script-level: auto and math-style</title>
<meta charset="utf-8">
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3746">
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-math-script-level-property">
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-math-style-property">
<meta name="assert" content="If math-script-level is 'auto' and the inherited value of math-style is 'display' then the computed value of math-script-level is the inherited value.">
<link rel="match" href="math-script-level-auto-and-math-style-001.tentative-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />

View file

@ -4,6 +4,8 @@
<title>math-script-level: auto and math-style</title>
<meta charset="utf-8">
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3746">
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-math-script-level-property">
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-math-style-property">
<meta name="assert" content="If math-script-level is 'auto' and the inherited value of math-style is 'inline' then the computed value of math-script-level is the inherited value plus one.">
<link rel="match" href="math-script-level-auto-and-math-style-002.tentative-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />

View file

@ -4,6 +4,8 @@
<title>math-script-level: auto and math-style</title>
<meta charset="utf-8">
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3746">
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-math-script-level-property">
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-math-style-property">
<meta name="assert" content="Initial value of math-style is 'inline'">
<link rel="match" href="math-script-level-auto-and-math-style-003.tentative-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />

View file

@ -4,6 +4,8 @@
<title>math-script-level: auto and math-style</title>
<meta charset="utf-8">
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3746">
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-math-script-level-property">
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-math-style-property">
<meta name="assert" content="Initial value of math-style is 'inline'">
<link rel="match" href="math-script-level-auto-and-math-style-004.tentative-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />

View file

@ -4,6 +4,8 @@
<title>math-script-level: auto and math-style</title>
<meta charset="utf-8">
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3746">
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-math-script-level-property">
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-math-style-property">
<meta name="assert" content="math-style is inherited">
<link rel="match" href="math-script-level-auto-and-math-style-005.tentative-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />

View file

@ -4,6 +4,7 @@
<title>math-script-level clamping</title>
<meta charset="utf-8">
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3739">
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-math-script-level-property">
<meta name="assert" content="Clamping due to browser's min font size only affects the used size.">
<link rel="match" href="math-script-level-font-size-clamping-001.tentative-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />

View file

@ -4,6 +4,7 @@
<title>math-style</title>
<meta charset="utf-8">
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3746">
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-math-style-property">
<meta name="assert" content="Check the resolved value of math-style">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>

View file

@ -0,0 +1,8 @@
<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#abs-non-replaced-width">
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div style="position:relative; width:100px; height:100px; background:red;">
<fieldset style="position:absolute; left:0; top:0; right:0; bottom:0; margin:0; border:none; background:green;"></fieldset>
</div>

View file

@ -0,0 +1,8 @@
<!DOCTYPE html>
<style>
body { overflow:hidden; }
</style>
<p>The word PASS should be visible below.</p>
<div style="position:absolute; height:5em; overflow-y:scroll;">
<div style="height:15em;">PASS</div>
</div>

View file

@ -0,0 +1,16 @@
<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="help" href="https://www.w3.org/TR/css-sizing-3/#valdef-width-fit-content-length-percentage">
<link rel="match" href="auto-scrollbar-inside-stf-abspos-ref.html">
<style>
/* Set non-auto overflow on the viewport, so that the UA is more likely to get
the size right the first time. Otherwise, a re-layout might hide the bug
that we're trying to test. */
body { overflow:hidden; }
</style>
<p>The word PASS should be visible below.</p>
<div style="position:absolute;">
<div style="height:5em; overflow-y:auto;">
<div style="height:15em;">PASS</div>
</div>
</div>

View file

@ -0,0 +1,139 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-transform math-auto (reference)</title>
<style>
@font-face {
font-family: TestFont;
src: url("/fonts/math/mathvariant-italic.woff");
}
body > span {
padding: 10px;
}
span > span {
font-family: monospace;
font-size: 10px;
}
.testfont {
font-family: TestFont;
font-size: 10px;
}
</style>
<body>
<!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
<p>Test passes if all the equalities below are true.</p>
<span><span class="testfont">&#x1D715;</span>=<span>1D715</span></span>
<span><span class="testfont">&#x1D6FB;</span>=<span>1D6FB</span></span>
<span><span class="testfont">&#x1D6A5;</span>=<span>1D6A5</span></span>
<span><span class="testfont">&#x1D434;</span>=<span>1D434</span></span>
<span><span class="testfont">&#x1D435;</span>=<span>1D435</span></span>
<span><span class="testfont">&#x1D436;</span>=<span>1D436</span></span>
<span><span class="testfont">&#x1D437;</span>=<span>1D437</span></span>
<span><span class="testfont">&#x1D438;</span>=<span>1D438</span></span>
<span><span class="testfont">&#x1D439;</span>=<span>1D439</span></span>
<span><span class="testfont">&#x1D43A;</span>=<span>1D43A</span></span><br/>
<span><span class="testfont">&#x1D43B;</span>=<span>1D43B</span></span>
<span><span class="testfont">&#x1D43C;</span>=<span>1D43C</span></span>
<span><span class="testfont">&#x1D43D;</span>=<span>1D43D</span></span>
<span><span class="testfont">&#x1D43E;</span>=<span>1D43E</span></span>
<span><span class="testfont">&#x1D43F;</span>=<span>1D43F</span></span>
<span><span class="testfont">&#x1D440;</span>=<span>1D440</span></span>
<span><span class="testfont">&#x1D441;</span>=<span>1D441</span></span>
<span><span class="testfont">&#x1D442;</span>=<span>1D442</span></span>
<span><span class="testfont">&#x1D443;</span>=<span>1D443</span></span>
<span><span class="testfont">&#x1D444;</span>=<span>1D444</span></span><br/>
<span><span class="testfont">&#x1D445;</span>=<span>1D445</span></span>
<span><span class="testfont">&#x1D446;</span>=<span>1D446</span></span>
<span><span class="testfont">&#x1D447;</span>=<span>1D447</span></span>
<span><span class="testfont">&#x1D448;</span>=<span>1D448</span></span>
<span><span class="testfont">&#x1D449;</span>=<span>1D449</span></span>
<span><span class="testfont">&#x1D44A;</span>=<span>1D44A</span></span>
<span><span class="testfont">&#x1D44B;</span>=<span>1D44B</span></span>
<span><span class="testfont">&#x1D44C;</span>=<span>1D44C</span></span>
<span><span class="testfont">&#x1D44D;</span>=<span>1D44D</span></span>
<span><span class="testfont">&#x1D44E;</span>=<span>1D44E</span></span><br/>
<span><span class="testfont">&#x1D44F;</span>=<span>1D44F</span></span>
<span><span class="testfont">&#x1D450;</span>=<span>1D450</span></span>
<span><span class="testfont">&#x1D451;</span>=<span>1D451</span></span>
<span><span class="testfont">&#x1D452;</span>=<span>1D452</span></span>
<span><span class="testfont">&#x1D453;</span>=<span>1D453</span></span>
<span><span class="testfont">&#x1D454;</span>=<span>1D454</span></span>
<span><span class="testfont">&#x210E;</span>=<span>0210E</span></span>
<span><span class="testfont">&#x1D456;</span>=<span>1D456</span></span>
<span><span class="testfont">&#x1D457;</span>=<span>1D457</span></span>
<span><span class="testfont">&#x1D458;</span>=<span>1D458</span></span><br/>
<span><span class="testfont">&#x1D459;</span>=<span>1D459</span></span>
<span><span class="testfont">&#x1D45A;</span>=<span>1D45A</span></span>
<span><span class="testfont">&#x1D45B;</span>=<span>1D45B</span></span>
<span><span class="testfont">&#x1D45C;</span>=<span>1D45C</span></span>
<span><span class="testfont">&#x1D45D;</span>=<span>1D45D</span></span>
<span><span class="testfont">&#x1D45E;</span>=<span>1D45E</span></span>
<span><span class="testfont">&#x1D45F;</span>=<span>1D45F</span></span>
<span><span class="testfont">&#x1D460;</span>=<span>1D460</span></span>
<span><span class="testfont">&#x1D461;</span>=<span>1D461</span></span>
<span><span class="testfont">&#x1D462;</span>=<span>1D462</span></span><br/>
<span><span class="testfont">&#x1D463;</span>=<span>1D463</span></span>
<span><span class="testfont">&#x1D464;</span>=<span>1D464</span></span>
<span><span class="testfont">&#x1D465;</span>=<span>1D465</span></span>
<span><span class="testfont">&#x1D466;</span>=<span>1D466</span></span>
<span><span class="testfont">&#x1D467;</span>=<span>1D467</span></span>
<span><span class="testfont">&#x1D6A4;</span>=<span>1D6A4</span></span>
<span><span class="testfont">&#x1D6E2;</span>=<span>1D6E2</span></span>
<span><span class="testfont">&#x1D6E3;</span>=<span>1D6E3</span></span>
<span><span class="testfont">&#x1D6E4;</span>=<span>1D6E4</span></span>
<span><span class="testfont">&#x1D6E5;</span>=<span>1D6E5</span></span><br/>
<span><span class="testfont">&#x1D6E6;</span>=<span>1D6E6</span></span>
<span><span class="testfont">&#x1D6E7;</span>=<span>1D6E7</span></span>
<span><span class="testfont">&#x1D6E8;</span>=<span>1D6E8</span></span>
<span><span class="testfont">&#x1D6E9;</span>=<span>1D6E9</span></span>
<span><span class="testfont">&#x1D6EA;</span>=<span>1D6EA</span></span>
<span><span class="testfont">&#x1D6EB;</span>=<span>1D6EB</span></span>
<span><span class="testfont">&#x1D6EC;</span>=<span>1D6EC</span></span>
<span><span class="testfont">&#x1D6ED;</span>=<span>1D6ED</span></span>
<span><span class="testfont">&#x1D6EE;</span>=<span>1D6EE</span></span>
<span><span class="testfont">&#x1D6EF;</span>=<span>1D6EF</span></span><br/>
<span><span class="testfont">&#x1D6F0;</span>=<span>1D6F0</span></span>
<span><span class="testfont">&#x1D6F1;</span>=<span>1D6F1</span></span>
<span><span class="testfont">&#x1D6F2;</span>=<span>1D6F2</span></span>
<span><span class="testfont">&#x1D6F4;</span>=<span>1D6F4</span></span>
<span><span class="testfont">&#x1D6F5;</span>=<span>1D6F5</span></span>
<span><span class="testfont">&#x1D6F6;</span>=<span>1D6F6</span></span>
<span><span class="testfont">&#x1D6F7;</span>=<span>1D6F7</span></span>
<span><span class="testfont">&#x1D6F8;</span>=<span>1D6F8</span></span>
<span><span class="testfont">&#x1D6F9;</span>=<span>1D6F9</span></span>
<span><span class="testfont">&#x1D6FA;</span>=<span>1D6FA</span></span><br/>
<span><span class="testfont">&#x1D6FC;</span>=<span>1D6FC</span></span>
<span><span class="testfont">&#x1D6FD;</span>=<span>1D6FD</span></span>
<span><span class="testfont">&#x1D6FE;</span>=<span>1D6FE</span></span>
<span><span class="testfont">&#x1D6FF;</span>=<span>1D6FF</span></span>
<span><span class="testfont">&#x1D700;</span>=<span>1D700</span></span>
<span><span class="testfont">&#x1D701;</span>=<span>1D701</span></span>
<span><span class="testfont">&#x1D702;</span>=<span>1D702</span></span>
<span><span class="testfont">&#x1D703;</span>=<span>1D703</span></span>
<span><span class="testfont">&#x1D704;</span>=<span>1D704</span></span>
<span><span class="testfont">&#x1D705;</span>=<span>1D705</span></span><br/>
<span><span class="testfont">&#x1D706;</span>=<span>1D706</span></span>
<span><span class="testfont">&#x1D707;</span>=<span>1D707</span></span>
<span><span class="testfont">&#x1D708;</span>=<span>1D708</span></span>
<span><span class="testfont">&#x1D709;</span>=<span>1D709</span></span>
<span><span class="testfont">&#x1D70A;</span>=<span>1D70A</span></span>
<span><span class="testfont">&#x1D70B;</span>=<span>1D70B</span></span>
<span><span class="testfont">&#x1D70C;</span>=<span>1D70C</span></span>
<span><span class="testfont">&#x1D70D;</span>=<span>1D70D</span></span>
<span><span class="testfont">&#x1D70E;</span>=<span>1D70E</span></span>
<span><span class="testfont">&#x1D70F;</span>=<span>1D70F</span></span><br/>
<span><span class="testfont">&#x1D710;</span>=<span>1D710</span></span>
<span><span class="testfont">&#x1D711;</span>=<span>1D711</span></span>
<span><span class="testfont">&#x1D712;</span>=<span>1D712</span></span>
<span><span class="testfont">&#x1D713;</span>=<span>1D713</span></span>
<span><span class="testfont">&#x1D714;</span>=<span>1D714</span></span>
<span><span class="testfont">&#x1D717;</span>=<span>1D717</span></span>
<span><span class="testfont">&#x1D719;</span>=<span>1D719</span></span>
<span><span class="testfont">&#x1D71B;</span>=<span>1D71B</span></span>
<span><span class="testfont">&#x1D718;</span>=<span>1D718</span></span>
<span><span class="testfont">&#x1D71A;</span>=<span>1D71A</span></span><br/>
<span><span class="testfont">&#x1D6F3;</span>=<span>1D6F3</span></span>
<span><span class="testfont">&#x1D716;</span>=<span>1D716</span></span>
</body>
</html>

View file

@ -0,0 +1,143 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-transform math-auto</title>
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
<link rel="match" href="text-transform-math-auto-001.tentative-ref.html"/>
<meta name="assert" content="Verify that a character with 'text-transform: math-auto' renders the same as the transformed unicode character.">
<style>
@font-face {
font-family: TestFont;
src: url("/fonts/math/mathvariant-italic.woff");
}
body > span {
padding: 10px;
}
span > span {
font-family: monospace;
font-size: 10px;
}
.testfont {
font-family: TestFont;
font-size: 10px;
}
</style>
<body>
<!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
<p>Test passes if all the equalities below are true.</p>
<span><span class="testfont" style="text-transform: math-auto">&#x2202;</span>=<span>1D715</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x2207;</span>=<span>1D6FB</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x237;</span>=<span>1D6A5</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x41;</span>=<span>1D434</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x42;</span>=<span>1D435</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x43;</span>=<span>1D436</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x44;</span>=<span>1D437</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x45;</span>=<span>1D438</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x46;</span>=<span>1D439</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x47;</span>=<span>1D43A</span></span><br/>
<span><span class="testfont" style="text-transform: math-auto">&#x48;</span>=<span>1D43B</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x49;</span>=<span>1D43C</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x4A;</span>=<span>1D43D</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x4B;</span>=<span>1D43E</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x4C;</span>=<span>1D43F</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x4D;</span>=<span>1D440</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x4E;</span>=<span>1D441</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x4F;</span>=<span>1D442</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x50;</span>=<span>1D443</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x51;</span>=<span>1D444</span></span><br/>
<span><span class="testfont" style="text-transform: math-auto">&#x52;</span>=<span>1D445</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x53;</span>=<span>1D446</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x54;</span>=<span>1D447</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x55;</span>=<span>1D448</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x56;</span>=<span>1D449</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x57;</span>=<span>1D44A</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x58;</span>=<span>1D44B</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x59;</span>=<span>1D44C</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x5A;</span>=<span>1D44D</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x61;</span>=<span>1D44E</span></span><br/>
<span><span class="testfont" style="text-transform: math-auto">&#x62;</span>=<span>1D44F</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x63;</span>=<span>1D450</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x64;</span>=<span>1D451</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x65;</span>=<span>1D452</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x66;</span>=<span>1D453</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x67;</span>=<span>1D454</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x68;</span>=<span>0210E</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x69;</span>=<span>1D456</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x6A;</span>=<span>1D457</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x6B;</span>=<span>1D458</span></span><br/>
<span><span class="testfont" style="text-transform: math-auto">&#x6C;</span>=<span>1D459</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x6D;</span>=<span>1D45A</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x6E;</span>=<span>1D45B</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x6F;</span>=<span>1D45C</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x70;</span>=<span>1D45D</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x71;</span>=<span>1D45E</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x72;</span>=<span>1D45F</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x73;</span>=<span>1D460</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x74;</span>=<span>1D461</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x75;</span>=<span>1D462</span></span><br/>
<span><span class="testfont" style="text-transform: math-auto">&#x76;</span>=<span>1D463</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x77;</span>=<span>1D464</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x78;</span>=<span>1D465</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x79;</span>=<span>1D466</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x7A;</span>=<span>1D467</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x131;</span>=<span>1D6A4</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x391;</span>=<span>1D6E2</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x392;</span>=<span>1D6E3</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x393;</span>=<span>1D6E4</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x394;</span>=<span>1D6E5</span></span><br/>
<span><span class="testfont" style="text-transform: math-auto">&#x395;</span>=<span>1D6E6</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x396;</span>=<span>1D6E7</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x397;</span>=<span>1D6E8</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x398;</span>=<span>1D6E9</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x399;</span>=<span>1D6EA</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x39A;</span>=<span>1D6EB</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x39B;</span>=<span>1D6EC</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x39C;</span>=<span>1D6ED</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x39D;</span>=<span>1D6EE</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x39E;</span>=<span>1D6EF</span></span><br/>
<span><span class="testfont" style="text-transform: math-auto">&#x39F;</span>=<span>1D6F0</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x3A0;</span>=<span>1D6F1</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x3A1;</span>=<span>1D6F2</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x3A3;</span>=<span>1D6F4</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x3A4;</span>=<span>1D6F5</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x3A5;</span>=<span>1D6F6</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x3A6;</span>=<span>1D6F7</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x3A7;</span>=<span>1D6F8</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x3A8;</span>=<span>1D6F9</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x3A9;</span>=<span>1D6FA</span></span><br/>
<span><span class="testfont" style="text-transform: math-auto">&#x3B1;</span>=<span>1D6FC</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x3B2;</span>=<span>1D6FD</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x3B3;</span>=<span>1D6FE</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x3B4;</span>=<span>1D6FF</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x3B5;</span>=<span>1D700</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x3B6;</span>=<span>1D701</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x3B7;</span>=<span>1D702</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x3B8;</span>=<span>1D703</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x3B9;</span>=<span>1D704</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x3BA;</span>=<span>1D705</span></span><br/>
<span><span class="testfont" style="text-transform: math-auto">&#x3BB;</span>=<span>1D706</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x3BC;</span>=<span>1D707</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x3BD;</span>=<span>1D708</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x3BE;</span>=<span>1D709</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x3BF;</span>=<span>1D70A</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x3C0;</span>=<span>1D70B</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x3C1;</span>=<span>1D70C</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x3C2;</span>=<span>1D70D</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x3C3;</span>=<span>1D70E</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x3C4;</span>=<span>1D70F</span></span><br/>
<span><span class="testfont" style="text-transform: math-auto">&#x3C5;</span>=<span>1D710</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x3C6;</span>=<span>1D711</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x3C7;</span>=<span>1D712</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x3C8;</span>=<span>1D713</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x3C9;</span>=<span>1D714</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x3D1;</span>=<span>1D717</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x3D5;</span>=<span>1D719</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x3D6;</span>=<span>1D71B</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x3F0;</span>=<span>1D718</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x3F1;</span>=<span>1D71A</span></span><br/>
<span><span class="testfont" style="text-transform: math-auto">&#x3F4;</span>=<span>1D6F3</span></span>
<span><span class="testfont" style="text-transform: math-auto">&#x3F5;</span>=<span>1D716</span></span>
</body>
</html>

View file

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-transform math-auto (reference)</title>
<style>
@font-face {
font-family: TestFont;
src: url("/fonts/math/mathvariant-italic.woff");
}
body > div {
padding: 10px;
}
div > span {
font-family: monospace;
font-size: 16px;
}
.testfont {
font-family: TestFont;
font-size: 16px;
}
</style>
<body>
<p>Test passes if all the equalities below are true.</p>
<div>Single character: <span class="testfont">&#x1D715;</span>=<span>1D715</span></div>
<div>Two characters: <span class="testfont">&#x2202;&#x2207;</span>=<span>0220202207</span></div>
<div>Three characters: <span class="testfont">&#x2202;&#x2207;&#x237;</span>=<span>022020220700237</span></div>
</body>
</html>

View file

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-transform math-auto</title>
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>
<link rel="match" href="text-transform-math-auto-002.tentative-ref.html"/>
<meta name="assert" content="Test 'text-transform: math-auto' for text nodes of different lengths">
<style>
@font-face {
font-family: TestFont;
src: url("/fonts/math/mathvariant-italic.woff");
}
body > div {
padding: 10px;
}
div > span {
font-family: monospace;
font-size: 16px;
}
.testfont {
font-family: TestFont;
font-size: 16px;
}
</style>
<body>
<p>Test passes if all the equalities below are true.</p>
<div>Single character: <span class="testfont" style="text-transform: math-auto">&#x2202;</span>=<span>1D715</span></div>
<div>Two characters: <span class="testfont" style="text-transform: math-auto">&#x2202;&#x2207;</span>=<span>0220202207</span></div>
<div>Three characters: <span class="testfont" style="text-transform: math-auto">&#x2202;&#x2207;&#x237;</span>=<span>022020220700237</span></div>
</body>
</html>

View file

@ -0,0 +1,149 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-transform math-bold (reference)</title>
<style>
@font-face {
font-family: TestFont;
src: url("/fonts/math/mathvariant-bold.woff");
}
body > span {
padding: 10px;
}
span > span {
font-family: monospace;
font-size: 10px;
}
.testfont {
font-family: TestFont;
font-size: 10px;
}
</style>
<body>
<!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
<p>Test passes if all the equalities below are true.</p>
<span><span class="testfont">&#x1D6DB;</span>=<span>1D6DB</span></span>
<span><span class="testfont">&#x1D6C1;</span>=<span>1D6C1</span></span>
<span><span class="testfont">&#x1D7CE;</span>=<span>1D7CE</span></span>
<span><span class="testfont">&#x1D7CF;</span>=<span>1D7CF</span></span>
<span><span class="testfont">&#x1D7D0;</span>=<span>1D7D0</span></span>
<span><span class="testfont">&#x1D7D1;</span>=<span>1D7D1</span></span>
<span><span class="testfont">&#x1D7D2;</span>=<span>1D7D2</span></span>
<span><span class="testfont">&#x1D7D3;</span>=<span>1D7D3</span></span>
<span><span class="testfont">&#x1D7D4;</span>=<span>1D7D4</span></span>
<span><span class="testfont">&#x1D7D5;</span>=<span>1D7D5</span></span><br/>
<span><span class="testfont">&#x1D7D6;</span>=<span>1D7D6</span></span>
<span><span class="testfont">&#x1D7D7;</span>=<span>1D7D7</span></span>
<span><span class="testfont">&#x1D400;</span>=<span>1D400</span></span>
<span><span class="testfont">&#x1D401;</span>=<span>1D401</span></span>
<span><span class="testfont">&#x1D402;</span>=<span>1D402</span></span>
<span><span class="testfont">&#x1D403;</span>=<span>1D403</span></span>
<span><span class="testfont">&#x1D404;</span>=<span>1D404</span></span>
<span><span class="testfont">&#x1D405;</span>=<span>1D405</span></span>
<span><span class="testfont">&#x1D406;</span>=<span>1D406</span></span>
<span><span class="testfont">&#x1D407;</span>=<span>1D407</span></span><br/>
<span><span class="testfont">&#x1D408;</span>=<span>1D408</span></span>
<span><span class="testfont">&#x1D409;</span>=<span>1D409</span></span>
<span><span class="testfont">&#x1D40A;</span>=<span>1D40A</span></span>
<span><span class="testfont">&#x1D40B;</span>=<span>1D40B</span></span>
<span><span class="testfont">&#x1D40C;</span>=<span>1D40C</span></span>
<span><span class="testfont">&#x1D40D;</span>=<span>1D40D</span></span>
<span><span class="testfont">&#x1D40E;</span>=<span>1D40E</span></span>
<span><span class="testfont">&#x1D40F;</span>=<span>1D40F</span></span>
<span><span class="testfont">&#x1D410;</span>=<span>1D410</span></span>
<span><span class="testfont">&#x1D411;</span>=<span>1D411</span></span><br/>
<span><span class="testfont">&#x1D412;</span>=<span>1D412</span></span>
<span><span class="testfont">&#x1D413;</span>=<span>1D413</span></span>
<span><span class="testfont">&#x1D414;</span>=<span>1D414</span></span>
<span><span class="testfont">&#x1D415;</span>=<span>1D415</span></span>
<span><span class="testfont">&#x1D416;</span>=<span>1D416</span></span>
<span><span class="testfont">&#x1D417;</span>=<span>1D417</span></span>
<span><span class="testfont">&#x1D418;</span>=<span>1D418</span></span>
<span><span class="testfont">&#x1D419;</span>=<span>1D419</span></span>
<span><span class="testfont">&#x1D41A;</span>=<span>1D41A</span></span>
<span><span class="testfont">&#x1D41B;</span>=<span>1D41B</span></span><br/>
<span><span class="testfont">&#x1D41C;</span>=<span>1D41C</span></span>
<span><span class="testfont">&#x1D41D;</span>=<span>1D41D</span></span>
<span><span class="testfont">&#x1D41E;</span>=<span>1D41E</span></span>
<span><span class="testfont">&#x1D41F;</span>=<span>1D41F</span></span>
<span><span class="testfont">&#x1D420;</span>=<span>1D420</span></span>
<span><span class="testfont">&#x1D421;</span>=<span>1D421</span></span>
<span><span class="testfont">&#x1D422;</span>=<span>1D422</span></span>
<span><span class="testfont">&#x1D423;</span>=<span>1D423</span></span>
<span><span class="testfont">&#x1D424;</span>=<span>1D424</span></span>
<span><span class="testfont">&#x1D425;</span>=<span>1D425</span></span><br/>
<span><span class="testfont">&#x1D426;</span>=<span>1D426</span></span>
<span><span class="testfont">&#x1D427;</span>=<span>1D427</span></span>
<span><span class="testfont">&#x1D428;</span>=<span>1D428</span></span>
<span><span class="testfont">&#x1D429;</span>=<span>1D429</span></span>
<span><span class="testfont">&#x1D42A;</span>=<span>1D42A</span></span>
<span><span class="testfont">&#x1D42B;</span>=<span>1D42B</span></span>
<span><span class="testfont">&#x1D42C;</span>=<span>1D42C</span></span>
<span><span class="testfont">&#x1D42D;</span>=<span>1D42D</span></span>
<span><span class="testfont">&#x1D42E;</span>=<span>1D42E</span></span>
<span><span class="testfont">&#x1D42F;</span>=<span>1D42F</span></span><br/>
<span><span class="testfont">&#x1D430;</span>=<span>1D430</span></span>
<span><span class="testfont">&#x1D431;</span>=<span>1D431</span></span>
<span><span class="testfont">&#x1D432;</span>=<span>1D432</span></span>
<span><span class="testfont">&#x1D433;</span>=<span>1D433</span></span>
<span><span class="testfont">&#x1D6A8;</span>=<span>1D6A8</span></span>
<span><span class="testfont">&#x1D6A9;</span>=<span>1D6A9</span></span>
<span><span class="testfont">&#x1D6AA;</span>=<span>1D6AA</span></span>
<span><span class="testfont">&#x1D6AB;</span>=<span>1D6AB</span></span>
<span><span class="testfont">&#x1D6AC;</span>=<span>1D6AC</span></span>
<span><span class="testfont">&#x1D6AD;</span>=<span>1D6AD</span></span><br/>
<span><span class="testfont">&#x1D6AE;</span>=<span>1D6AE</span></span>
<span><span class="testfont">&#x1D6AF;</span>=<span>1D6AF</span></span>
<span><span class="testfont">&#x1D6B0;</span>=<span>1D6B0</span></span>
<span><span class="testfont">&#x1D6B1;</span>=<span>1D6B1</span></span>
<span><span class="testfont">&#x1D6B2;</span>=<span>1D6B2</span></span>
<span><span class="testfont">&#x1D6B3;</span>=<span>1D6B3</span></span>
<span><span class="testfont">&#x1D6B4;</span>=<span>1D6B4</span></span>
<span><span class="testfont">&#x1D6B5;</span>=<span>1D6B5</span></span>
<span><span class="testfont">&#x1D6B6;</span>=<span>1D6B6</span></span>
<span><span class="testfont">&#x1D6B7;</span>=<span>1D6B7</span></span><br/>
<span><span class="testfont">&#x1D6B8;</span>=<span>1D6B8</span></span>
<span><span class="testfont">&#x1D6BA;</span>=<span>1D6BA</span></span>
<span><span class="testfont">&#x1D6BB;</span>=<span>1D6BB</span></span>
<span><span class="testfont">&#x1D6BC;</span>=<span>1D6BC</span></span>
<span><span class="testfont">&#x1D6BD;</span>=<span>1D6BD</span></span>
<span><span class="testfont">&#x1D6BE;</span>=<span>1D6BE</span></span>
<span><span class="testfont">&#x1D6BF;</span>=<span>1D6BF</span></span>
<span><span class="testfont">&#x1D6C0;</span>=<span>1D6C0</span></span>
<span><span class="testfont">&#x1D6C2;</span>=<span>1D6C2</span></span>
<span><span class="testfont">&#x1D6C3;</span>=<span>1D6C3</span></span><br/>
<span><span class="testfont">&#x1D6C4;</span>=<span>1D6C4</span></span>
<span><span class="testfont">&#x1D6C5;</span>=<span>1D6C5</span></span>
<span><span class="testfont">&#x1D6C6;</span>=<span>1D6C6</span></span>
<span><span class="testfont">&#x1D6C7;</span>=<span>1D6C7</span></span>
<span><span class="testfont">&#x1D6C8;</span>=<span>1D6C8</span></span>
<span><span class="testfont">&#x1D6C9;</span>=<span>1D6C9</span></span>
<span><span class="testfont">&#x1D6CA;</span>=<span>1D6CA</span></span>
<span><span class="testfont">&#x1D6CB;</span>=<span>1D6CB</span></span>
<span><span class="testfont">&#x1D6CC;</span>=<span>1D6CC</span></span>
<span><span class="testfont">&#x1D6CD;</span>=<span>1D6CD</span></span><br/>
<span><span class="testfont">&#x1D6CE;</span>=<span>1D6CE</span></span>
<span><span class="testfont">&#x1D6CF;</span>=<span>1D6CF</span></span>
<span><span class="testfont">&#x1D6D0;</span>=<span>1D6D0</span></span>
<span><span class="testfont">&#x1D6D1;</span>=<span>1D6D1</span></span>
<span><span class="testfont">&#x1D6D2;</span>=<span>1D6D2</span></span>
<span><span class="testfont">&#x1D6D3;</span>=<span>1D6D3</span></span>
<span><span class="testfont">&#x1D6D4;</span>=<span>1D6D4</span></span>
<span><span class="testfont">&#x1D6D5;</span>=<span>1D6D5</span></span>
<span><span class="testfont">&#x1D6D6;</span>=<span>1D6D6</span></span>
<span><span class="testfont">&#x1D6D7;</span>=<span>1D6D7</span></span><br/>
<span><span class="testfont">&#x1D6D8;</span>=<span>1D6D8</span></span>
<span><span class="testfont">&#x1D6D9;</span>=<span>1D6D9</span></span>
<span><span class="testfont">&#x1D6DA;</span>=<span>1D6DA</span></span>
<span><span class="testfont">&#x1D6DD;</span>=<span>1D6DD</span></span>
<span><span class="testfont">&#x1D6DF;</span>=<span>1D6DF</span></span>
<span><span class="testfont">&#x1D6E1;</span>=<span>1D6E1</span></span>
<span><span class="testfont">&#x1D7CA;</span>=<span>1D7CA</span></span>
<span><span class="testfont">&#x1D7CB;</span>=<span>1D7CB</span></span>
<span><span class="testfont">&#x1D6DE;</span>=<span>1D6DE</span></span>
<span><span class="testfont">&#x1D6E0;</span>=<span>1D6E0</span></span><br/>
<span><span class="testfont">&#x1D6B9;</span>=<span>1D6B9</span></span>
<span><span class="testfont">&#x1D6DC;</span>=<span>1D6DC</span></span>
</body>
</html>

View file

@ -0,0 +1,153 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-transform math-bold</title>
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
<link rel="match" href="text-transform-math-bold-001.tentative-ref.html"/>
<meta name="assert" content="Verify that a character with 'text-transform: math-bold' renders the same as the transformed unicode character.">
<style>
@font-face {
font-family: TestFont;
src: url("/fonts/math/mathvariant-bold.woff");
}
body > span {
padding: 10px;
}
span > span {
font-family: monospace;
font-size: 10px;
}
.testfont {
font-family: TestFont;
font-size: 10px;
}
</style>
<body>
<!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
<p>Test passes if all the equalities below are true.</p>
<span><span class="testfont" style="text-transform: math-bold">&#x2202;</span>=<span>1D6DB</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x2207;</span>=<span>1D6C1</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x30;</span>=<span>1D7CE</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x31;</span>=<span>1D7CF</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x32;</span>=<span>1D7D0</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x33;</span>=<span>1D7D1</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x34;</span>=<span>1D7D2</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x35;</span>=<span>1D7D3</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x36;</span>=<span>1D7D4</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x37;</span>=<span>1D7D5</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold">&#x38;</span>=<span>1D7D6</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x39;</span>=<span>1D7D7</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x41;</span>=<span>1D400</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x42;</span>=<span>1D401</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x43;</span>=<span>1D402</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x44;</span>=<span>1D403</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x45;</span>=<span>1D404</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x46;</span>=<span>1D405</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x47;</span>=<span>1D406</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x48;</span>=<span>1D407</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold">&#x49;</span>=<span>1D408</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x4A;</span>=<span>1D409</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x4B;</span>=<span>1D40A</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x4C;</span>=<span>1D40B</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x4D;</span>=<span>1D40C</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x4E;</span>=<span>1D40D</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x4F;</span>=<span>1D40E</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x50;</span>=<span>1D40F</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x51;</span>=<span>1D410</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x52;</span>=<span>1D411</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold">&#x53;</span>=<span>1D412</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x54;</span>=<span>1D413</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x55;</span>=<span>1D414</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x56;</span>=<span>1D415</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x57;</span>=<span>1D416</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x58;</span>=<span>1D417</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x59;</span>=<span>1D418</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x5A;</span>=<span>1D419</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x61;</span>=<span>1D41A</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x62;</span>=<span>1D41B</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold">&#x63;</span>=<span>1D41C</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x64;</span>=<span>1D41D</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x65;</span>=<span>1D41E</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x66;</span>=<span>1D41F</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x67;</span>=<span>1D420</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x68;</span>=<span>1D421</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x69;</span>=<span>1D422</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x6A;</span>=<span>1D423</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x6B;</span>=<span>1D424</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x6C;</span>=<span>1D425</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold">&#x6D;</span>=<span>1D426</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x6E;</span>=<span>1D427</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x6F;</span>=<span>1D428</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x70;</span>=<span>1D429</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x71;</span>=<span>1D42A</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x72;</span>=<span>1D42B</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x73;</span>=<span>1D42C</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x74;</span>=<span>1D42D</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x75;</span>=<span>1D42E</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x76;</span>=<span>1D42F</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold">&#x77;</span>=<span>1D430</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x78;</span>=<span>1D431</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x79;</span>=<span>1D432</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x7A;</span>=<span>1D433</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x391;</span>=<span>1D6A8</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x392;</span>=<span>1D6A9</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x393;</span>=<span>1D6AA</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x394;</span>=<span>1D6AB</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x395;</span>=<span>1D6AC</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x396;</span>=<span>1D6AD</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold">&#x397;</span>=<span>1D6AE</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x398;</span>=<span>1D6AF</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x399;</span>=<span>1D6B0</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x39A;</span>=<span>1D6B1</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x39B;</span>=<span>1D6B2</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x39C;</span>=<span>1D6B3</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x39D;</span>=<span>1D6B4</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x39E;</span>=<span>1D6B5</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x39F;</span>=<span>1D6B6</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x3A0;</span>=<span>1D6B7</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold">&#x3A1;</span>=<span>1D6B8</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x3A3;</span>=<span>1D6BA</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x3A4;</span>=<span>1D6BB</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x3A5;</span>=<span>1D6BC</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x3A6;</span>=<span>1D6BD</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x3A7;</span>=<span>1D6BE</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x3A8;</span>=<span>1D6BF</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x3A9;</span>=<span>1D6C0</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x3B1;</span>=<span>1D6C2</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x3B2;</span>=<span>1D6C3</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold">&#x3B3;</span>=<span>1D6C4</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x3B4;</span>=<span>1D6C5</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x3B5;</span>=<span>1D6C6</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x3B6;</span>=<span>1D6C7</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x3B7;</span>=<span>1D6C8</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x3B8;</span>=<span>1D6C9</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x3B9;</span>=<span>1D6CA</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x3BA;</span>=<span>1D6CB</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x3BB;</span>=<span>1D6CC</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x3BC;</span>=<span>1D6CD</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold">&#x3BD;</span>=<span>1D6CE</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x3BE;</span>=<span>1D6CF</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x3BF;</span>=<span>1D6D0</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x3C0;</span>=<span>1D6D1</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x3C1;</span>=<span>1D6D2</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x3C2;</span>=<span>1D6D3</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x3C3;</span>=<span>1D6D4</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x3C4;</span>=<span>1D6D5</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x3C5;</span>=<span>1D6D6</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x3C6;</span>=<span>1D6D7</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold">&#x3C7;</span>=<span>1D6D8</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x3C8;</span>=<span>1D6D9</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x3C9;</span>=<span>1D6DA</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x3D1;</span>=<span>1D6DD</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x3D5;</span>=<span>1D6DF</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x3D6;</span>=<span>1D6E1</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x3DC;</span>=<span>1D7CA</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x3DD;</span>=<span>1D7CB</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x3F0;</span>=<span>1D6DE</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x3F1;</span>=<span>1D6E0</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold">&#x3F4;</span>=<span>1D6B9</span></span>
<span><span class="testfont" style="text-transform: math-bold">&#x3F5;</span>=<span>1D6DC</span></span>
</body>
</html>

View file

@ -0,0 +1,79 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-transform math-bold-fraktur (reference)</title>
<style>
@font-face {
font-family: TestFont;
src: url("/fonts/math/mathvariant-bold-fraktur.woff");
}
body > span {
padding: 10px;
}
span > span {
font-family: monospace;
font-size: 10px;
}
.testfont {
font-family: TestFont;
font-size: 10px;
}
</style>
<body>
<!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
<p>Test passes if all the equalities below are true.</p>
<span><span class="testfont">&#x1D56C;</span>=<span>1D56C</span></span>
<span><span class="testfont">&#x1D56D;</span>=<span>1D56D</span></span>
<span><span class="testfont">&#x1D56E;</span>=<span>1D56E</span></span>
<span><span class="testfont">&#x1D56F;</span>=<span>1D56F</span></span>
<span><span class="testfont">&#x1D570;</span>=<span>1D570</span></span>
<span><span class="testfont">&#x1D571;</span>=<span>1D571</span></span>
<span><span class="testfont">&#x1D572;</span>=<span>1D572</span></span>
<span><span class="testfont">&#x1D573;</span>=<span>1D573</span></span>
<span><span class="testfont">&#x1D574;</span>=<span>1D574</span></span>
<span><span class="testfont">&#x1D575;</span>=<span>1D575</span></span><br/>
<span><span class="testfont">&#x1D576;</span>=<span>1D576</span></span>
<span><span class="testfont">&#x1D577;</span>=<span>1D577</span></span>
<span><span class="testfont">&#x1D578;</span>=<span>1D578</span></span>
<span><span class="testfont">&#x1D579;</span>=<span>1D579</span></span>
<span><span class="testfont">&#x1D57A;</span>=<span>1D57A</span></span>
<span><span class="testfont">&#x1D57B;</span>=<span>1D57B</span></span>
<span><span class="testfont">&#x1D57C;</span>=<span>1D57C</span></span>
<span><span class="testfont">&#x1D57D;</span>=<span>1D57D</span></span>
<span><span class="testfont">&#x1D57E;</span>=<span>1D57E</span></span>
<span><span class="testfont">&#x1D57F;</span>=<span>1D57F</span></span><br/>
<span><span class="testfont">&#x1D580;</span>=<span>1D580</span></span>
<span><span class="testfont">&#x1D581;</span>=<span>1D581</span></span>
<span><span class="testfont">&#x1D582;</span>=<span>1D582</span></span>
<span><span class="testfont">&#x1D583;</span>=<span>1D583</span></span>
<span><span class="testfont">&#x1D584;</span>=<span>1D584</span></span>
<span><span class="testfont">&#x1D585;</span>=<span>1D585</span></span>
<span><span class="testfont">&#x1D586;</span>=<span>1D586</span></span>
<span><span class="testfont">&#x1D587;</span>=<span>1D587</span></span>
<span><span class="testfont">&#x1D588;</span>=<span>1D588</span></span>
<span><span class="testfont">&#x1D589;</span>=<span>1D589</span></span><br/>
<span><span class="testfont">&#x1D58A;</span>=<span>1D58A</span></span>
<span><span class="testfont">&#x1D58B;</span>=<span>1D58B</span></span>
<span><span class="testfont">&#x1D58C;</span>=<span>1D58C</span></span>
<span><span class="testfont">&#x1D58D;</span>=<span>1D58D</span></span>
<span><span class="testfont">&#x1D58E;</span>=<span>1D58E</span></span>
<span><span class="testfont">&#x1D58F;</span>=<span>1D58F</span></span>
<span><span class="testfont">&#x1D590;</span>=<span>1D590</span></span>
<span><span class="testfont">&#x1D591;</span>=<span>1D591</span></span>
<span><span class="testfont">&#x1D592;</span>=<span>1D592</span></span>
<span><span class="testfont">&#x1D593;</span>=<span>1D593</span></span><br/>
<span><span class="testfont">&#x1D594;</span>=<span>1D594</span></span>
<span><span class="testfont">&#x1D595;</span>=<span>1D595</span></span>
<span><span class="testfont">&#x1D596;</span>=<span>1D596</span></span>
<span><span class="testfont">&#x1D597;</span>=<span>1D597</span></span>
<span><span class="testfont">&#x1D598;</span>=<span>1D598</span></span>
<span><span class="testfont">&#x1D599;</span>=<span>1D599</span></span>
<span><span class="testfont">&#x1D59A;</span>=<span>1D59A</span></span>
<span><span class="testfont">&#x1D59B;</span>=<span>1D59B</span></span>
<span><span class="testfont">&#x1D59C;</span>=<span>1D59C</span></span>
<span><span class="testfont">&#x1D59D;</span>=<span>1D59D</span></span><br/>
<span><span class="testfont">&#x1D59E;</span>=<span>1D59E</span></span>
<span><span class="testfont">&#x1D59F;</span>=<span>1D59F</span></span>
</body>
</html>

View file

@ -0,0 +1,83 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-transform math-bold-fraktur</title>
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
<link rel="match" href="text-transform-math-bold-fraktur-001.tentative-ref.html"/>
<meta name="assert" content="Verify that a character with 'text-transform: math-bold-fraktur' renders the same as the transformed unicode character.">
<style>
@font-face {
font-family: TestFont;
src: url("/fonts/math/mathvariant-bold-fraktur.woff");
}
body > span {
padding: 10px;
}
span > span {
font-family: monospace;
font-size: 10px;
}
.testfont {
font-family: TestFont;
font-size: 10px;
}
</style>
<body>
<!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
<p>Test passes if all the equalities below are true.</p>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x41;</span>=<span>1D56C</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x42;</span>=<span>1D56D</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x43;</span>=<span>1D56E</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x44;</span>=<span>1D56F</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x45;</span>=<span>1D570</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x46;</span>=<span>1D571</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x47;</span>=<span>1D572</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x48;</span>=<span>1D573</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x49;</span>=<span>1D574</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x4A;</span>=<span>1D575</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x4B;</span>=<span>1D576</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x4C;</span>=<span>1D577</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x4D;</span>=<span>1D578</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x4E;</span>=<span>1D579</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x4F;</span>=<span>1D57A</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x50;</span>=<span>1D57B</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x51;</span>=<span>1D57C</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x52;</span>=<span>1D57D</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x53;</span>=<span>1D57E</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x54;</span>=<span>1D57F</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x55;</span>=<span>1D580</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x56;</span>=<span>1D581</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x57;</span>=<span>1D582</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x58;</span>=<span>1D583</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x59;</span>=<span>1D584</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x5A;</span>=<span>1D585</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x61;</span>=<span>1D586</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x62;</span>=<span>1D587</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x63;</span>=<span>1D588</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x64;</span>=<span>1D589</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x65;</span>=<span>1D58A</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x66;</span>=<span>1D58B</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x67;</span>=<span>1D58C</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x68;</span>=<span>1D58D</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x69;</span>=<span>1D58E</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x6A;</span>=<span>1D58F</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x6B;</span>=<span>1D590</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x6C;</span>=<span>1D591</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x6D;</span>=<span>1D592</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x6E;</span>=<span>1D593</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x6F;</span>=<span>1D594</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x70;</span>=<span>1D595</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x71;</span>=<span>1D596</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x72;</span>=<span>1D597</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x73;</span>=<span>1D598</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x74;</span>=<span>1D599</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x75;</span>=<span>1D59A</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x76;</span>=<span>1D59B</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x77;</span>=<span>1D59C</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x78;</span>=<span>1D59D</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x79;</span>=<span>1D59E</span></span>
<span><span class="testfont" style="text-transform: math-bold-fraktur">&#x7A;</span>=<span>1D59F</span></span>
</body>
</html>

View file

@ -0,0 +1,137 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-transform math-bold-italic (reference)</title>
<style>
@font-face {
font-family: TestFont;
src: url("/fonts/math/mathvariant-bold-italic.woff");
}
body > span {
padding: 10px;
}
span > span {
font-family: monospace;
font-size: 10px;
}
.testfont {
font-family: TestFont;
font-size: 10px;
}
</style>
<body>
<!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
<p>Test passes if all the equalities below are true.</p>
<span><span class="testfont">&#x1D74F;</span>=<span>1D74F</span></span>
<span><span class="testfont">&#x1D735;</span>=<span>1D735</span></span>
<span><span class="testfont">&#x1D468;</span>=<span>1D468</span></span>
<span><span class="testfont">&#x1D469;</span>=<span>1D469</span></span>
<span><span class="testfont">&#x1D46A;</span>=<span>1D46A</span></span>
<span><span class="testfont">&#x1D46B;</span>=<span>1D46B</span></span>
<span><span class="testfont">&#x1D46C;</span>=<span>1D46C</span></span>
<span><span class="testfont">&#x1D46D;</span>=<span>1D46D</span></span>
<span><span class="testfont">&#x1D46E;</span>=<span>1D46E</span></span>
<span><span class="testfont">&#x1D46F;</span>=<span>1D46F</span></span><br/>
<span><span class="testfont">&#x1D470;</span>=<span>1D470</span></span>
<span><span class="testfont">&#x1D471;</span>=<span>1D471</span></span>
<span><span class="testfont">&#x1D472;</span>=<span>1D472</span></span>
<span><span class="testfont">&#x1D473;</span>=<span>1D473</span></span>
<span><span class="testfont">&#x1D474;</span>=<span>1D474</span></span>
<span><span class="testfont">&#x1D475;</span>=<span>1D475</span></span>
<span><span class="testfont">&#x1D476;</span>=<span>1D476</span></span>
<span><span class="testfont">&#x1D477;</span>=<span>1D477</span></span>
<span><span class="testfont">&#x1D478;</span>=<span>1D478</span></span>
<span><span class="testfont">&#x1D479;</span>=<span>1D479</span></span><br/>
<span><span class="testfont">&#x1D47A;</span>=<span>1D47A</span></span>
<span><span class="testfont">&#x1D47B;</span>=<span>1D47B</span></span>
<span><span class="testfont">&#x1D47C;</span>=<span>1D47C</span></span>
<span><span class="testfont">&#x1D47D;</span>=<span>1D47D</span></span>
<span><span class="testfont">&#x1D47E;</span>=<span>1D47E</span></span>
<span><span class="testfont">&#x1D47F;</span>=<span>1D47F</span></span>
<span><span class="testfont">&#x1D480;</span>=<span>1D480</span></span>
<span><span class="testfont">&#x1D481;</span>=<span>1D481</span></span>
<span><span class="testfont">&#x1D482;</span>=<span>1D482</span></span>
<span><span class="testfont">&#x1D483;</span>=<span>1D483</span></span><br/>
<span><span class="testfont">&#x1D484;</span>=<span>1D484</span></span>
<span><span class="testfont">&#x1D485;</span>=<span>1D485</span></span>
<span><span class="testfont">&#x1D486;</span>=<span>1D486</span></span>
<span><span class="testfont">&#x1D487;</span>=<span>1D487</span></span>
<span><span class="testfont">&#x1D488;</span>=<span>1D488</span></span>
<span><span class="testfont">&#x1D489;</span>=<span>1D489</span></span>
<span><span class="testfont">&#x1D48A;</span>=<span>1D48A</span></span>
<span><span class="testfont">&#x1D48B;</span>=<span>1D48B</span></span>
<span><span class="testfont">&#x1D48C;</span>=<span>1D48C</span></span>
<span><span class="testfont">&#x1D48D;</span>=<span>1D48D</span></span><br/>
<span><span class="testfont">&#x1D48E;</span>=<span>1D48E</span></span>
<span><span class="testfont">&#x1D48F;</span>=<span>1D48F</span></span>
<span><span class="testfont">&#x1D490;</span>=<span>1D490</span></span>
<span><span class="testfont">&#x1D491;</span>=<span>1D491</span></span>
<span><span class="testfont">&#x1D492;</span>=<span>1D492</span></span>
<span><span class="testfont">&#x1D493;</span>=<span>1D493</span></span>
<span><span class="testfont">&#x1D494;</span>=<span>1D494</span></span>
<span><span class="testfont">&#x1D495;</span>=<span>1D495</span></span>
<span><span class="testfont">&#x1D496;</span>=<span>1D496</span></span>
<span><span class="testfont">&#x1D497;</span>=<span>1D497</span></span><br/>
<span><span class="testfont">&#x1D498;</span>=<span>1D498</span></span>
<span><span class="testfont">&#x1D499;</span>=<span>1D499</span></span>
<span><span class="testfont">&#x1D49A;</span>=<span>1D49A</span></span>
<span><span class="testfont">&#x1D49B;</span>=<span>1D49B</span></span>
<span><span class="testfont">&#x1D71C;</span>=<span>1D71C</span></span>
<span><span class="testfont">&#x1D71D;</span>=<span>1D71D</span></span>
<span><span class="testfont">&#x1D71E;</span>=<span>1D71E</span></span>
<span><span class="testfont">&#x1D71F;</span>=<span>1D71F</span></span>
<span><span class="testfont">&#x1D720;</span>=<span>1D720</span></span>
<span><span class="testfont">&#x1D721;</span>=<span>1D721</span></span><br/>
<span><span class="testfont">&#x1D722;</span>=<span>1D722</span></span>
<span><span class="testfont">&#x1D723;</span>=<span>1D723</span></span>
<span><span class="testfont">&#x1D724;</span>=<span>1D724</span></span>
<span><span class="testfont">&#x1D725;</span>=<span>1D725</span></span>
<span><span class="testfont">&#x1D726;</span>=<span>1D726</span></span>
<span><span class="testfont">&#x1D727;</span>=<span>1D727</span></span>
<span><span class="testfont">&#x1D728;</span>=<span>1D728</span></span>
<span><span class="testfont">&#x1D729;</span>=<span>1D729</span></span>
<span><span class="testfont">&#x1D72A;</span>=<span>1D72A</span></span>
<span><span class="testfont">&#x1D72B;</span>=<span>1D72B</span></span><br/>
<span><span class="testfont">&#x1D72C;</span>=<span>1D72C</span></span>
<span><span class="testfont">&#x1D72E;</span>=<span>1D72E</span></span>
<span><span class="testfont">&#x1D72F;</span>=<span>1D72F</span></span>
<span><span class="testfont">&#x1D730;</span>=<span>1D730</span></span>
<span><span class="testfont">&#x1D731;</span>=<span>1D731</span></span>
<span><span class="testfont">&#x1D732;</span>=<span>1D732</span></span>
<span><span class="testfont">&#x1D733;</span>=<span>1D733</span></span>
<span><span class="testfont">&#x1D734;</span>=<span>1D734</span></span>
<span><span class="testfont">&#x1D736;</span>=<span>1D736</span></span>
<span><span class="testfont">&#x1D737;</span>=<span>1D737</span></span><br/>
<span><span class="testfont">&#x1D738;</span>=<span>1D738</span></span>
<span><span class="testfont">&#x1D739;</span>=<span>1D739</span></span>
<span><span class="testfont">&#x1D73A;</span>=<span>1D73A</span></span>
<span><span class="testfont">&#x1D73B;</span>=<span>1D73B</span></span>
<span><span class="testfont">&#x1D73C;</span>=<span>1D73C</span></span>
<span><span class="testfont">&#x1D73D;</span>=<span>1D73D</span></span>
<span><span class="testfont">&#x1D73E;</span>=<span>1D73E</span></span>
<span><span class="testfont">&#x1D73F;</span>=<span>1D73F</span></span>
<span><span class="testfont">&#x1D740;</span>=<span>1D740</span></span>
<span><span class="testfont">&#x1D741;</span>=<span>1D741</span></span><br/>
<span><span class="testfont">&#x1D742;</span>=<span>1D742</span></span>
<span><span class="testfont">&#x1D743;</span>=<span>1D743</span></span>
<span><span class="testfont">&#x1D744;</span>=<span>1D744</span></span>
<span><span class="testfont">&#x1D745;</span>=<span>1D745</span></span>
<span><span class="testfont">&#x1D746;</span>=<span>1D746</span></span>
<span><span class="testfont">&#x1D747;</span>=<span>1D747</span></span>
<span><span class="testfont">&#x1D748;</span>=<span>1D748</span></span>
<span><span class="testfont">&#x1D749;</span>=<span>1D749</span></span>
<span><span class="testfont">&#x1D74A;</span>=<span>1D74A</span></span>
<span><span class="testfont">&#x1D74B;</span>=<span>1D74B</span></span><br/>
<span><span class="testfont">&#x1D74C;</span>=<span>1D74C</span></span>
<span><span class="testfont">&#x1D74D;</span>=<span>1D74D</span></span>
<span><span class="testfont">&#x1D74E;</span>=<span>1D74E</span></span>
<span><span class="testfont">&#x1D751;</span>=<span>1D751</span></span>
<span><span class="testfont">&#x1D753;</span>=<span>1D753</span></span>
<span><span class="testfont">&#x1D755;</span>=<span>1D755</span></span>
<span><span class="testfont">&#x1D752;</span>=<span>1D752</span></span>
<span><span class="testfont">&#x1D754;</span>=<span>1D754</span></span>
<span><span class="testfont">&#x1D72D;</span>=<span>1D72D</span></span>
<span><span class="testfont">&#x1D750;</span>=<span>1D750</span></span><br/>
</body>
</html>

View file

@ -0,0 +1,141 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-transform math-bold-italic</title>
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
<link rel="match" href="text-transform-math-bold-italic-001.tentative-ref.html"/>
<meta name="assert" content="Verify that a character with 'text-transform: math-bold-italic' renders the same as the transformed unicode character.">
<style>
@font-face {
font-family: TestFont;
src: url("/fonts/math/mathvariant-bold-italic.woff");
}
body > span {
padding: 10px;
}
span > span {
font-family: monospace;
font-size: 10px;
}
.testfont {
font-family: TestFont;
font-size: 10px;
}
</style>
<body>
<!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
<p>Test passes if all the equalities below are true.</p>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x2202;</span>=<span>1D74F</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x2207;</span>=<span>1D735</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x41;</span>=<span>1D468</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x42;</span>=<span>1D469</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x43;</span>=<span>1D46A</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x44;</span>=<span>1D46B</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x45;</span>=<span>1D46C</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x46;</span>=<span>1D46D</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x47;</span>=<span>1D46E</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x48;</span>=<span>1D46F</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x49;</span>=<span>1D470</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x4A;</span>=<span>1D471</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x4B;</span>=<span>1D472</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x4C;</span>=<span>1D473</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x4D;</span>=<span>1D474</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x4E;</span>=<span>1D475</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x4F;</span>=<span>1D476</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x50;</span>=<span>1D477</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x51;</span>=<span>1D478</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x52;</span>=<span>1D479</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x53;</span>=<span>1D47A</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x54;</span>=<span>1D47B</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x55;</span>=<span>1D47C</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x56;</span>=<span>1D47D</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x57;</span>=<span>1D47E</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x58;</span>=<span>1D47F</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x59;</span>=<span>1D480</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x5A;</span>=<span>1D481</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x61;</span>=<span>1D482</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x62;</span>=<span>1D483</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x63;</span>=<span>1D484</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x64;</span>=<span>1D485</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x65;</span>=<span>1D486</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x66;</span>=<span>1D487</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x67;</span>=<span>1D488</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x68;</span>=<span>1D489</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x69;</span>=<span>1D48A</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x6A;</span>=<span>1D48B</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x6B;</span>=<span>1D48C</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x6C;</span>=<span>1D48D</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x6D;</span>=<span>1D48E</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x6E;</span>=<span>1D48F</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x6F;</span>=<span>1D490</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x70;</span>=<span>1D491</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x71;</span>=<span>1D492</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x72;</span>=<span>1D493</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x73;</span>=<span>1D494</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x74;</span>=<span>1D495</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x75;</span>=<span>1D496</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x76;</span>=<span>1D497</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x77;</span>=<span>1D498</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x78;</span>=<span>1D499</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x79;</span>=<span>1D49A</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x7A;</span>=<span>1D49B</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x391;</span>=<span>1D71C</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x392;</span>=<span>1D71D</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x393;</span>=<span>1D71E</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x394;</span>=<span>1D71F</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x395;</span>=<span>1D720</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x396;</span>=<span>1D721</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x397;</span>=<span>1D722</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x398;</span>=<span>1D723</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x399;</span>=<span>1D724</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x39A;</span>=<span>1D725</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x39B;</span>=<span>1D726</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x39C;</span>=<span>1D727</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x39D;</span>=<span>1D728</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x39E;</span>=<span>1D729</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x39F;</span>=<span>1D72A</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3A0;</span>=<span>1D72B</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3A1;</span>=<span>1D72C</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3A3;</span>=<span>1D72E</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3A4;</span>=<span>1D72F</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3A5;</span>=<span>1D730</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3A6;</span>=<span>1D731</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3A7;</span>=<span>1D732</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3A8;</span>=<span>1D733</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3A9;</span>=<span>1D734</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3B1;</span>=<span>1D736</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3B2;</span>=<span>1D737</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3B3;</span>=<span>1D738</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3B4;</span>=<span>1D739</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3B5;</span>=<span>1D73A</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3B6;</span>=<span>1D73B</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3B7;</span>=<span>1D73C</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3B8;</span>=<span>1D73D</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3B9;</span>=<span>1D73E</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3BA;</span>=<span>1D73F</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3BB;</span>=<span>1D740</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3BC;</span>=<span>1D741</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3BD;</span>=<span>1D742</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3BE;</span>=<span>1D743</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3BF;</span>=<span>1D744</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3C0;</span>=<span>1D745</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3C1;</span>=<span>1D746</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3C2;</span>=<span>1D747</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3C3;</span>=<span>1D748</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3C4;</span>=<span>1D749</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3C5;</span>=<span>1D74A</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3C6;</span>=<span>1D74B</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3C7;</span>=<span>1D74C</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3C8;</span>=<span>1D74D</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3C9;</span>=<span>1D74E</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3D1;</span>=<span>1D751</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3D5;</span>=<span>1D753</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3D6;</span>=<span>1D755</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3F0;</span>=<span>1D752</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3F1;</span>=<span>1D754</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3F4;</span>=<span>1D72D</span></span>
<span><span class="testfont" style="text-transform: math-bold-italic">&#x3F5;</span>=<span>1D750</span></span><br/>
</body>
</html>

View file

@ -0,0 +1,147 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-transform math-bold-sans-serif (reference)</title>
<style>
@font-face {
font-family: TestFont;
src: url("/fonts/math/mathvariant-bold-sans-serif.woff");
}
body > span {
padding: 10px;
}
span > span {
font-family: monospace;
font-size: 10px;
}
.testfont {
font-family: TestFont;
font-size: 10px;
}
</style>
<body>
<!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
<p>Test passes if all the equalities below are true.</p>
<span><span class="testfont">&#x1D789;</span>=<span>1D789</span></span>
<span><span class="testfont">&#x1D76F;</span>=<span>1D76F</span></span>
<span><span class="testfont">&#x1D7EC;</span>=<span>1D7EC</span></span>
<span><span class="testfont">&#x1D7ED;</span>=<span>1D7ED</span></span>
<span><span class="testfont">&#x1D7EE;</span>=<span>1D7EE</span></span>
<span><span class="testfont">&#x1D7EF;</span>=<span>1D7EF</span></span>
<span><span class="testfont">&#x1D7F0;</span>=<span>1D7F0</span></span>
<span><span class="testfont">&#x1D7F1;</span>=<span>1D7F1</span></span>
<span><span class="testfont">&#x1D7F2;</span>=<span>1D7F2</span></span>
<span><span class="testfont">&#x1D7F3;</span>=<span>1D7F3</span></span><br/>
<span><span class="testfont">&#x1D7F4;</span>=<span>1D7F4</span></span>
<span><span class="testfont">&#x1D7F5;</span>=<span>1D7F5</span></span>
<span><span class="testfont">&#x1D5D4;</span>=<span>1D5D4</span></span>
<span><span class="testfont">&#x1D5D5;</span>=<span>1D5D5</span></span>
<span><span class="testfont">&#x1D5D6;</span>=<span>1D5D6</span></span>
<span><span class="testfont">&#x1D5D7;</span>=<span>1D5D7</span></span>
<span><span class="testfont">&#x1D5D8;</span>=<span>1D5D8</span></span>
<span><span class="testfont">&#x1D5D9;</span>=<span>1D5D9</span></span>
<span><span class="testfont">&#x1D5DA;</span>=<span>1D5DA</span></span>
<span><span class="testfont">&#x1D5DB;</span>=<span>1D5DB</span></span><br/>
<span><span class="testfont">&#x1D5DC;</span>=<span>1D5DC</span></span>
<span><span class="testfont">&#x1D5DD;</span>=<span>1D5DD</span></span>
<span><span class="testfont">&#x1D5DE;</span>=<span>1D5DE</span></span>
<span><span class="testfont">&#x1D5DF;</span>=<span>1D5DF</span></span>
<span><span class="testfont">&#x1D5E0;</span>=<span>1D5E0</span></span>
<span><span class="testfont">&#x1D5E1;</span>=<span>1D5E1</span></span>
<span><span class="testfont">&#x1D5E2;</span>=<span>1D5E2</span></span>
<span><span class="testfont">&#x1D5E3;</span>=<span>1D5E3</span></span>
<span><span class="testfont">&#x1D5E4;</span>=<span>1D5E4</span></span>
<span><span class="testfont">&#x1D5E5;</span>=<span>1D5E5</span></span><br/>
<span><span class="testfont">&#x1D5E6;</span>=<span>1D5E6</span></span>
<span><span class="testfont">&#x1D5E7;</span>=<span>1D5E7</span></span>
<span><span class="testfont">&#x1D5E8;</span>=<span>1D5E8</span></span>
<span><span class="testfont">&#x1D5E9;</span>=<span>1D5E9</span></span>
<span><span class="testfont">&#x1D5EA;</span>=<span>1D5EA</span></span>
<span><span class="testfont">&#x1D5EB;</span>=<span>1D5EB</span></span>
<span><span class="testfont">&#x1D5EC;</span>=<span>1D5EC</span></span>
<span><span class="testfont">&#x1D5ED;</span>=<span>1D5ED</span></span>
<span><span class="testfont">&#x1D5EE;</span>=<span>1D5EE</span></span>
<span><span class="testfont">&#x1D5EF;</span>=<span>1D5EF</span></span><br/>
<span><span class="testfont">&#x1D5F0;</span>=<span>1D5F0</span></span>
<span><span class="testfont">&#x1D5F1;</span>=<span>1D5F1</span></span>
<span><span class="testfont">&#x1D5F2;</span>=<span>1D5F2</span></span>
<span><span class="testfont">&#x1D5F3;</span>=<span>1D5F3</span></span>
<span><span class="testfont">&#x1D5F4;</span>=<span>1D5F4</span></span>
<span><span class="testfont">&#x1D5F5;</span>=<span>1D5F5</span></span>
<span><span class="testfont">&#x1D5F6;</span>=<span>1D5F6</span></span>
<span><span class="testfont">&#x1D5F7;</span>=<span>1D5F7</span></span>
<span><span class="testfont">&#x1D5F8;</span>=<span>1D5F8</span></span>
<span><span class="testfont">&#x1D5F9;</span>=<span>1D5F9</span></span><br/>
<span><span class="testfont">&#x1D5FA;</span>=<span>1D5FA</span></span>
<span><span class="testfont">&#x1D5FB;</span>=<span>1D5FB</span></span>
<span><span class="testfont">&#x1D5FC;</span>=<span>1D5FC</span></span>
<span><span class="testfont">&#x1D5FD;</span>=<span>1D5FD</span></span>
<span><span class="testfont">&#x1D5FE;</span>=<span>1D5FE</span></span>
<span><span class="testfont">&#x1D5FF;</span>=<span>1D5FF</span></span>
<span><span class="testfont">&#x1D600;</span>=<span>1D600</span></span>
<span><span class="testfont">&#x1D601;</span>=<span>1D601</span></span>
<span><span class="testfont">&#x1D602;</span>=<span>1D602</span></span>
<span><span class="testfont">&#x1D603;</span>=<span>1D603</span></span><br/>
<span><span class="testfont">&#x1D604;</span>=<span>1D604</span></span>
<span><span class="testfont">&#x1D605;</span>=<span>1D605</span></span>
<span><span class="testfont">&#x1D606;</span>=<span>1D606</span></span>
<span><span class="testfont">&#x1D607;</span>=<span>1D607</span></span>
<span><span class="testfont">&#x1D756;</span>=<span>1D756</span></span>
<span><span class="testfont">&#x1D757;</span>=<span>1D757</span></span>
<span><span class="testfont">&#x1D758;</span>=<span>1D758</span></span>
<span><span class="testfont">&#x1D759;</span>=<span>1D759</span></span>
<span><span class="testfont">&#x1D75A;</span>=<span>1D75A</span></span>
<span><span class="testfont">&#x1D75B;</span>=<span>1D75B</span></span><br/>
<span><span class="testfont">&#x1D75C;</span>=<span>1D75C</span></span>
<span><span class="testfont">&#x1D75D;</span>=<span>1D75D</span></span>
<span><span class="testfont">&#x1D75E;</span>=<span>1D75E</span></span>
<span><span class="testfont">&#x1D75F;</span>=<span>1D75F</span></span>
<span><span class="testfont">&#x1D760;</span>=<span>1D760</span></span>
<span><span class="testfont">&#x1D761;</span>=<span>1D761</span></span>
<span><span class="testfont">&#x1D762;</span>=<span>1D762</span></span>
<span><span class="testfont">&#x1D763;</span>=<span>1D763</span></span>
<span><span class="testfont">&#x1D764;</span>=<span>1D764</span></span>
<span><span class="testfont">&#x1D765;</span>=<span>1D765</span></span><br/>
<span><span class="testfont">&#x1D766;</span>=<span>1D766</span></span>
<span><span class="testfont">&#x1D768;</span>=<span>1D768</span></span>
<span><span class="testfont">&#x1D769;</span>=<span>1D769</span></span>
<span><span class="testfont">&#x1D76A;</span>=<span>1D76A</span></span>
<span><span class="testfont">&#x1D76B;</span>=<span>1D76B</span></span>
<span><span class="testfont">&#x1D76C;</span>=<span>1D76C</span></span>
<span><span class="testfont">&#x1D76D;</span>=<span>1D76D</span></span>
<span><span class="testfont">&#x1D76E;</span>=<span>1D76E</span></span>
<span><span class="testfont">&#x1D770;</span>=<span>1D770</span></span>
<span><span class="testfont">&#x1D771;</span>=<span>1D771</span></span><br/>
<span><span class="testfont">&#x1D772;</span>=<span>1D772</span></span>
<span><span class="testfont">&#x1D773;</span>=<span>1D773</span></span>
<span><span class="testfont">&#x1D774;</span>=<span>1D774</span></span>
<span><span class="testfont">&#x1D775;</span>=<span>1D775</span></span>
<span><span class="testfont">&#x1D776;</span>=<span>1D776</span></span>
<span><span class="testfont">&#x1D777;</span>=<span>1D777</span></span>
<span><span class="testfont">&#x1D778;</span>=<span>1D778</span></span>
<span><span class="testfont">&#x1D779;</span>=<span>1D779</span></span>
<span><span class="testfont">&#x1D77A;</span>=<span>1D77A</span></span>
<span><span class="testfont">&#x1D77B;</span>=<span>1D77B</span></span><br/>
<span><span class="testfont">&#x1D77C;</span>=<span>1D77C</span></span>
<span><span class="testfont">&#x1D77D;</span>=<span>1D77D</span></span>
<span><span class="testfont">&#x1D77E;</span>=<span>1D77E</span></span>
<span><span class="testfont">&#x1D77F;</span>=<span>1D77F</span></span>
<span><span class="testfont">&#x1D780;</span>=<span>1D780</span></span>
<span><span class="testfont">&#x1D781;</span>=<span>1D781</span></span>
<span><span class="testfont">&#x1D782;</span>=<span>1D782</span></span>
<span><span class="testfont">&#x1D783;</span>=<span>1D783</span></span>
<span><span class="testfont">&#x1D784;</span>=<span>1D784</span></span>
<span><span class="testfont">&#x1D785;</span>=<span>1D785</span></span><br/>
<span><span class="testfont">&#x1D786;</span>=<span>1D786</span></span>
<span><span class="testfont">&#x1D787;</span>=<span>1D787</span></span>
<span><span class="testfont">&#x1D788;</span>=<span>1D788</span></span>
<span><span class="testfont">&#x1D78B;</span>=<span>1D78B</span></span>
<span><span class="testfont">&#x1D78D;</span>=<span>1D78D</span></span>
<span><span class="testfont">&#x1D78F;</span>=<span>1D78F</span></span>
<span><span class="testfont">&#x1D78C;</span>=<span>1D78C</span></span>
<span><span class="testfont">&#x1D78E;</span>=<span>1D78E</span></span>
<span><span class="testfont">&#x1D767;</span>=<span>1D767</span></span>
<span><span class="testfont">&#x1D78A;</span>=<span>1D78A</span></span><br/>
</body>
</html>

View file

@ -0,0 +1,151 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-transform math-bold-sans-serif</title>
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
<link rel="match" href="text-transform-math-bold-sans-serif-001.tentative-ref.html"/>
<meta name="assert" content="Verify that a character with 'text-transform: math-bold-sans-serif' renders the same as the transformed unicode character.">
<style>
@font-face {
font-family: TestFont;
src: url("/fonts/math/mathvariant-bold-sans-serif.woff");
}
body > span {
padding: 10px;
}
span > span {
font-family: monospace;
font-size: 10px;
}
.testfont {
font-family: TestFont;
font-size: 10px;
}
</style>
<body>
<!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
<p>Test passes if all the equalities below are true.</p>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x2202;</span>=<span>1D789</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x2207;</span>=<span>1D76F</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x30;</span>=<span>1D7EC</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x31;</span>=<span>1D7ED</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x32;</span>=<span>1D7EE</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x33;</span>=<span>1D7EF</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x34;</span>=<span>1D7F0</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x35;</span>=<span>1D7F1</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x36;</span>=<span>1D7F2</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x37;</span>=<span>1D7F3</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x38;</span>=<span>1D7F4</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x39;</span>=<span>1D7F5</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x41;</span>=<span>1D5D4</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x42;</span>=<span>1D5D5</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x43;</span>=<span>1D5D6</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x44;</span>=<span>1D5D7</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x45;</span>=<span>1D5D8</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x46;</span>=<span>1D5D9</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x47;</span>=<span>1D5DA</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x48;</span>=<span>1D5DB</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x49;</span>=<span>1D5DC</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x4A;</span>=<span>1D5DD</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x4B;</span>=<span>1D5DE</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x4C;</span>=<span>1D5DF</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x4D;</span>=<span>1D5E0</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x4E;</span>=<span>1D5E1</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x4F;</span>=<span>1D5E2</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x50;</span>=<span>1D5E3</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x51;</span>=<span>1D5E4</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x52;</span>=<span>1D5E5</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x53;</span>=<span>1D5E6</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x54;</span>=<span>1D5E7</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x55;</span>=<span>1D5E8</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x56;</span>=<span>1D5E9</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x57;</span>=<span>1D5EA</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x58;</span>=<span>1D5EB</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x59;</span>=<span>1D5EC</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x5A;</span>=<span>1D5ED</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x61;</span>=<span>1D5EE</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x62;</span>=<span>1D5EF</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x63;</span>=<span>1D5F0</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x64;</span>=<span>1D5F1</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x65;</span>=<span>1D5F2</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x66;</span>=<span>1D5F3</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x67;</span>=<span>1D5F4</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x68;</span>=<span>1D5F5</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x69;</span>=<span>1D5F6</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x6A;</span>=<span>1D5F7</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x6B;</span>=<span>1D5F8</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x6C;</span>=<span>1D5F9</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x6D;</span>=<span>1D5FA</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x6E;</span>=<span>1D5FB</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x6F;</span>=<span>1D5FC</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x70;</span>=<span>1D5FD</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x71;</span>=<span>1D5FE</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x72;</span>=<span>1D5FF</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x73;</span>=<span>1D600</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x74;</span>=<span>1D601</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x75;</span>=<span>1D602</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x76;</span>=<span>1D603</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x77;</span>=<span>1D604</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x78;</span>=<span>1D605</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x79;</span>=<span>1D606</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x7A;</span>=<span>1D607</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x391;</span>=<span>1D756</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x392;</span>=<span>1D757</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x393;</span>=<span>1D758</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x394;</span>=<span>1D759</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x395;</span>=<span>1D75A</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x396;</span>=<span>1D75B</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x397;</span>=<span>1D75C</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x398;</span>=<span>1D75D</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x399;</span>=<span>1D75E</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x39A;</span>=<span>1D75F</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x39B;</span>=<span>1D760</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x39C;</span>=<span>1D761</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x39D;</span>=<span>1D762</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x39E;</span>=<span>1D763</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x39F;</span>=<span>1D764</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3A0;</span>=<span>1D765</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3A1;</span>=<span>1D766</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3A3;</span>=<span>1D768</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3A4;</span>=<span>1D769</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3A5;</span>=<span>1D76A</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3A6;</span>=<span>1D76B</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3A7;</span>=<span>1D76C</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3A8;</span>=<span>1D76D</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3A9;</span>=<span>1D76E</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3B1;</span>=<span>1D770</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3B2;</span>=<span>1D771</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3B3;</span>=<span>1D772</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3B4;</span>=<span>1D773</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3B5;</span>=<span>1D774</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3B6;</span>=<span>1D775</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3B7;</span>=<span>1D776</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3B8;</span>=<span>1D777</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3B9;</span>=<span>1D778</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3BA;</span>=<span>1D779</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3BB;</span>=<span>1D77A</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3BC;</span>=<span>1D77B</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3BD;</span>=<span>1D77C</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3BE;</span>=<span>1D77D</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3BF;</span>=<span>1D77E</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3C0;</span>=<span>1D77F</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3C1;</span>=<span>1D780</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3C2;</span>=<span>1D781</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3C3;</span>=<span>1D782</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3C4;</span>=<span>1D783</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3C5;</span>=<span>1D784</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3C6;</span>=<span>1D785</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3C7;</span>=<span>1D786</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3C8;</span>=<span>1D787</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3C9;</span>=<span>1D788</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3D1;</span>=<span>1D78B</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3D5;</span>=<span>1D78D</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3D6;</span>=<span>1D78F</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3F0;</span>=<span>1D78C</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3F1;</span>=<span>1D78E</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3F4;</span>=<span>1D767</span></span>
<span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3F5;</span>=<span>1D78A</span></span><br/>
</body>
</html>

View file

@ -0,0 +1,79 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-transform math-bold-script (reference)</title>
<style>
@font-face {
font-family: TestFont;
src: url("/fonts/math/mathvariant-bold-script.woff");
}
body > span {
padding: 10px;
}
span > span {
font-family: monospace;
font-size: 10px;
}
.testfont {
font-family: TestFont;
font-size: 10px;
}
</style>
<body>
<!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
<p>Test passes if all the equalities below are true.</p>
<span><span class="testfont">&#x1D4D0;</span>=<span>1D4D0</span></span>
<span><span class="testfont">&#x1D4D1;</span>=<span>1D4D1</span></span>
<span><span class="testfont">&#x1D4D2;</span>=<span>1D4D2</span></span>
<span><span class="testfont">&#x1D4D3;</span>=<span>1D4D3</span></span>
<span><span class="testfont">&#x1D4D4;</span>=<span>1D4D4</span></span>
<span><span class="testfont">&#x1D4D5;</span>=<span>1D4D5</span></span>
<span><span class="testfont">&#x1D4D6;</span>=<span>1D4D6</span></span>
<span><span class="testfont">&#x1D4D7;</span>=<span>1D4D7</span></span>
<span><span class="testfont">&#x1D4D8;</span>=<span>1D4D8</span></span>
<span><span class="testfont">&#x1D4D9;</span>=<span>1D4D9</span></span><br/>
<span><span class="testfont">&#x1D4DA;</span>=<span>1D4DA</span></span>
<span><span class="testfont">&#x1D4DB;</span>=<span>1D4DB</span></span>
<span><span class="testfont">&#x1D4DC;</span>=<span>1D4DC</span></span>
<span><span class="testfont">&#x1D4DD;</span>=<span>1D4DD</span></span>
<span><span class="testfont">&#x1D4DE;</span>=<span>1D4DE</span></span>
<span><span class="testfont">&#x1D4DF;</span>=<span>1D4DF</span></span>
<span><span class="testfont">&#x1D4E0;</span>=<span>1D4E0</span></span>
<span><span class="testfont">&#x1D4E1;</span>=<span>1D4E1</span></span>
<span><span class="testfont">&#x1D4E2;</span>=<span>1D4E2</span></span>
<span><span class="testfont">&#x1D4E3;</span>=<span>1D4E3</span></span><br/>
<span><span class="testfont">&#x1D4E4;</span>=<span>1D4E4</span></span>
<span><span class="testfont">&#x1D4E5;</span>=<span>1D4E5</span></span>
<span><span class="testfont">&#x1D4E6;</span>=<span>1D4E6</span></span>
<span><span class="testfont">&#x1D4E7;</span>=<span>1D4E7</span></span>
<span><span class="testfont">&#x1D4E8;</span>=<span>1D4E8</span></span>
<span><span class="testfont">&#x1D4E9;</span>=<span>1D4E9</span></span>
<span><span class="testfont">&#x1D4EA;</span>=<span>1D4EA</span></span>
<span><span class="testfont">&#x1D4EB;</span>=<span>1D4EB</span></span>
<span><span class="testfont">&#x1D4EC;</span>=<span>1D4EC</span></span>
<span><span class="testfont">&#x1D4ED;</span>=<span>1D4ED</span></span><br/>
<span><span class="testfont">&#x1D4EE;</span>=<span>1D4EE</span></span>
<span><span class="testfont">&#x1D4EF;</span>=<span>1D4EF</span></span>
<span><span class="testfont">&#x1D4F0;</span>=<span>1D4F0</span></span>
<span><span class="testfont">&#x1D4F1;</span>=<span>1D4F1</span></span>
<span><span class="testfont">&#x1D4F2;</span>=<span>1D4F2</span></span>
<span><span class="testfont">&#x1D4F3;</span>=<span>1D4F3</span></span>
<span><span class="testfont">&#x1D4F4;</span>=<span>1D4F4</span></span>
<span><span class="testfont">&#x1D4F5;</span>=<span>1D4F5</span></span>
<span><span class="testfont">&#x1D4F6;</span>=<span>1D4F6</span></span>
<span><span class="testfont">&#x1D4F7;</span>=<span>1D4F7</span></span><br/>
<span><span class="testfont">&#x1D4F8;</span>=<span>1D4F8</span></span>
<span><span class="testfont">&#x1D4F9;</span>=<span>1D4F9</span></span>
<span><span class="testfont">&#x1D4FA;</span>=<span>1D4FA</span></span>
<span><span class="testfont">&#x1D4FB;</span>=<span>1D4FB</span></span>
<span><span class="testfont">&#x1D4FC;</span>=<span>1D4FC</span></span>
<span><span class="testfont">&#x1D4FD;</span>=<span>1D4FD</span></span>
<span><span class="testfont">&#x1D4FE;</span>=<span>1D4FE</span></span>
<span><span class="testfont">&#x1D4FF;</span>=<span>1D4FF</span></span>
<span><span class="testfont">&#x1D500;</span>=<span>1D500</span></span>
<span><span class="testfont">&#x1D501;</span>=<span>1D501</span></span><br/>
<span><span class="testfont">&#x1D502;</span>=<span>1D502</span></span>
<span><span class="testfont">&#x1D503;</span>=<span>1D503</span></span>
</body>
</html>

View file

@ -0,0 +1,83 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-transform math-bold-script</title>
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
<link rel="match" href="text-transform-math-bold-script-001.tentative-ref.html"/>
<meta name="assert" content="Verify that a character with 'text-transform: math-bold-script' renders the same as the transformed unicode character.">
<style>
@font-face {
font-family: TestFont;
src: url("/fonts/math/mathvariant-bold-script.woff");
}
body > span {
padding: 10px;
}
span > span {
font-family: monospace;
font-size: 10px;
}
.testfont {
font-family: TestFont;
font-size: 10px;
}
</style>
<body>
<!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
<p>Test passes if all the equalities below are true.</p>
<span><span class="testfont" style="text-transform: math-bold-script">&#x41;</span>=<span>1D4D0</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x42;</span>=<span>1D4D1</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x43;</span>=<span>1D4D2</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x44;</span>=<span>1D4D3</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x45;</span>=<span>1D4D4</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x46;</span>=<span>1D4D5</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x47;</span>=<span>1D4D6</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x48;</span>=<span>1D4D7</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x49;</span>=<span>1D4D8</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x4A;</span>=<span>1D4D9</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold-script">&#x4B;</span>=<span>1D4DA</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x4C;</span>=<span>1D4DB</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x4D;</span>=<span>1D4DC</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x4E;</span>=<span>1D4DD</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x4F;</span>=<span>1D4DE</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x50;</span>=<span>1D4DF</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x51;</span>=<span>1D4E0</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x52;</span>=<span>1D4E1</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x53;</span>=<span>1D4E2</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x54;</span>=<span>1D4E3</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold-script">&#x55;</span>=<span>1D4E4</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x56;</span>=<span>1D4E5</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x57;</span>=<span>1D4E6</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x58;</span>=<span>1D4E7</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x59;</span>=<span>1D4E8</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x5A;</span>=<span>1D4E9</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x61;</span>=<span>1D4EA</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x62;</span>=<span>1D4EB</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x63;</span>=<span>1D4EC</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x64;</span>=<span>1D4ED</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold-script">&#x65;</span>=<span>1D4EE</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x66;</span>=<span>1D4EF</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x67;</span>=<span>1D4F0</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x68;</span>=<span>1D4F1</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x69;</span>=<span>1D4F2</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x6A;</span>=<span>1D4F3</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x6B;</span>=<span>1D4F4</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x6C;</span>=<span>1D4F5</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x6D;</span>=<span>1D4F6</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x6E;</span>=<span>1D4F7</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold-script">&#x6F;</span>=<span>1D4F8</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x70;</span>=<span>1D4F9</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x71;</span>=<span>1D4FA</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x72;</span>=<span>1D4FB</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x73;</span>=<span>1D4FC</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x74;</span>=<span>1D4FD</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x75;</span>=<span>1D4FE</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x76;</span>=<span>1D4FF</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x77;</span>=<span>1D500</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x78;</span>=<span>1D501</span></span><br/>
<span><span class="testfont" style="text-transform: math-bold-script">&#x79;</span>=<span>1D502</span></span>
<span><span class="testfont" style="text-transform: math-bold-script">&#x7A;</span>=<span>1D503</span></span>
</body>
</html>

View file

@ -0,0 +1,114 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-transform math-double-struck (reference)</title>
<style>
@font-face {
font-family: TestFont;
src: url("/fonts/math/mathvariant-double-struck.woff");
}
body > span {
padding: 10px;
}
span > span {
font-family: monospace;
font-size: 10px;
}
.testfont {
font-family: TestFont;
font-size: 10px;
}
</style>
<body>
<!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
<p>Test passes if all the equalities below are true.</p>
<span><span class="testfont">&#x1EEA1;</span>=<span>1EEA1</span></span>
<span><span class="testfont">&#x1EEB5;</span>=<span>1EEB5</span></span>
<span><span class="testfont">&#x1EEB6;</span>=<span>1EEB6</span></span>
<span><span class="testfont">&#x1EEA2;</span>=<span>1EEA2</span></span>
<span><span class="testfont">&#x1EEA7;</span>=<span>1EEA7</span></span>
<span><span class="testfont">&#x1EEB7;</span>=<span>1EEB7</span></span>
<span><span class="testfont">&#x1EEA3;</span>=<span>1EEA3</span></span>
<span><span class="testfont">&#x1EEB8;</span>=<span>1EEB8</span></span>
<span><span class="testfont">&#x1EEB3;</span>=<span>1EEB3</span></span>
<span><span class="testfont">&#x1EEA6;</span>=<span>1EEA6</span></span><br/>
<span><span class="testfont">&#x1D7DB;</span>=<span>1D7DB</span></span>
<span><span class="testfont">&#x1D7DC;</span>=<span>1D7DC</span></span>
<span><span class="testfont">&#x1D7DD;</span>=<span>1D7DD</span></span>
<span><span class="testfont">&#x1EEB9;</span>=<span>1EEB9</span></span>
<span><span class="testfont">&#x1EEA8;</span>=<span>1EEA8</span></span>
<span><span class="testfont">&#x1EEBA;</span>=<span>1EEBA</span></span>
<span><span class="testfont">&#x1D7E1;</span>=<span>1D7E1</span></span>
<span><span class="testfont">&#x1EEBB;</span>=<span>1EEBB</span></span>
<span><span class="testfont">&#x1EEB0;</span>=<span>1EEB0</span></span>
<span><span class="testfont">&#x1EEB2;</span>=<span>1EEB2</span></span><br/>
<span><span class="testfont">&#x2102;</span>=<span>02102</span></span>
<span><span class="testfont">&#x1EEAB;</span>=<span>1EEAB</span></span>
<span><span class="testfont">&#x1EEAC;</span>=<span>1EEAC</span></span>
<span><span class="testfont">&#x1EEAD;</span>=<span>1EEAD</span></span>
<span><span class="testfont">&#x1D53E;</span>=<span>1D53E</span></span>
<span><span class="testfont">&#x1EEA5;</span>=<span>1EEA5</span></span>
<span><span class="testfont">&#x1D540;</span>=<span>1D540</span></span>
<span><span class="testfont">&#x1EEA9;</span>=<span>1EEA9</span></span>
<span><span class="testfont">&#x1D542;</span>=<span>1D542</span></span>
<span><span class="testfont">&#x1D543;</span>=<span>1D543</span></span><br/>
<span><span class="testfont">&#x1D544;</span>=<span>1D544</span></span>
<span><span class="testfont">&#x2115;</span>=<span>02115</span></span>
<span><span class="testfont">&#x1D546;</span>=<span>1D546</span></span>
<span><span class="testfont">&#x2119;</span>=<span>02119</span></span>
<span><span class="testfont">&#x211A;</span>=<span>0211A</span></span>
<span><span class="testfont">&#x211D;</span>=<span>0211D</span></span>
<span><span class="testfont">&#x1D54A;</span>=<span>1D54A</span></span>
<span><span class="testfont">&#x1D54B;</span>=<span>1D54B</span></span>
<span><span class="testfont">&#x1D54C;</span>=<span>1D54C</span></span>
<span><span class="testfont">&#x1D54D;</span>=<span>1D54D</span></span><br/>
<span><span class="testfont">&#x1D54E;</span>=<span>1D54E</span></span>
<span><span class="testfont">&#x1D54F;</span>=<span>1D54F</span></span>
<span><span class="testfont">&#x1D550;</span>=<span>1D550</span></span>
<span><span class="testfont">&#x2124;</span>=<span>02124</span></span>
<span><span class="testfont">&#x1D552;</span>=<span>1D552</span></span>
<span><span class="testfont">&#x1D553;</span>=<span>1D553</span></span>
<span><span class="testfont">&#x1D554;</span>=<span>1D554</span></span>
<span><span class="testfont">&#x1D555;</span>=<span>1D555</span></span>
<span><span class="testfont">&#x1D556;</span>=<span>1D556</span></span>
<span><span class="testfont">&#x1D557;</span>=<span>1D557</span></span><br/>
<span><span class="testfont">&#x1D558;</span>=<span>1D558</span></span>
<span><span class="testfont">&#x1D559;</span>=<span>1D559</span></span>
<span><span class="testfont">&#x1D55A;</span>=<span>1D55A</span></span>
<span><span class="testfont">&#x1D55B;</span>=<span>1D55B</span></span>
<span><span class="testfont">&#x1D55C;</span>=<span>1D55C</span></span>
<span><span class="testfont">&#x1D55D;</span>=<span>1D55D</span></span>
<span><span class="testfont">&#x1D55E;</span>=<span>1D55E</span></span>
<span><span class="testfont">&#x1D55F;</span>=<span>1D55F</span></span>
<span><span class="testfont">&#x1D560;</span>=<span>1D560</span></span>
<span><span class="testfont">&#x1D561;</span>=<span>1D561</span></span><br/>
<span><span class="testfont">&#x1D562;</span>=<span>1D562</span></span>
<span><span class="testfont">&#x1D563;</span>=<span>1D563</span></span>
<span><span class="testfont">&#x1D564;</span>=<span>1D564</span></span>
<span><span class="testfont">&#x1D565;</span>=<span>1D565</span></span>
<span><span class="testfont">&#x1D566;</span>=<span>1D566</span></span>
<span><span class="testfont">&#x1D567;</span>=<span>1D567</span></span>
<span><span class="testfont">&#x1D568;</span>=<span>1D568</span></span>
<span><span class="testfont">&#x1D569;</span>=<span>1D569</span></span>
<span><span class="testfont">&#x1D56A;</span>=<span>1D56A</span></span>
<span><span class="testfont">&#x1D56B;</span>=<span>1D56B</span></span><br/>
<span><span class="testfont">&#x1D7D8;</span>=<span>1D7D8</span></span>
<span><span class="testfont">&#x1D7D9;</span>=<span>1D7D9</span></span>
<span><span class="testfont">&#x1D7DA;</span>=<span>1D7DA</span></span>
<span><span class="testfont">&#x1EEAE;</span>=<span>1EEAE</span></span>
<span><span class="testfont">&#x1EEB4;</span>=<span>1EEB4</span></span>
<span><span class="testfont">&#x1EEB1;</span>=<span>1EEB1</span></span>
<span><span class="testfont">&#x1D7DE;</span>=<span>1D7DE</span></span>
<span><span class="testfont">&#x1D7DF;</span>=<span>1D7DF</span></span>
<span><span class="testfont">&#x1D7E0;</span>=<span>1D7E0</span></span>
<span><span class="testfont">&#x1EEAF;</span>=<span>1EEAF</span></span><br/>
<span><span class="testfont">&#x1D538;</span>=<span>1D538</span></span>
<span><span class="testfont">&#x1D539;</span>=<span>1D539</span></span>
<span><span class="testfont">&#x1D53B;</span>=<span>1D53B</span></span>
<span><span class="testfont">&#x1D53C;</span>=<span>1D53C</span></span>
<span><span class="testfont">&#x1D53D;</span>=<span>1D53D</span></span>
<span><span class="testfont">&#x210D;</span>=<span>0210D</span></span>
<span><span class="testfont">&#x1D541;</span>=<span>1D541</span></span>
</body>
</html>

View file

@ -0,0 +1,118 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-transform math-double-struck</title>
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
<link rel="match" href="text-transform-math-double-struck-001.tentative-ref.html"/>
<meta name="assert" content="Verify that a character with 'text-transform: math-double-struck' renders the same as the transformed unicode character.">
<style>
@font-face {
font-family: TestFont;
src: url("/fonts/math/mathvariant-double-struck.woff");
}
body > span {
padding: 10px;
}
span > span {
font-family: monospace;
font-size: 10px;
}
.testfont {
font-family: TestFont;
font-size: 10px;
}
</style>
<body>
<!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
<p>Test passes if all the equalities below are true.</p>
<span><span class="testfont" style="text-transform: math-double-struck">&#x628;</span>=<span>1EEA1</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x62A;</span>=<span>1EEB5</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x62B;</span>=<span>1EEB6</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x62C;</span>=<span>1EEA2</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x62D;</span>=<span>1EEA7</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x62E;</span>=<span>1EEB7</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x62F;</span>=<span>1EEA3</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x630;</span>=<span>1EEB8</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x631;</span>=<span>1EEB3</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x632;</span>=<span>1EEA6</span></span><br/>
<span><span class="testfont" style="text-transform: math-double-struck">&#x33;</span>=<span>1D7DB</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x34;</span>=<span>1D7DC</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x35;</span>=<span>1D7DD</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x636;</span>=<span>1EEB9</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x637;</span>=<span>1EEA8</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x638;</span>=<span>1EEBA</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x39;</span>=<span>1D7E1</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x63A;</span>=<span>1EEBB</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x641;</span>=<span>1EEB0</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x642;</span>=<span>1EEB2</span></span><br/>
<span><span class="testfont" style="text-transform: math-double-struck">&#x43;</span>=<span>02102</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x644;</span>=<span>1EEAB</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x645;</span>=<span>1EEAC</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x646;</span>=<span>1EEAD</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x47;</span>=<span>1D53E</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x648;</span>=<span>1EEA5</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x49;</span>=<span>1D540</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x64A;</span>=<span>1EEA9</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x4B;</span>=<span>1D542</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x4C;</span>=<span>1D543</span></span><br/>
<span><span class="testfont" style="text-transform: math-double-struck">&#x4D;</span>=<span>1D544</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x4E;</span>=<span>02115</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x4F;</span>=<span>1D546</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x50;</span>=<span>02119</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x51;</span>=<span>0211A</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x52;</span>=<span>0211D</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x53;</span>=<span>1D54A</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x54;</span>=<span>1D54B</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x55;</span>=<span>1D54C</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x56;</span>=<span>1D54D</span></span><br/>
<span><span class="testfont" style="text-transform: math-double-struck">&#x57;</span>=<span>1D54E</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x58;</span>=<span>1D54F</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x59;</span>=<span>1D550</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x5A;</span>=<span>02124</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x61;</span>=<span>1D552</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x62;</span>=<span>1D553</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x63;</span>=<span>1D554</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x64;</span>=<span>1D555</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x65;</span>=<span>1D556</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x66;</span>=<span>1D557</span></span><br/>
<span><span class="testfont" style="text-transform: math-double-struck">&#x67;</span>=<span>1D558</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x68;</span>=<span>1D559</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x69;</span>=<span>1D55A</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x6A;</span>=<span>1D55B</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x6B;</span>=<span>1D55C</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x6C;</span>=<span>1D55D</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x6D;</span>=<span>1D55E</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x6E;</span>=<span>1D55F</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x6F;</span>=<span>1D560</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x70;</span>=<span>1D561</span></span><br/>
<span><span class="testfont" style="text-transform: math-double-struck">&#x71;</span>=<span>1D562</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x72;</span>=<span>1D563</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x73;</span>=<span>1D564</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x74;</span>=<span>1D565</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x75;</span>=<span>1D566</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x76;</span>=<span>1D567</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x77;</span>=<span>1D568</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x78;</span>=<span>1D569</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x79;</span>=<span>1D56A</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x7A;</span>=<span>1D56B</span></span><br/>
<span><span class="testfont" style="text-transform: math-double-struck">&#x30;</span>=<span>1D7D8</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x31;</span>=<span>1D7D9</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x32;</span>=<span>1D7DA</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x633;</span>=<span>1EEAE</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x634;</span>=<span>1EEB4</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x635;</span>=<span>1EEB1</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x36;</span>=<span>1D7DE</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x37;</span>=<span>1D7DF</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x38;</span>=<span>1D7E0</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x639;</span>=<span>1EEAF</span></span><br/>
<span><span class="testfont" style="text-transform: math-double-struck">&#x41;</span>=<span>1D538</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x42;</span>=<span>1D539</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x44;</span>=<span>1D53B</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x45;</span>=<span>1D53C</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x46;</span>=<span>1D53D</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x48;</span>=<span>0210D</span></span>
<span><span class="testfont" style="text-transform: math-double-struck">&#x4A;</span>=<span>1D541</span></span>
</body>
</html>

View file

@ -0,0 +1,79 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-transform math-fraktur (reference)</title>
<style>
@font-face {
font-family: TestFont;
src: url("/fonts/math/mathvariant-fraktur.woff");
}
body > span {
padding: 10px;
}
span > span {
font-family: monospace;
font-size: 10px;
}
.testfont {
font-family: TestFont;
font-size: 10px;
}
</style>
<body>
<!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
<p>Test passes if all the equalities below are true.</p>
<span><span class="testfont">&#x1D504;</span>=<span>1D504</span></span>
<span><span class="testfont">&#x1D505;</span>=<span>1D505</span></span>
<span><span class="testfont">&#x212D;</span>=<span>0212D</span></span>
<span><span class="testfont">&#x1D507;</span>=<span>1D507</span></span>
<span><span class="testfont">&#x1D508;</span>=<span>1D508</span></span>
<span><span class="testfont">&#x1D509;</span>=<span>1D509</span></span>
<span><span class="testfont">&#x1D50A;</span>=<span>1D50A</span></span>
<span><span class="testfont">&#x210C;</span>=<span>0210C</span></span>
<span><span class="testfont">&#x2111;</span>=<span>02111</span></span>
<span><span class="testfont">&#x1D50D;</span>=<span>1D50D</span></span><br/>
<span><span class="testfont">&#x1D50E;</span>=<span>1D50E</span></span>
<span><span class="testfont">&#x1D50F;</span>=<span>1D50F</span></span>
<span><span class="testfont">&#x1D510;</span>=<span>1D510</span></span>
<span><span class="testfont">&#x1D511;</span>=<span>1D511</span></span>
<span><span class="testfont">&#x1D512;</span>=<span>1D512</span></span>
<span><span class="testfont">&#x1D513;</span>=<span>1D513</span></span>
<span><span class="testfont">&#x1D514;</span>=<span>1D514</span></span>
<span><span class="testfont">&#x211C;</span>=<span>0211C</span></span>
<span><span class="testfont">&#x1D516;</span>=<span>1D516</span></span>
<span><span class="testfont">&#x1D517;</span>=<span>1D517</span></span><br/>
<span><span class="testfont">&#x1D518;</span>=<span>1D518</span></span>
<span><span class="testfont">&#x1D519;</span>=<span>1D519</span></span>
<span><span class="testfont">&#x1D51A;</span>=<span>1D51A</span></span>
<span><span class="testfont">&#x1D51B;</span>=<span>1D51B</span></span>
<span><span class="testfont">&#x1D51C;</span>=<span>1D51C</span></span>
<span><span class="testfont">&#x2128;</span>=<span>02128</span></span>
<span><span class="testfont">&#x1D51E;</span>=<span>1D51E</span></span>
<span><span class="testfont">&#x1D51F;</span>=<span>1D51F</span></span>
<span><span class="testfont">&#x1D520;</span>=<span>1D520</span></span>
<span><span class="testfont">&#x1D521;</span>=<span>1D521</span></span><br/>
<span><span class="testfont">&#x1D522;</span>=<span>1D522</span></span>
<span><span class="testfont">&#x1D523;</span>=<span>1D523</span></span>
<span><span class="testfont">&#x1D524;</span>=<span>1D524</span></span>
<span><span class="testfont">&#x1D525;</span>=<span>1D525</span></span>
<span><span class="testfont">&#x1D526;</span>=<span>1D526</span></span>
<span><span class="testfont">&#x1D527;</span>=<span>1D527</span></span>
<span><span class="testfont">&#x1D528;</span>=<span>1D528</span></span>
<span><span class="testfont">&#x1D529;</span>=<span>1D529</span></span>
<span><span class="testfont">&#x1D52A;</span>=<span>1D52A</span></span>
<span><span class="testfont">&#x1D52B;</span>=<span>1D52B</span></span><br/>
<span><span class="testfont">&#x1D52C;</span>=<span>1D52C</span></span>
<span><span class="testfont">&#x1D52D;</span>=<span>1D52D</span></span>
<span><span class="testfont">&#x1D52E;</span>=<span>1D52E</span></span>
<span><span class="testfont">&#x1D52F;</span>=<span>1D52F</span></span>
<span><span class="testfont">&#x1D530;</span>=<span>1D530</span></span>
<span><span class="testfont">&#x1D531;</span>=<span>1D531</span></span>
<span><span class="testfont">&#x1D532;</span>=<span>1D532</span></span>
<span><span class="testfont">&#x1D533;</span>=<span>1D533</span></span>
<span><span class="testfont">&#x1D534;</span>=<span>1D534</span></span>
<span><span class="testfont">&#x1D535;</span>=<span>1D535</span></span><br/>
<span><span class="testfont">&#x1D536;</span>=<span>1D536</span></span>
<span><span class="testfont">&#x1D537;</span>=<span>1D537</span></span>
</body>
</html>

View file

@ -0,0 +1,83 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-transform math-fraktur</title>
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
<link rel="match" href="text-transform-math-fraktur-001.tentative-ref.html"/>
<meta name="assert" content="Verify that a character with 'text-transform: math-fraktur' renders the same as the transformed unicode character.">
<style>
@font-face {
font-family: TestFont;
src: url("/fonts/math/mathvariant-fraktur.woff");
}
body > span {
padding: 10px;
}
span > span {
font-family: monospace;
font-size: 10px;
}
.testfont {
font-family: TestFont;
font-size: 10px;
}
</style>
<body>
<!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
<p>Test passes if all the equalities below are true.</p>
<span><span class="testfont" style="text-transform: math-fraktur">&#x41;</span>=<span>1D504</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x42;</span>=<span>1D505</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x43;</span>=<span>0212D</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x44;</span>=<span>1D507</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x45;</span>=<span>1D508</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x46;</span>=<span>1D509</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x47;</span>=<span>1D50A</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x48;</span>=<span>0210C</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x49;</span>=<span>02111</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x4A;</span>=<span>1D50D</span></span><br/>
<span><span class="testfont" style="text-transform: math-fraktur">&#x4B;</span>=<span>1D50E</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x4C;</span>=<span>1D50F</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x4D;</span>=<span>1D510</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x4E;</span>=<span>1D511</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x4F;</span>=<span>1D512</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x50;</span>=<span>1D513</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x51;</span>=<span>1D514</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x52;</span>=<span>0211C</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x53;</span>=<span>1D516</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x54;</span>=<span>1D517</span></span><br/>
<span><span class="testfont" style="text-transform: math-fraktur">&#x55;</span>=<span>1D518</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x56;</span>=<span>1D519</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x57;</span>=<span>1D51A</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x58;</span>=<span>1D51B</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x59;</span>=<span>1D51C</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x5A;</span>=<span>02128</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x61;</span>=<span>1D51E</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x62;</span>=<span>1D51F</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x63;</span>=<span>1D520</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x64;</span>=<span>1D521</span></span><br/>
<span><span class="testfont" style="text-transform: math-fraktur">&#x65;</span>=<span>1D522</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x66;</span>=<span>1D523</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x67;</span>=<span>1D524</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x68;</span>=<span>1D525</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x69;</span>=<span>1D526</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x6A;</span>=<span>1D527</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x6B;</span>=<span>1D528</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x6C;</span>=<span>1D529</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x6D;</span>=<span>1D52A</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x6E;</span>=<span>1D52B</span></span><br/>
<span><span class="testfont" style="text-transform: math-fraktur">&#x6F;</span>=<span>1D52C</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x70;</span>=<span>1D52D</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x71;</span>=<span>1D52E</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x72;</span>=<span>1D52F</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x73;</span>=<span>1D530</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x74;</span>=<span>1D531</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x75;</span>=<span>1D532</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x76;</span>=<span>1D533</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x77;</span>=<span>1D534</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x78;</span>=<span>1D535</span></span><br/>
<span><span class="testfont" style="text-transform: math-fraktur">&#x79;</span>=<span>1D536</span></span>
<span><span class="testfont" style="text-transform: math-fraktur">&#x7A;</span>=<span>1D537</span></span>
</body>
</html>

View file

@ -0,0 +1,47 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-transform math-initial (reference)</title>
<style>
@font-face {
font-family: TestFont;
src: url("/fonts/math/mathvariant-initial.woff");
}
body > span {
padding: 10px;
}
span > span {
font-family: monospace;
font-size: 10px;
}
.testfont {
font-family: TestFont;
font-size: 10px;
}
</style>
<body>
<!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
<p>Test passes if all the equalities below are true.</p>
<span><span class="testfont">&#x1EE30;</span>=<span>1EE30</span></span>
<span><span class="testfont">&#x1EE32;</span>=<span>1EE32</span></span>
<span><span class="testfont">&#x1EE2A;</span>=<span>1EE2A</span></span>
<span><span class="testfont">&#x1EE2B;</span>=<span>1EE2B</span></span>
<span><span class="testfont">&#x1EE2C;</span>=<span>1EE2C</span></span>
<span><span class="testfont">&#x1EE2D;</span>=<span>1EE2D</span></span>
<span><span class="testfont">&#x1EE24;</span>=<span>1EE24</span></span>
<span><span class="testfont">&#x1EE21;</span>=<span>1EE21</span></span>
<span><span class="testfont">&#x1EE29;</span>=<span>1EE29</span></span>
<span><span class="testfont">&#x1EE36;</span>=<span>1EE36</span></span><br/>
<span><span class="testfont">&#x1EE22;</span>=<span>1EE22</span></span>
<span><span class="testfont">&#x1EE27;</span>=<span>1EE27</span></span>
<span><span class="testfont">&#x1EE37;</span>=<span>1EE37</span></span>
<span><span class="testfont">&#x1EE2E;</span>=<span>1EE2E</span></span>
<span><span class="testfont">&#x1EE34;</span>=<span>1EE34</span></span>
<span><span class="testfont">&#x1EE31;</span>=<span>1EE31</span></span>
<span><span class="testfont">&#x1EE39;</span>=<span>1EE39</span></span>
<span><span class="testfont">&#x1EE2F;</span>=<span>1EE2F</span></span>
<span><span class="testfont">&#x1EE3B;</span>=<span>1EE3B</span></span>
<span><span class="testfont">&#x1EE35;</span>=<span>1EE35</span></span><br/>
</body>
</html>

View file

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-transform math-initial</title>
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
<link rel="match" href="text-transform-math-initial-001.tentative-ref.html"/>
<meta name="assert" content="Verify that a character with 'text-transform: math-initial' renders the same as the transformed unicode character.">
<style>
@font-face {
font-family: TestFont;
src: url("/fonts/math/mathvariant-initial.woff");
}
body > span {
padding: 10px;
}
span > span {
font-family: monospace;
font-size: 10px;
}
.testfont {
font-family: TestFont;
font-size: 10px;
}
</style>
<body>
<!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
<p>Test passes if all the equalities below are true.</p>
<span><span class="testfont" style="text-transform: math-initial">&#x641;</span>=<span>1EE30</span></span>
<span><span class="testfont" style="text-transform: math-initial">&#x642;</span>=<span>1EE32</span></span>
<span><span class="testfont" style="text-transform: math-initial">&#x643;</span>=<span>1EE2A</span></span>
<span><span class="testfont" style="text-transform: math-initial">&#x644;</span>=<span>1EE2B</span></span>
<span><span class="testfont" style="text-transform: math-initial">&#x645;</span>=<span>1EE2C</span></span>
<span><span class="testfont" style="text-transform: math-initial">&#x646;</span>=<span>1EE2D</span></span>
<span><span class="testfont" style="text-transform: math-initial">&#x647;</span>=<span>1EE24</span></span>
<span><span class="testfont" style="text-transform: math-initial">&#x628;</span>=<span>1EE21</span></span>
<span><span class="testfont" style="text-transform: math-initial">&#x64A;</span>=<span>1EE29</span></span>
<span><span class="testfont" style="text-transform: math-initial">&#x62B;</span>=<span>1EE36</span></span><br/>
<span><span class="testfont" style="text-transform: math-initial">&#x62C;</span>=<span>1EE22</span></span>
<span><span class="testfont" style="text-transform: math-initial">&#x62D;</span>=<span>1EE27</span></span>
<span><span class="testfont" style="text-transform: math-initial">&#x62E;</span>=<span>1EE37</span></span>
<span><span class="testfont" style="text-transform: math-initial">&#x633;</span>=<span>1EE2E</span></span>
<span><span class="testfont" style="text-transform: math-initial">&#x634;</span>=<span>1EE34</span></span>
<span><span class="testfont" style="text-transform: math-initial">&#x635;</span>=<span>1EE31</span></span>
<span><span class="testfont" style="text-transform: math-initial">&#x636;</span>=<span>1EE39</span></span>
<span><span class="testfont" style="text-transform: math-initial">&#x639;</span>=<span>1EE2F</span></span>
<span><span class="testfont" style="text-transform: math-initial">&#x63A;</span>=<span>1EE3B</span></span>
<span><span class="testfont" style="text-transform: math-initial">&#x62A;</span>=<span>1EE35</span></span><br/>
</body>
</html>

View file

@ -0,0 +1,139 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-transform math-italic (reference)</title>
<style>
@font-face {
font-family: TestFont;
src: url("/fonts/math/mathvariant-italic.woff");
}
body > span {
padding: 10px;
}
span > span {
font-family: monospace;
font-size: 10px;
}
.testfont {
font-family: TestFont;
font-size: 10px;
}
</style>
<body>
<!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
<p>Test passes if all the equalities below are true.</p>
<span><span class="testfont">&#x1D715;</span>=<span>1D715</span></span>
<span><span class="testfont">&#x1D6FB;</span>=<span>1D6FB</span></span>
<span><span class="testfont">&#x1D6A5;</span>=<span>1D6A5</span></span>
<span><span class="testfont">&#x1D434;</span>=<span>1D434</span></span>
<span><span class="testfont">&#x1D435;</span>=<span>1D435</span></span>
<span><span class="testfont">&#x1D436;</span>=<span>1D436</span></span>
<span><span class="testfont">&#x1D437;</span>=<span>1D437</span></span>
<span><span class="testfont">&#x1D438;</span>=<span>1D438</span></span>
<span><span class="testfont">&#x1D439;</span>=<span>1D439</span></span>
<span><span class="testfont">&#x1D43A;</span>=<span>1D43A</span></span><br/>
<span><span class="testfont">&#x1D43B;</span>=<span>1D43B</span></span>
<span><span class="testfont">&#x1D43C;</span>=<span>1D43C</span></span>
<span><span class="testfont">&#x1D43D;</span>=<span>1D43D</span></span>
<span><span class="testfont">&#x1D43E;</span>=<span>1D43E</span></span>
<span><span class="testfont">&#x1D43F;</span>=<span>1D43F</span></span>
<span><span class="testfont">&#x1D440;</span>=<span>1D440</span></span>
<span><span class="testfont">&#x1D441;</span>=<span>1D441</span></span>
<span><span class="testfont">&#x1D442;</span>=<span>1D442</span></span>
<span><span class="testfont">&#x1D443;</span>=<span>1D443</span></span>
<span><span class="testfont">&#x1D444;</span>=<span>1D444</span></span><br/>
<span><span class="testfont">&#x1D445;</span>=<span>1D445</span></span>
<span><span class="testfont">&#x1D446;</span>=<span>1D446</span></span>
<span><span class="testfont">&#x1D447;</span>=<span>1D447</span></span>
<span><span class="testfont">&#x1D448;</span>=<span>1D448</span></span>
<span><span class="testfont">&#x1D449;</span>=<span>1D449</span></span>
<span><span class="testfont">&#x1D44A;</span>=<span>1D44A</span></span>
<span><span class="testfont">&#x1D44B;</span>=<span>1D44B</span></span>
<span><span class="testfont">&#x1D44C;</span>=<span>1D44C</span></span>
<span><span class="testfont">&#x1D44D;</span>=<span>1D44D</span></span>
<span><span class="testfont">&#x1D44E;</span>=<span>1D44E</span></span><br/>
<span><span class="testfont">&#x1D44F;</span>=<span>1D44F</span></span>
<span><span class="testfont">&#x1D450;</span>=<span>1D450</span></span>
<span><span class="testfont">&#x1D451;</span>=<span>1D451</span></span>
<span><span class="testfont">&#x1D452;</span>=<span>1D452</span></span>
<span><span class="testfont">&#x1D453;</span>=<span>1D453</span></span>
<span><span class="testfont">&#x1D454;</span>=<span>1D454</span></span>
<span><span class="testfont">&#x210E;</span>=<span>0210E</span></span>
<span><span class="testfont">&#x1D456;</span>=<span>1D456</span></span>
<span><span class="testfont">&#x1D457;</span>=<span>1D457</span></span>
<span><span class="testfont">&#x1D458;</span>=<span>1D458</span></span><br/>
<span><span class="testfont">&#x1D459;</span>=<span>1D459</span></span>
<span><span class="testfont">&#x1D45A;</span>=<span>1D45A</span></span>
<span><span class="testfont">&#x1D45B;</span>=<span>1D45B</span></span>
<span><span class="testfont">&#x1D45C;</span>=<span>1D45C</span></span>
<span><span class="testfont">&#x1D45D;</span>=<span>1D45D</span></span>
<span><span class="testfont">&#x1D45E;</span>=<span>1D45E</span></span>
<span><span class="testfont">&#x1D45F;</span>=<span>1D45F</span></span>
<span><span class="testfont">&#x1D460;</span>=<span>1D460</span></span>
<span><span class="testfont">&#x1D461;</span>=<span>1D461</span></span>
<span><span class="testfont">&#x1D462;</span>=<span>1D462</span></span><br/>
<span><span class="testfont">&#x1D463;</span>=<span>1D463</span></span>
<span><span class="testfont">&#x1D464;</span>=<span>1D464</span></span>
<span><span class="testfont">&#x1D465;</span>=<span>1D465</span></span>
<span><span class="testfont">&#x1D466;</span>=<span>1D466</span></span>
<span><span class="testfont">&#x1D467;</span>=<span>1D467</span></span>
<span><span class="testfont">&#x1D6A4;</span>=<span>1D6A4</span></span>
<span><span class="testfont">&#x1D6E2;</span>=<span>1D6E2</span></span>
<span><span class="testfont">&#x1D6E3;</span>=<span>1D6E3</span></span>
<span><span class="testfont">&#x1D6E4;</span>=<span>1D6E4</span></span>
<span><span class="testfont">&#x1D6E5;</span>=<span>1D6E5</span></span><br/>
<span><span class="testfont">&#x1D6E6;</span>=<span>1D6E6</span></span>
<span><span class="testfont">&#x1D6E7;</span>=<span>1D6E7</span></span>
<span><span class="testfont">&#x1D6E8;</span>=<span>1D6E8</span></span>
<span><span class="testfont">&#x1D6E9;</span>=<span>1D6E9</span></span>
<span><span class="testfont">&#x1D6EA;</span>=<span>1D6EA</span></span>
<span><span class="testfont">&#x1D6EB;</span>=<span>1D6EB</span></span>
<span><span class="testfont">&#x1D6EC;</span>=<span>1D6EC</span></span>
<span><span class="testfont">&#x1D6ED;</span>=<span>1D6ED</span></span>
<span><span class="testfont">&#x1D6EE;</span>=<span>1D6EE</span></span>
<span><span class="testfont">&#x1D6EF;</span>=<span>1D6EF</span></span><br/>
<span><span class="testfont">&#x1D6F0;</span>=<span>1D6F0</span></span>
<span><span class="testfont">&#x1D6F1;</span>=<span>1D6F1</span></span>
<span><span class="testfont">&#x1D6F2;</span>=<span>1D6F2</span></span>
<span><span class="testfont">&#x1D6F4;</span>=<span>1D6F4</span></span>
<span><span class="testfont">&#x1D6F5;</span>=<span>1D6F5</span></span>
<span><span class="testfont">&#x1D6F6;</span>=<span>1D6F6</span></span>
<span><span class="testfont">&#x1D6F7;</span>=<span>1D6F7</span></span>
<span><span class="testfont">&#x1D6F8;</span>=<span>1D6F8</span></span>
<span><span class="testfont">&#x1D6F9;</span>=<span>1D6F9</span></span>
<span><span class="testfont">&#x1D6FA;</span>=<span>1D6FA</span></span><br/>
<span><span class="testfont">&#x1D6FC;</span>=<span>1D6FC</span></span>
<span><span class="testfont">&#x1D6FD;</span>=<span>1D6FD</span></span>
<span><span class="testfont">&#x1D6FE;</span>=<span>1D6FE</span></span>
<span><span class="testfont">&#x1D6FF;</span>=<span>1D6FF</span></span>
<span><span class="testfont">&#x1D700;</span>=<span>1D700</span></span>
<span><span class="testfont">&#x1D701;</span>=<span>1D701</span></span>
<span><span class="testfont">&#x1D702;</span>=<span>1D702</span></span>
<span><span class="testfont">&#x1D703;</span>=<span>1D703</span></span>
<span><span class="testfont">&#x1D704;</span>=<span>1D704</span></span>
<span><span class="testfont">&#x1D705;</span>=<span>1D705</span></span><br/>
<span><span class="testfont">&#x1D706;</span>=<span>1D706</span></span>
<span><span class="testfont">&#x1D707;</span>=<span>1D707</span></span>
<span><span class="testfont">&#x1D708;</span>=<span>1D708</span></span>
<span><span class="testfont">&#x1D709;</span>=<span>1D709</span></span>
<span><span class="testfont">&#x1D70A;</span>=<span>1D70A</span></span>
<span><span class="testfont">&#x1D70B;</span>=<span>1D70B</span></span>
<span><span class="testfont">&#x1D70C;</span>=<span>1D70C</span></span>
<span><span class="testfont">&#x1D70D;</span>=<span>1D70D</span></span>
<span><span class="testfont">&#x1D70E;</span>=<span>1D70E</span></span>
<span><span class="testfont">&#x1D70F;</span>=<span>1D70F</span></span><br/>
<span><span class="testfont">&#x1D710;</span>=<span>1D710</span></span>
<span><span class="testfont">&#x1D711;</span>=<span>1D711</span></span>
<span><span class="testfont">&#x1D712;</span>=<span>1D712</span></span>
<span><span class="testfont">&#x1D713;</span>=<span>1D713</span></span>
<span><span class="testfont">&#x1D714;</span>=<span>1D714</span></span>
<span><span class="testfont">&#x1D717;</span>=<span>1D717</span></span>
<span><span class="testfont">&#x1D719;</span>=<span>1D719</span></span>
<span><span class="testfont">&#x1D71B;</span>=<span>1D71B</span></span>
<span><span class="testfont">&#x1D718;</span>=<span>1D718</span></span>
<span><span class="testfont">&#x1D71A;</span>=<span>1D71A</span></span><br/>
<span><span class="testfont">&#x1D6F3;</span>=<span>1D6F3</span></span>
<span><span class="testfont">&#x1D716;</span>=<span>1D716</span></span>
</body>
</html>

View file

@ -0,0 +1,143 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-transform math-italic</title>
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
<link rel="match" href="text-transform-math-italic-001.tentative-ref.html"/>
<meta name="assert" content="Verify that a character with 'text-transform: math-italic' renders the same as the transformed unicode character.">
<style>
@font-face {
font-family: TestFont;
src: url("/fonts/math/mathvariant-italic.woff");
}
body > span {
padding: 10px;
}
span > span {
font-family: monospace;
font-size: 10px;
}
.testfont {
font-family: TestFont;
font-size: 10px;
}
</style>
<body>
<!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
<p>Test passes if all the equalities below are true.</p>
<span><span class="testfont" style="text-transform: math-italic">&#x2202;</span>=<span>1D715</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x2207;</span>=<span>1D6FB</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x237;</span>=<span>1D6A5</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x41;</span>=<span>1D434</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x42;</span>=<span>1D435</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x43;</span>=<span>1D436</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x44;</span>=<span>1D437</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x45;</span>=<span>1D438</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x46;</span>=<span>1D439</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x47;</span>=<span>1D43A</span></span><br/>
<span><span class="testfont" style="text-transform: math-italic">&#x48;</span>=<span>1D43B</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x49;</span>=<span>1D43C</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x4A;</span>=<span>1D43D</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x4B;</span>=<span>1D43E</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x4C;</span>=<span>1D43F</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x4D;</span>=<span>1D440</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x4E;</span>=<span>1D441</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x4F;</span>=<span>1D442</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x50;</span>=<span>1D443</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x51;</span>=<span>1D444</span></span><br/>
<span><span class="testfont" style="text-transform: math-italic">&#x52;</span>=<span>1D445</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x53;</span>=<span>1D446</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x54;</span>=<span>1D447</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x55;</span>=<span>1D448</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x56;</span>=<span>1D449</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x57;</span>=<span>1D44A</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x58;</span>=<span>1D44B</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x59;</span>=<span>1D44C</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x5A;</span>=<span>1D44D</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x61;</span>=<span>1D44E</span></span><br/>
<span><span class="testfont" style="text-transform: math-italic">&#x62;</span>=<span>1D44F</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x63;</span>=<span>1D450</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x64;</span>=<span>1D451</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x65;</span>=<span>1D452</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x66;</span>=<span>1D453</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x67;</span>=<span>1D454</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x68;</span>=<span>0210E</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x69;</span>=<span>1D456</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x6A;</span>=<span>1D457</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x6B;</span>=<span>1D458</span></span><br/>
<span><span class="testfont" style="text-transform: math-italic">&#x6C;</span>=<span>1D459</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x6D;</span>=<span>1D45A</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x6E;</span>=<span>1D45B</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x6F;</span>=<span>1D45C</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x70;</span>=<span>1D45D</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x71;</span>=<span>1D45E</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x72;</span>=<span>1D45F</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x73;</span>=<span>1D460</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x74;</span>=<span>1D461</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x75;</span>=<span>1D462</span></span><br/>
<span><span class="testfont" style="text-transform: math-italic">&#x76;</span>=<span>1D463</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x77;</span>=<span>1D464</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x78;</span>=<span>1D465</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x79;</span>=<span>1D466</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x7A;</span>=<span>1D467</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x131;</span>=<span>1D6A4</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x391;</span>=<span>1D6E2</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x392;</span>=<span>1D6E3</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x393;</span>=<span>1D6E4</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x394;</span>=<span>1D6E5</span></span><br/>
<span><span class="testfont" style="text-transform: math-italic">&#x395;</span>=<span>1D6E6</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x396;</span>=<span>1D6E7</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x397;</span>=<span>1D6E8</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x398;</span>=<span>1D6E9</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x399;</span>=<span>1D6EA</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x39A;</span>=<span>1D6EB</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x39B;</span>=<span>1D6EC</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x39C;</span>=<span>1D6ED</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x39D;</span>=<span>1D6EE</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x39E;</span>=<span>1D6EF</span></span><br/>
<span><span class="testfont" style="text-transform: math-italic">&#x39F;</span>=<span>1D6F0</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x3A0;</span>=<span>1D6F1</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x3A1;</span>=<span>1D6F2</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x3A3;</span>=<span>1D6F4</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x3A4;</span>=<span>1D6F5</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x3A5;</span>=<span>1D6F6</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x3A6;</span>=<span>1D6F7</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x3A7;</span>=<span>1D6F8</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x3A8;</span>=<span>1D6F9</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x3A9;</span>=<span>1D6FA</span></span><br/>
<span><span class="testfont" style="text-transform: math-italic">&#x3B1;</span>=<span>1D6FC</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x3B2;</span>=<span>1D6FD</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x3B3;</span>=<span>1D6FE</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x3B4;</span>=<span>1D6FF</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x3B5;</span>=<span>1D700</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x3B6;</span>=<span>1D701</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x3B7;</span>=<span>1D702</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x3B8;</span>=<span>1D703</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x3B9;</span>=<span>1D704</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x3BA;</span>=<span>1D705</span></span><br/>
<span><span class="testfont" style="text-transform: math-italic">&#x3BB;</span>=<span>1D706</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x3BC;</span>=<span>1D707</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x3BD;</span>=<span>1D708</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x3BE;</span>=<span>1D709</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x3BF;</span>=<span>1D70A</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x3C0;</span>=<span>1D70B</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x3C1;</span>=<span>1D70C</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x3C2;</span>=<span>1D70D</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x3C3;</span>=<span>1D70E</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x3C4;</span>=<span>1D70F</span></span><br/>
<span><span class="testfont" style="text-transform: math-italic">&#x3C5;</span>=<span>1D710</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x3C6;</span>=<span>1D711</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x3C7;</span>=<span>1D712</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x3C8;</span>=<span>1D713</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x3C9;</span>=<span>1D714</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x3D1;</span>=<span>1D717</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x3D5;</span>=<span>1D719</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x3D6;</span>=<span>1D71B</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x3F0;</span>=<span>1D718</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x3F1;</span>=<span>1D71A</span></span><br/>
<span><span class="testfont" style="text-transform: math-italic">&#x3F4;</span>=<span>1D6F3</span></span>
<span><span class="testfont" style="text-transform: math-italic">&#x3F5;</span>=<span>1D716</span></span>
</body>
</html>

View file

@ -0,0 +1,54 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-transform math-looped (reference)</title>
<style>
@font-face {
font-family: TestFont;
src: url("/fonts/math/mathvariant-looped.woff");
}
body > span {
padding: 10px;
}
span > span {
font-family: monospace;
font-size: 10px;
}
.testfont {
font-family: TestFont;
font-size: 10px;
}
</style>
<body>
<!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
<p>Test passes if all the equalities below are true.</p>
<span><span class="testfont">&#x1EE80;</span>=<span>1EE80</span></span>
<span><span class="testfont">&#x1EE81;</span>=<span>1EE81</span></span>
<span><span class="testfont">&#x1EE95;</span>=<span>1EE95</span></span>
<span><span class="testfont">&#x1EE96;</span>=<span>1EE96</span></span>
<span><span class="testfont">&#x1EE82;</span>=<span>1EE82</span></span>
<span><span class="testfont">&#x1EE87;</span>=<span>1EE87</span></span>
<span><span class="testfont">&#x1EE97;</span>=<span>1EE97</span></span>
<span><span class="testfont">&#x1EE83;</span>=<span>1EE83</span></span>
<span><span class="testfont">&#x1EE98;</span>=<span>1EE98</span></span>
<span><span class="testfont">&#x1EE93;</span>=<span>1EE93</span></span><br/>
<span><span class="testfont">&#x1EE86;</span>=<span>1EE86</span></span>
<span><span class="testfont">&#x1EE8E;</span>=<span>1EE8E</span></span>
<span><span class="testfont">&#x1EE94;</span>=<span>1EE94</span></span>
<span><span class="testfont">&#x1EE91;</span>=<span>1EE91</span></span>
<span><span class="testfont">&#x1EE99;</span>=<span>1EE99</span></span>
<span><span class="testfont">&#x1EE88;</span>=<span>1EE88</span></span>
<span><span class="testfont">&#x1EE9A;</span>=<span>1EE9A</span></span>
<span><span class="testfont">&#x1EE8F;</span>=<span>1EE8F</span></span>
<span><span class="testfont">&#x1EE9B;</span>=<span>1EE9B</span></span>
<span><span class="testfont">&#x1EE90;</span>=<span>1EE90</span></span><br/>
<span><span class="testfont">&#x1EE92;</span>=<span>1EE92</span></span>
<span><span class="testfont">&#x1EE8B;</span>=<span>1EE8B</span></span>
<span><span class="testfont">&#x1EE8C;</span>=<span>1EE8C</span></span>
<span><span class="testfont">&#x1EE8D;</span>=<span>1EE8D</span></span>
<span><span class="testfont">&#x1EE84;</span>=<span>1EE84</span></span>
<span><span class="testfont">&#x1EE85;</span>=<span>1EE85</span></span>
<span><span class="testfont">&#x1EE89;</span>=<span>1EE89</span></span>
</body>
</html>

View file

@ -0,0 +1,58 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-transform math-looped</title>
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
<link rel="match" href="text-transform-math-looped-001.tentative-ref.html"/>
<meta name="assert" content="Verify that a character with 'text-transform: math-looped' renders the same as the transformed unicode character.">
<style>
@font-face {
font-family: TestFont;
src: url("/fonts/math/mathvariant-looped.woff");
}
body > span {
padding: 10px;
}
span > span {
font-family: monospace;
font-size: 10px;
}
.testfont {
font-family: TestFont;
font-size: 10px;
}
</style>
<body>
<!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
<p>Test passes if all the equalities below are true.</p>
<span><span class="testfont" style="text-transform: math-looped">&#x627;</span>=<span>1EE80</span></span>
<span><span class="testfont" style="text-transform: math-looped">&#x628;</span>=<span>1EE81</span></span>
<span><span class="testfont" style="text-transform: math-looped">&#x62A;</span>=<span>1EE95</span></span>
<span><span class="testfont" style="text-transform: math-looped">&#x62B;</span>=<span>1EE96</span></span>
<span><span class="testfont" style="text-transform: math-looped">&#x62C;</span>=<span>1EE82</span></span>
<span><span class="testfont" style="text-transform: math-looped">&#x62D;</span>=<span>1EE87</span></span>
<span><span class="testfont" style="text-transform: math-looped">&#x62E;</span>=<span>1EE97</span></span>
<span><span class="testfont" style="text-transform: math-looped">&#x62F;</span>=<span>1EE83</span></span>
<span><span class="testfont" style="text-transform: math-looped">&#x630;</span>=<span>1EE98</span></span>
<span><span class="testfont" style="text-transform: math-looped">&#x631;</span>=<span>1EE93</span></span><br/>
<span><span class="testfont" style="text-transform: math-looped">&#x632;</span>=<span>1EE86</span></span>
<span><span class="testfont" style="text-transform: math-looped">&#x633;</span>=<span>1EE8E</span></span>
<span><span class="testfont" style="text-transform: math-looped">&#x634;</span>=<span>1EE94</span></span>
<span><span class="testfont" style="text-transform: math-looped">&#x635;</span>=<span>1EE91</span></span>
<span><span class="testfont" style="text-transform: math-looped">&#x636;</span>=<span>1EE99</span></span>
<span><span class="testfont" style="text-transform: math-looped">&#x637;</span>=<span>1EE88</span></span>
<span><span class="testfont" style="text-transform: math-looped">&#x638;</span>=<span>1EE9A</span></span>
<span><span class="testfont" style="text-transform: math-looped">&#x639;</span>=<span>1EE8F</span></span>
<span><span class="testfont" style="text-transform: math-looped">&#x63A;</span>=<span>1EE9B</span></span>
<span><span class="testfont" style="text-transform: math-looped">&#x641;</span>=<span>1EE90</span></span><br/>
<span><span class="testfont" style="text-transform: math-looped">&#x642;</span>=<span>1EE92</span></span>
<span><span class="testfont" style="text-transform: math-looped">&#x644;</span>=<span>1EE8B</span></span>
<span><span class="testfont" style="text-transform: math-looped">&#x645;</span>=<span>1EE8C</span></span>
<span><span class="testfont" style="text-transform: math-looped">&#x646;</span>=<span>1EE8D</span></span>
<span><span class="testfont" style="text-transform: math-looped">&#x647;</span>=<span>1EE84</span></span>
<span><span class="testfont" style="text-transform: math-looped">&#x648;</span>=<span>1EE85</span></span>
<span><span class="testfont" style="text-transform: math-looped">&#x64A;</span>=<span>1EE89</span></span>
</body>
</html>

View file

@ -0,0 +1,89 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-transform math-monospace (reference)</title>
<style>
@font-face {
font-family: TestFont;
src: url("/fonts/math/mathvariant-monospace.woff");
}
body > span {
padding: 10px;
}
span > span {
font-family: monospace;
font-size: 10px;
}
.testfont {
font-family: TestFont;
font-size: 10px;
}
</style>
<body>
<!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
<p>Test passes if all the equalities below are true.</p>
<span><span class="testfont">&#x1D7F6;</span>=<span>1D7F6</span></span>
<span><span class="testfont">&#x1D7F7;</span>=<span>1D7F7</span></span>
<span><span class="testfont">&#x1D7F8;</span>=<span>1D7F8</span></span>
<span><span class="testfont">&#x1D7F9;</span>=<span>1D7F9</span></span>
<span><span class="testfont">&#x1D7FA;</span>=<span>1D7FA</span></span>
<span><span class="testfont">&#x1D7FB;</span>=<span>1D7FB</span></span>
<span><span class="testfont">&#x1D7FC;</span>=<span>1D7FC</span></span>
<span><span class="testfont">&#x1D7FD;</span>=<span>1D7FD</span></span>
<span><span class="testfont">&#x1D7FE;</span>=<span>1D7FE</span></span>
<span><span class="testfont">&#x1D7FF;</span>=<span>1D7FF</span></span><br/>
<span><span class="testfont">&#x1D670;</span>=<span>1D670</span></span>
<span><span class="testfont">&#x1D671;</span>=<span>1D671</span></span>
<span><span class="testfont">&#x1D672;</span>=<span>1D672</span></span>
<span><span class="testfont">&#x1D673;</span>=<span>1D673</span></span>
<span><span class="testfont">&#x1D674;</span>=<span>1D674</span></span>
<span><span class="testfont">&#x1D675;</span>=<span>1D675</span></span>
<span><span class="testfont">&#x1D676;</span>=<span>1D676</span></span>
<span><span class="testfont">&#x1D677;</span>=<span>1D677</span></span>
<span><span class="testfont">&#x1D678;</span>=<span>1D678</span></span>
<span><span class="testfont">&#x1D679;</span>=<span>1D679</span></span><br/>
<span><span class="testfont">&#x1D67A;</span>=<span>1D67A</span></span>
<span><span class="testfont">&#x1D67B;</span>=<span>1D67B</span></span>
<span><span class="testfont">&#x1D67C;</span>=<span>1D67C</span></span>
<span><span class="testfont">&#x1D67D;</span>=<span>1D67D</span></span>
<span><span class="testfont">&#x1D67E;</span>=<span>1D67E</span></span>
<span><span class="testfont">&#x1D67F;</span>=<span>1D67F</span></span>
<span><span class="testfont">&#x1D680;</span>=<span>1D680</span></span>
<span><span class="testfont">&#x1D681;</span>=<span>1D681</span></span>
<span><span class="testfont">&#x1D682;</span>=<span>1D682</span></span>
<span><span class="testfont">&#x1D683;</span>=<span>1D683</span></span><br/>
<span><span class="testfont">&#x1D684;</span>=<span>1D684</span></span>
<span><span class="testfont">&#x1D685;</span>=<span>1D685</span></span>
<span><span class="testfont">&#x1D686;</span>=<span>1D686</span></span>
<span><span class="testfont">&#x1D687;</span>=<span>1D687</span></span>
<span><span class="testfont">&#x1D688;</span>=<span>1D688</span></span>
<span><span class="testfont">&#x1D689;</span>=<span>1D689</span></span>
<span><span class="testfont">&#x1D68A;</span>=<span>1D68A</span></span>
<span><span class="testfont">&#x1D68B;</span>=<span>1D68B</span></span>
<span><span class="testfont">&#x1D68C;</span>=<span>1D68C</span></span>
<span><span class="testfont">&#x1D68D;</span>=<span>1D68D</span></span><br/>
<span><span class="testfont">&#x1D68E;</span>=<span>1D68E</span></span>
<span><span class="testfont">&#x1D68F;</span>=<span>1D68F</span></span>
<span><span class="testfont">&#x1D690;</span>=<span>1D690</span></span>
<span><span class="testfont">&#x1D691;</span>=<span>1D691</span></span>
<span><span class="testfont">&#x1D692;</span>=<span>1D692</span></span>
<span><span class="testfont">&#x1D693;</span>=<span>1D693</span></span>
<span><span class="testfont">&#x1D694;</span>=<span>1D694</span></span>
<span><span class="testfont">&#x1D695;</span>=<span>1D695</span></span>
<span><span class="testfont">&#x1D696;</span>=<span>1D696</span></span>
<span><span class="testfont">&#x1D697;</span>=<span>1D697</span></span><br/>
<span><span class="testfont">&#x1D698;</span>=<span>1D698</span></span>
<span><span class="testfont">&#x1D699;</span>=<span>1D699</span></span>
<span><span class="testfont">&#x1D69A;</span>=<span>1D69A</span></span>
<span><span class="testfont">&#x1D69B;</span>=<span>1D69B</span></span>
<span><span class="testfont">&#x1D69C;</span>=<span>1D69C</span></span>
<span><span class="testfont">&#x1D69D;</span>=<span>1D69D</span></span>
<span><span class="testfont">&#x1D69E;</span>=<span>1D69E</span></span>
<span><span class="testfont">&#x1D69F;</span>=<span>1D69F</span></span>
<span><span class="testfont">&#x1D6A0;</span>=<span>1D6A0</span></span>
<span><span class="testfont">&#x1D6A1;</span>=<span>1D6A1</span></span><br/>
<span><span class="testfont">&#x1D6A2;</span>=<span>1D6A2</span></span>
<span><span class="testfont">&#x1D6A3;</span>=<span>1D6A3</span></span>
</body>
</html>

View file

@ -0,0 +1,93 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-transform math-monospace</title>
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
<link rel="match" href="text-transform-math-monospace-001.tentative-ref.html"/>
<meta name="assert" content="Verify that a character with 'text-transform: math-monospace' renders the same as the transformed unicode character.">
<style>
@font-face {
font-family: TestFont;
src: url("/fonts/math/mathvariant-monospace.woff");
}
body > span {
padding: 10px;
}
span > span {
font-family: monospace;
font-size: 10px;
}
.testfont {
font-family: TestFont;
font-size: 10px;
}
</style>
<body>
<!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
<p>Test passes if all the equalities below are true.</p>
<span><span class="testfont" style="text-transform: math-monospace">&#x30;</span>=<span>1D7F6</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x31;</span>=<span>1D7F7</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x32;</span>=<span>1D7F8</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x33;</span>=<span>1D7F9</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x34;</span>=<span>1D7FA</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x35;</span>=<span>1D7FB</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x36;</span>=<span>1D7FC</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x37;</span>=<span>1D7FD</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x38;</span>=<span>1D7FE</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x39;</span>=<span>1D7FF</span></span><br/>
<span><span class="testfont" style="text-transform: math-monospace">&#x41;</span>=<span>1D670</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x42;</span>=<span>1D671</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x43;</span>=<span>1D672</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x44;</span>=<span>1D673</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x45;</span>=<span>1D674</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x46;</span>=<span>1D675</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x47;</span>=<span>1D676</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x48;</span>=<span>1D677</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x49;</span>=<span>1D678</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x4A;</span>=<span>1D679</span></span><br/>
<span><span class="testfont" style="text-transform: math-monospace">&#x4B;</span>=<span>1D67A</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x4C;</span>=<span>1D67B</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x4D;</span>=<span>1D67C</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x4E;</span>=<span>1D67D</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x4F;</span>=<span>1D67E</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x50;</span>=<span>1D67F</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x51;</span>=<span>1D680</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x52;</span>=<span>1D681</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x53;</span>=<span>1D682</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x54;</span>=<span>1D683</span></span><br/>
<span><span class="testfont" style="text-transform: math-monospace">&#x55;</span>=<span>1D684</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x56;</span>=<span>1D685</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x57;</span>=<span>1D686</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x58;</span>=<span>1D687</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x59;</span>=<span>1D688</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x5A;</span>=<span>1D689</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x61;</span>=<span>1D68A</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x62;</span>=<span>1D68B</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x63;</span>=<span>1D68C</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x64;</span>=<span>1D68D</span></span><br/>
<span><span class="testfont" style="text-transform: math-monospace">&#x65;</span>=<span>1D68E</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x66;</span>=<span>1D68F</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x67;</span>=<span>1D690</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x68;</span>=<span>1D691</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x69;</span>=<span>1D692</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x6A;</span>=<span>1D693</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x6B;</span>=<span>1D694</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x6C;</span>=<span>1D695</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x6D;</span>=<span>1D696</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x6E;</span>=<span>1D697</span></span><br/>
<span><span class="testfont" style="text-transform: math-monospace">&#x6F;</span>=<span>1D698</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x70;</span>=<span>1D699</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x71;</span>=<span>1D69A</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x72;</span>=<span>1D69B</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x73;</span>=<span>1D69C</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x74;</span>=<span>1D69D</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x75;</span>=<span>1D69E</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x76;</span>=<span>1D69F</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x77;</span>=<span>1D6A0</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x78;</span>=<span>1D6A1</span></span><br/>
<span><span class="testfont" style="text-transform: math-monospace">&#x79;</span>=<span>1D6A2</span></span>
<span><span class="testfont" style="text-transform: math-monospace">&#x7A;</span>=<span>1D6A3</span></span>
</body>
</html>

View file

@ -0,0 +1,89 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-transform math-sans-serif (reference)</title>
<style>
@font-face {
font-family: TestFont;
src: url("/fonts/math/mathvariant-sans-serif.woff");
}
body > span {
padding: 10px;
}
span > span {
font-family: monospace;
font-size: 10px;
}
.testfont {
font-family: TestFont;
font-size: 10px;
}
</style>
<body>
<!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
<p>Test passes if all the equalities below are true.</p>
<span><span class="testfont">&#x1D7E2;</span>=<span>1D7E2</span></span>
<span><span class="testfont">&#x1D7E3;</span>=<span>1D7E3</span></span>
<span><span class="testfont">&#x1D7E4;</span>=<span>1D7E4</span></span>
<span><span class="testfont">&#x1D7E5;</span>=<span>1D7E5</span></span>
<span><span class="testfont">&#x1D7E6;</span>=<span>1D7E6</span></span>
<span><span class="testfont">&#x1D7E7;</span>=<span>1D7E7</span></span>
<span><span class="testfont">&#x1D7E8;</span>=<span>1D7E8</span></span>
<span><span class="testfont">&#x1D7E9;</span>=<span>1D7E9</span></span>
<span><span class="testfont">&#x1D7EA;</span>=<span>1D7EA</span></span>
<span><span class="testfont">&#x1D7EB;</span>=<span>1D7EB</span></span><br/>
<span><span class="testfont">&#x1D5A0;</span>=<span>1D5A0</span></span>
<span><span class="testfont">&#x1D5A1;</span>=<span>1D5A1</span></span>
<span><span class="testfont">&#x1D5A2;</span>=<span>1D5A2</span></span>
<span><span class="testfont">&#x1D5A3;</span>=<span>1D5A3</span></span>
<span><span class="testfont">&#x1D5A4;</span>=<span>1D5A4</span></span>
<span><span class="testfont">&#x1D5A5;</span>=<span>1D5A5</span></span>
<span><span class="testfont">&#x1D5A6;</span>=<span>1D5A6</span></span>
<span><span class="testfont">&#x1D5A7;</span>=<span>1D5A7</span></span>
<span><span class="testfont">&#x1D5A8;</span>=<span>1D5A8</span></span>
<span><span class="testfont">&#x1D5A9;</span>=<span>1D5A9</span></span><br/>
<span><span class="testfont">&#x1D5AA;</span>=<span>1D5AA</span></span>
<span><span class="testfont">&#x1D5AB;</span>=<span>1D5AB</span></span>
<span><span class="testfont">&#x1D5AC;</span>=<span>1D5AC</span></span>
<span><span class="testfont">&#x1D5AD;</span>=<span>1D5AD</span></span>
<span><span class="testfont">&#x1D5AE;</span>=<span>1D5AE</span></span>
<span><span class="testfont">&#x1D5AF;</span>=<span>1D5AF</span></span>
<span><span class="testfont">&#x1D5B0;</span>=<span>1D5B0</span></span>
<span><span class="testfont">&#x1D5B1;</span>=<span>1D5B1</span></span>
<span><span class="testfont">&#x1D5B2;</span>=<span>1D5B2</span></span>
<span><span class="testfont">&#x1D5B3;</span>=<span>1D5B3</span></span><br/>
<span><span class="testfont">&#x1D5B4;</span>=<span>1D5B4</span></span>
<span><span class="testfont">&#x1D5B5;</span>=<span>1D5B5</span></span>
<span><span class="testfont">&#x1D5B6;</span>=<span>1D5B6</span></span>
<span><span class="testfont">&#x1D5B7;</span>=<span>1D5B7</span></span>
<span><span class="testfont">&#x1D5B8;</span>=<span>1D5B8</span></span>
<span><span class="testfont">&#x1D5B9;</span>=<span>1D5B9</span></span>
<span><span class="testfont">&#x1D5BA;</span>=<span>1D5BA</span></span>
<span><span class="testfont">&#x1D5BB;</span>=<span>1D5BB</span></span>
<span><span class="testfont">&#x1D5BC;</span>=<span>1D5BC</span></span>
<span><span class="testfont">&#x1D5BD;</span>=<span>1D5BD</span></span><br/>
<span><span class="testfont">&#x1D5BE;</span>=<span>1D5BE</span></span>
<span><span class="testfont">&#x1D5BF;</span>=<span>1D5BF</span></span>
<span><span class="testfont">&#x1D5C0;</span>=<span>1D5C0</span></span>
<span><span class="testfont">&#x1D5C1;</span>=<span>1D5C1</span></span>
<span><span class="testfont">&#x1D5C2;</span>=<span>1D5C2</span></span>
<span><span class="testfont">&#x1D5C3;</span>=<span>1D5C3</span></span>
<span><span class="testfont">&#x1D5C4;</span>=<span>1D5C4</span></span>
<span><span class="testfont">&#x1D5C5;</span>=<span>1D5C5</span></span>
<span><span class="testfont">&#x1D5C6;</span>=<span>1D5C6</span></span>
<span><span class="testfont">&#x1D5C7;</span>=<span>1D5C7</span></span><br/>
<span><span class="testfont">&#x1D5C8;</span>=<span>1D5C8</span></span>
<span><span class="testfont">&#x1D5C9;</span>=<span>1D5C9</span></span>
<span><span class="testfont">&#x1D5CA;</span>=<span>1D5CA</span></span>
<span><span class="testfont">&#x1D5CB;</span>=<span>1D5CB</span></span>
<span><span class="testfont">&#x1D5CC;</span>=<span>1D5CC</span></span>
<span><span class="testfont">&#x1D5CD;</span>=<span>1D5CD</span></span>
<span><span class="testfont">&#x1D5CE;</span>=<span>1D5CE</span></span>
<span><span class="testfont">&#x1D5CF;</span>=<span>1D5CF</span></span>
<span><span class="testfont">&#x1D5D0;</span>=<span>1D5D0</span></span>
<span><span class="testfont">&#x1D5D1;</span>=<span>1D5D1</span></span><br/>
<span><span class="testfont">&#x1D5D2;</span>=<span>1D5D2</span></span>
<span><span class="testfont">&#x1D5D3;</span>=<span>1D5D3</span></span>
</body>
</html>

View file

@ -0,0 +1,93 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-transform math-sans-serif</title>
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
<link rel="match" href="text-transform-math-sans-serif-001.tentative-ref.html"/>
<meta name="assert" content="Verify that a character with 'text-transform: math-sans-serif' renders the same as the transformed unicode character.">
<style>
@font-face {
font-family: TestFont;
src: url("/fonts/math/mathvariant-sans-serif.woff");
}
body > span {
padding: 10px;
}
span > span {
font-family: monospace;
font-size: 10px;
}
.testfont {
font-family: TestFont;
font-size: 10px;
}
</style>
<body>
<!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
<p>Test passes if all the equalities below are true.</p>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x30;</span>=<span>1D7E2</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x31;</span>=<span>1D7E3</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x32;</span>=<span>1D7E4</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x33;</span>=<span>1D7E5</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x34;</span>=<span>1D7E6</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x35;</span>=<span>1D7E7</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x36;</span>=<span>1D7E8</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x37;</span>=<span>1D7E9</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x38;</span>=<span>1D7EA</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x39;</span>=<span>1D7EB</span></span><br/>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x41;</span>=<span>1D5A0</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x42;</span>=<span>1D5A1</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x43;</span>=<span>1D5A2</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x44;</span>=<span>1D5A3</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x45;</span>=<span>1D5A4</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x46;</span>=<span>1D5A5</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x47;</span>=<span>1D5A6</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x48;</span>=<span>1D5A7</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x49;</span>=<span>1D5A8</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x4A;</span>=<span>1D5A9</span></span><br/>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x4B;</span>=<span>1D5AA</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x4C;</span>=<span>1D5AB</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x4D;</span>=<span>1D5AC</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x4E;</span>=<span>1D5AD</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x4F;</span>=<span>1D5AE</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x50;</span>=<span>1D5AF</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x51;</span>=<span>1D5B0</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x52;</span>=<span>1D5B1</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x53;</span>=<span>1D5B2</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x54;</span>=<span>1D5B3</span></span><br/>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x55;</span>=<span>1D5B4</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x56;</span>=<span>1D5B5</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x57;</span>=<span>1D5B6</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x58;</span>=<span>1D5B7</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x59;</span>=<span>1D5B8</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x5A;</span>=<span>1D5B9</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x61;</span>=<span>1D5BA</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x62;</span>=<span>1D5BB</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x63;</span>=<span>1D5BC</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x64;</span>=<span>1D5BD</span></span><br/>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x65;</span>=<span>1D5BE</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x66;</span>=<span>1D5BF</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x67;</span>=<span>1D5C0</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x68;</span>=<span>1D5C1</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x69;</span>=<span>1D5C2</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x6A;</span>=<span>1D5C3</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x6B;</span>=<span>1D5C4</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x6C;</span>=<span>1D5C5</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x6D;</span>=<span>1D5C6</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x6E;</span>=<span>1D5C7</span></span><br/>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x6F;</span>=<span>1D5C8</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x70;</span>=<span>1D5C9</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x71;</span>=<span>1D5CA</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x72;</span>=<span>1D5CB</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x73;</span>=<span>1D5CC</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x74;</span>=<span>1D5CD</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x75;</span>=<span>1D5CE</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x76;</span>=<span>1D5CF</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x77;</span>=<span>1D5D0</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x78;</span>=<span>1D5D1</span></span><br/>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x79;</span>=<span>1D5D2</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif">&#x7A;</span>=<span>1D5D3</span></span>
</body>
</html>

View file

@ -0,0 +1,137 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-transform math-sans-serif-bold-italic (reference)</title>
<style>
@font-face {
font-family: TestFont;
src: url("/fonts/math/mathvariant-sans-serif-bold-italic.woff");
}
body > span {
padding: 10px;
}
span > span {
font-family: monospace;
font-size: 10px;
}
.testfont {
font-family: TestFont;
font-size: 10px;
}
</style>
<body>
<!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
<p>Test passes if all the equalities below are true.</p>
<span><span class="testfont">&#x1D7C3;</span>=<span>1D7C3</span></span>
<span><span class="testfont">&#x1D7A9;</span>=<span>1D7A9</span></span>
<span><span class="testfont">&#x1D63C;</span>=<span>1D63C</span></span>
<span><span class="testfont">&#x1D63D;</span>=<span>1D63D</span></span>
<span><span class="testfont">&#x1D63E;</span>=<span>1D63E</span></span>
<span><span class="testfont">&#x1D63F;</span>=<span>1D63F</span></span>
<span><span class="testfont">&#x1D640;</span>=<span>1D640</span></span>
<span><span class="testfont">&#x1D641;</span>=<span>1D641</span></span>
<span><span class="testfont">&#x1D642;</span>=<span>1D642</span></span>
<span><span class="testfont">&#x1D643;</span>=<span>1D643</span></span><br/>
<span><span class="testfont">&#x1D644;</span>=<span>1D644</span></span>
<span><span class="testfont">&#x1D645;</span>=<span>1D645</span></span>
<span><span class="testfont">&#x1D646;</span>=<span>1D646</span></span>
<span><span class="testfont">&#x1D647;</span>=<span>1D647</span></span>
<span><span class="testfont">&#x1D648;</span>=<span>1D648</span></span>
<span><span class="testfont">&#x1D649;</span>=<span>1D649</span></span>
<span><span class="testfont">&#x1D64A;</span>=<span>1D64A</span></span>
<span><span class="testfont">&#x1D64B;</span>=<span>1D64B</span></span>
<span><span class="testfont">&#x1D64C;</span>=<span>1D64C</span></span>
<span><span class="testfont">&#x1D64D;</span>=<span>1D64D</span></span><br/>
<span><span class="testfont">&#x1D64E;</span>=<span>1D64E</span></span>
<span><span class="testfont">&#x1D64F;</span>=<span>1D64F</span></span>
<span><span class="testfont">&#x1D650;</span>=<span>1D650</span></span>
<span><span class="testfont">&#x1D651;</span>=<span>1D651</span></span>
<span><span class="testfont">&#x1D652;</span>=<span>1D652</span></span>
<span><span class="testfont">&#x1D653;</span>=<span>1D653</span></span>
<span><span class="testfont">&#x1D654;</span>=<span>1D654</span></span>
<span><span class="testfont">&#x1D655;</span>=<span>1D655</span></span>
<span><span class="testfont">&#x1D656;</span>=<span>1D656</span></span>
<span><span class="testfont">&#x1D657;</span>=<span>1D657</span></span><br/>
<span><span class="testfont">&#x1D658;</span>=<span>1D658</span></span>
<span><span class="testfont">&#x1D659;</span>=<span>1D659</span></span>
<span><span class="testfont">&#x1D65A;</span>=<span>1D65A</span></span>
<span><span class="testfont">&#x1D65B;</span>=<span>1D65B</span></span>
<span><span class="testfont">&#x1D65C;</span>=<span>1D65C</span></span>
<span><span class="testfont">&#x1D65D;</span>=<span>1D65D</span></span>
<span><span class="testfont">&#x1D65E;</span>=<span>1D65E</span></span>
<span><span class="testfont">&#x1D65F;</span>=<span>1D65F</span></span>
<span><span class="testfont">&#x1D660;</span>=<span>1D660</span></span>
<span><span class="testfont">&#x1D661;</span>=<span>1D661</span></span><br/>
<span><span class="testfont">&#x1D662;</span>=<span>1D662</span></span>
<span><span class="testfont">&#x1D663;</span>=<span>1D663</span></span>
<span><span class="testfont">&#x1D664;</span>=<span>1D664</span></span>
<span><span class="testfont">&#x1D665;</span>=<span>1D665</span></span>
<span><span class="testfont">&#x1D666;</span>=<span>1D666</span></span>
<span><span class="testfont">&#x1D667;</span>=<span>1D667</span></span>
<span><span class="testfont">&#x1D668;</span>=<span>1D668</span></span>
<span><span class="testfont">&#x1D669;</span>=<span>1D669</span></span>
<span><span class="testfont">&#x1D66A;</span>=<span>1D66A</span></span>
<span><span class="testfont">&#x1D66B;</span>=<span>1D66B</span></span><br/>
<span><span class="testfont">&#x1D66C;</span>=<span>1D66C</span></span>
<span><span class="testfont">&#x1D66D;</span>=<span>1D66D</span></span>
<span><span class="testfont">&#x1D66E;</span>=<span>1D66E</span></span>
<span><span class="testfont">&#x1D66F;</span>=<span>1D66F</span></span>
<span><span class="testfont">&#x1D790;</span>=<span>1D790</span></span>
<span><span class="testfont">&#x1D791;</span>=<span>1D791</span></span>
<span><span class="testfont">&#x1D792;</span>=<span>1D792</span></span>
<span><span class="testfont">&#x1D793;</span>=<span>1D793</span></span>
<span><span class="testfont">&#x1D794;</span>=<span>1D794</span></span>
<span><span class="testfont">&#x1D795;</span>=<span>1D795</span></span><br/>
<span><span class="testfont">&#x1D796;</span>=<span>1D796</span></span>
<span><span class="testfont">&#x1D797;</span>=<span>1D797</span></span>
<span><span class="testfont">&#x1D798;</span>=<span>1D798</span></span>
<span><span class="testfont">&#x1D799;</span>=<span>1D799</span></span>
<span><span class="testfont">&#x1D79A;</span>=<span>1D79A</span></span>
<span><span class="testfont">&#x1D79B;</span>=<span>1D79B</span></span>
<span><span class="testfont">&#x1D79C;</span>=<span>1D79C</span></span>
<span><span class="testfont">&#x1D79D;</span>=<span>1D79D</span></span>
<span><span class="testfont">&#x1D79E;</span>=<span>1D79E</span></span>
<span><span class="testfont">&#x1D79F;</span>=<span>1D79F</span></span><br/>
<span><span class="testfont">&#x1D7A0;</span>=<span>1D7A0</span></span>
<span><span class="testfont">&#x1D7A2;</span>=<span>1D7A2</span></span>
<span><span class="testfont">&#x1D7A3;</span>=<span>1D7A3</span></span>
<span><span class="testfont">&#x1D7A4;</span>=<span>1D7A4</span></span>
<span><span class="testfont">&#x1D7A5;</span>=<span>1D7A5</span></span>
<span><span class="testfont">&#x1D7A6;</span>=<span>1D7A6</span></span>
<span><span class="testfont">&#x1D7A7;</span>=<span>1D7A7</span></span>
<span><span class="testfont">&#x1D7A8;</span>=<span>1D7A8</span></span>
<span><span class="testfont">&#x1D7AA;</span>=<span>1D7AA</span></span>
<span><span class="testfont">&#x1D7AB;</span>=<span>1D7AB</span></span><br/>
<span><span class="testfont">&#x1D7AC;</span>=<span>1D7AC</span></span>
<span><span class="testfont">&#x1D7AD;</span>=<span>1D7AD</span></span>
<span><span class="testfont">&#x1D7AE;</span>=<span>1D7AE</span></span>
<span><span class="testfont">&#x1D7AF;</span>=<span>1D7AF</span></span>
<span><span class="testfont">&#x1D7B0;</span>=<span>1D7B0</span></span>
<span><span class="testfont">&#x1D7B1;</span>=<span>1D7B1</span></span>
<span><span class="testfont">&#x1D7B2;</span>=<span>1D7B2</span></span>
<span><span class="testfont">&#x1D7B3;</span>=<span>1D7B3</span></span>
<span><span class="testfont">&#x1D7B4;</span>=<span>1D7B4</span></span>
<span><span class="testfont">&#x1D7B5;</span>=<span>1D7B5</span></span><br/>
<span><span class="testfont">&#x1D7B6;</span>=<span>1D7B6</span></span>
<span><span class="testfont">&#x1D7B7;</span>=<span>1D7B7</span></span>
<span><span class="testfont">&#x1D7B8;</span>=<span>1D7B8</span></span>
<span><span class="testfont">&#x1D7B9;</span>=<span>1D7B9</span></span>
<span><span class="testfont">&#x1D7BA;</span>=<span>1D7BA</span></span>
<span><span class="testfont">&#x1D7BB;</span>=<span>1D7BB</span></span>
<span><span class="testfont">&#x1D7BC;</span>=<span>1D7BC</span></span>
<span><span class="testfont">&#x1D7BD;</span>=<span>1D7BD</span></span>
<span><span class="testfont">&#x1D7BE;</span>=<span>1D7BE</span></span>
<span><span class="testfont">&#x1D7BF;</span>=<span>1D7BF</span></span><br/>
<span><span class="testfont">&#x1D7C0;</span>=<span>1D7C0</span></span>
<span><span class="testfont">&#x1D7C1;</span>=<span>1D7C1</span></span>
<span><span class="testfont">&#x1D7C2;</span>=<span>1D7C2</span></span>
<span><span class="testfont">&#x1D7C5;</span>=<span>1D7C5</span></span>
<span><span class="testfont">&#x1D7C7;</span>=<span>1D7C7</span></span>
<span><span class="testfont">&#x1D7C9;</span>=<span>1D7C9</span></span>
<span><span class="testfont">&#x1D7C6;</span>=<span>1D7C6</span></span>
<span><span class="testfont">&#x1D7C8;</span>=<span>1D7C8</span></span>
<span><span class="testfont">&#x1D7A1;</span>=<span>1D7A1</span></span>
<span><span class="testfont">&#x1D7C4;</span>=<span>1D7C4</span></span><br/>
</body>
</html>

View file

@ -0,0 +1,141 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-transform math-sans-serif-bold-italic</title>
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
<link rel="match" href="text-transform-math-sans-serif-bold-italic-001.tentative-ref.html"/>
<meta name="assert" content="Verify that a character with 'text-transform: math-sans-serif-bold-italic' renders the same as the transformed unicode character.">
<style>
@font-face {
font-family: TestFont;
src: url("/fonts/math/mathvariant-sans-serif-bold-italic.woff");
}
body > span {
padding: 10px;
}
span > span {
font-family: monospace;
font-size: 10px;
}
.testfont {
font-family: TestFont;
font-size: 10px;
}
</style>
<body>
<!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
<p>Test passes if all the equalities below are true.</p>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x2202;</span>=<span>1D7C3</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x2207;</span>=<span>1D7A9</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x41;</span>=<span>1D63C</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x42;</span>=<span>1D63D</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x43;</span>=<span>1D63E</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x44;</span>=<span>1D63F</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x45;</span>=<span>1D640</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x46;</span>=<span>1D641</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x47;</span>=<span>1D642</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x48;</span>=<span>1D643</span></span><br/>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x49;</span>=<span>1D644</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x4A;</span>=<span>1D645</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x4B;</span>=<span>1D646</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x4C;</span>=<span>1D647</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x4D;</span>=<span>1D648</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x4E;</span>=<span>1D649</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x4F;</span>=<span>1D64A</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x50;</span>=<span>1D64B</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x51;</span>=<span>1D64C</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x52;</span>=<span>1D64D</span></span><br/>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x53;</span>=<span>1D64E</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x54;</span>=<span>1D64F</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x55;</span>=<span>1D650</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x56;</span>=<span>1D651</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x57;</span>=<span>1D652</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x58;</span>=<span>1D653</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x59;</span>=<span>1D654</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x5A;</span>=<span>1D655</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x61;</span>=<span>1D656</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x62;</span>=<span>1D657</span></span><br/>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x63;</span>=<span>1D658</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x64;</span>=<span>1D659</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x65;</span>=<span>1D65A</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x66;</span>=<span>1D65B</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x67;</span>=<span>1D65C</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x68;</span>=<span>1D65D</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x69;</span>=<span>1D65E</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x6A;</span>=<span>1D65F</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x6B;</span>=<span>1D660</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x6C;</span>=<span>1D661</span></span><br/>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x6D;</span>=<span>1D662</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x6E;</span>=<span>1D663</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x6F;</span>=<span>1D664</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x70;</span>=<span>1D665</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x71;</span>=<span>1D666</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x72;</span>=<span>1D667</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x73;</span>=<span>1D668</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x74;</span>=<span>1D669</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x75;</span>=<span>1D66A</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x76;</span>=<span>1D66B</span></span><br/>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x77;</span>=<span>1D66C</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x78;</span>=<span>1D66D</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x79;</span>=<span>1D66E</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x7A;</span>=<span>1D66F</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x391;</span>=<span>1D790</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x392;</span>=<span>1D791</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x393;</span>=<span>1D792</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x394;</span>=<span>1D793</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x395;</span>=<span>1D794</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x396;</span>=<span>1D795</span></span><br/>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x397;</span>=<span>1D796</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x398;</span>=<span>1D797</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x399;</span>=<span>1D798</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x39A;</span>=<span>1D799</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x39B;</span>=<span>1D79A</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x39C;</span>=<span>1D79B</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x39D;</span>=<span>1D79C</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x39E;</span>=<span>1D79D</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x39F;</span>=<span>1D79E</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3A0;</span>=<span>1D79F</span></span><br/>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3A1;</span>=<span>1D7A0</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3A3;</span>=<span>1D7A2</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3A4;</span>=<span>1D7A3</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3A5;</span>=<span>1D7A4</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3A6;</span>=<span>1D7A5</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3A7;</span>=<span>1D7A6</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3A8;</span>=<span>1D7A7</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3A9;</span>=<span>1D7A8</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3B1;</span>=<span>1D7AA</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3B2;</span>=<span>1D7AB</span></span><br/>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3B3;</span>=<span>1D7AC</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3B4;</span>=<span>1D7AD</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3B5;</span>=<span>1D7AE</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3B6;</span>=<span>1D7AF</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3B7;</span>=<span>1D7B0</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3B8;</span>=<span>1D7B1</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3B9;</span>=<span>1D7B2</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3BA;</span>=<span>1D7B3</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3BB;</span>=<span>1D7B4</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3BC;</span>=<span>1D7B5</span></span><br/>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3BD;</span>=<span>1D7B6</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3BE;</span>=<span>1D7B7</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3BF;</span>=<span>1D7B8</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3C0;</span>=<span>1D7B9</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3C1;</span>=<span>1D7BA</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3C2;</span>=<span>1D7BB</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3C3;</span>=<span>1D7BC</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3C4;</span>=<span>1D7BD</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3C5;</span>=<span>1D7BE</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3C6;</span>=<span>1D7BF</span></span><br/>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3C7;</span>=<span>1D7C0</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3C8;</span>=<span>1D7C1</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3C9;</span>=<span>1D7C2</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3D1;</span>=<span>1D7C5</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3D5;</span>=<span>1D7C7</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3D6;</span>=<span>1D7C9</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3F0;</span>=<span>1D7C6</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3F1;</span>=<span>1D7C8</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3F4;</span>=<span>1D7A1</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3F5;</span>=<span>1D7C4</span></span><br/>
</body>
</html>

View file

@ -0,0 +1,79 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-transform math-sans-serif-italic (reference)</title>
<style>
@font-face {
font-family: TestFont;
src: url("/fonts/math/mathvariant-sans-serif-italic.woff");
}
body > span {
padding: 10px;
}
span > span {
font-family: monospace;
font-size: 10px;
}
.testfont {
font-family: TestFont;
font-size: 10px;
}
</style>
<body>
<!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
<p>Test passes if all the equalities below are true.</p>
<span><span class="testfont">&#x1D608;</span>=<span>1D608</span></span>
<span><span class="testfont">&#x1D609;</span>=<span>1D609</span></span>
<span><span class="testfont">&#x1D60A;</span>=<span>1D60A</span></span>
<span><span class="testfont">&#x1D60B;</span>=<span>1D60B</span></span>
<span><span class="testfont">&#x1D60C;</span>=<span>1D60C</span></span>
<span><span class="testfont">&#x1D60D;</span>=<span>1D60D</span></span>
<span><span class="testfont">&#x1D60E;</span>=<span>1D60E</span></span>
<span><span class="testfont">&#x1D60F;</span>=<span>1D60F</span></span>
<span><span class="testfont">&#x1D610;</span>=<span>1D610</span></span>
<span><span class="testfont">&#x1D611;</span>=<span>1D611</span></span><br/>
<span><span class="testfont">&#x1D612;</span>=<span>1D612</span></span>
<span><span class="testfont">&#x1D613;</span>=<span>1D613</span></span>
<span><span class="testfont">&#x1D614;</span>=<span>1D614</span></span>
<span><span class="testfont">&#x1D615;</span>=<span>1D615</span></span>
<span><span class="testfont">&#x1D616;</span>=<span>1D616</span></span>
<span><span class="testfont">&#x1D617;</span>=<span>1D617</span></span>
<span><span class="testfont">&#x1D618;</span>=<span>1D618</span></span>
<span><span class="testfont">&#x1D619;</span>=<span>1D619</span></span>
<span><span class="testfont">&#x1D61A;</span>=<span>1D61A</span></span>
<span><span class="testfont">&#x1D61B;</span>=<span>1D61B</span></span><br/>
<span><span class="testfont">&#x1D61C;</span>=<span>1D61C</span></span>
<span><span class="testfont">&#x1D61D;</span>=<span>1D61D</span></span>
<span><span class="testfont">&#x1D61E;</span>=<span>1D61E</span></span>
<span><span class="testfont">&#x1D61F;</span>=<span>1D61F</span></span>
<span><span class="testfont">&#x1D620;</span>=<span>1D620</span></span>
<span><span class="testfont">&#x1D621;</span>=<span>1D621</span></span>
<span><span class="testfont">&#x1D622;</span>=<span>1D622</span></span>
<span><span class="testfont">&#x1D623;</span>=<span>1D623</span></span>
<span><span class="testfont">&#x1D624;</span>=<span>1D624</span></span>
<span><span class="testfont">&#x1D625;</span>=<span>1D625</span></span><br/>
<span><span class="testfont">&#x1D626;</span>=<span>1D626</span></span>
<span><span class="testfont">&#x1D627;</span>=<span>1D627</span></span>
<span><span class="testfont">&#x1D628;</span>=<span>1D628</span></span>
<span><span class="testfont">&#x1D629;</span>=<span>1D629</span></span>
<span><span class="testfont">&#x1D62A;</span>=<span>1D62A</span></span>
<span><span class="testfont">&#x1D62B;</span>=<span>1D62B</span></span>
<span><span class="testfont">&#x1D62C;</span>=<span>1D62C</span></span>
<span><span class="testfont">&#x1D62D;</span>=<span>1D62D</span></span>
<span><span class="testfont">&#x1D62E;</span>=<span>1D62E</span></span>
<span><span class="testfont">&#x1D62F;</span>=<span>1D62F</span></span><br/>
<span><span class="testfont">&#x1D630;</span>=<span>1D630</span></span>
<span><span class="testfont">&#x1D631;</span>=<span>1D631</span></span>
<span><span class="testfont">&#x1D632;</span>=<span>1D632</span></span>
<span><span class="testfont">&#x1D633;</span>=<span>1D633</span></span>
<span><span class="testfont">&#x1D634;</span>=<span>1D634</span></span>
<span><span class="testfont">&#x1D635;</span>=<span>1D635</span></span>
<span><span class="testfont">&#x1D636;</span>=<span>1D636</span></span>
<span><span class="testfont">&#x1D637;</span>=<span>1D637</span></span>
<span><span class="testfont">&#x1D638;</span>=<span>1D638</span></span>
<span><span class="testfont">&#x1D639;</span>=<span>1D639</span></span><br/>
<span><span class="testfont">&#x1D63A;</span>=<span>1D63A</span></span>
<span><span class="testfont">&#x1D63B;</span>=<span>1D63B</span></span>
</body>
</html>

View file

@ -0,0 +1,83 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-transform math-sans-serif-italic</title>
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
<link rel="match" href="text-transform-math-sans-serif-italic-001.tentative-ref.html"/>
<meta name="assert" content="Verify that a character with 'text-transform: math-sans-serif-italic' renders the same as the transformed unicode character.">
<style>
@font-face {
font-family: TestFont;
src: url("/fonts/math/mathvariant-sans-serif-italic.woff");
}
body > span {
padding: 10px;
}
span > span {
font-family: monospace;
font-size: 10px;
}
.testfont {
font-family: TestFont;
font-size: 10px;
}
</style>
<body>
<!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
<p>Test passes if all the equalities below are true.</p>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x41;</span>=<span>1D608</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x42;</span>=<span>1D609</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x43;</span>=<span>1D60A</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x44;</span>=<span>1D60B</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x45;</span>=<span>1D60C</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x46;</span>=<span>1D60D</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x47;</span>=<span>1D60E</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x48;</span>=<span>1D60F</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x49;</span>=<span>1D610</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x4A;</span>=<span>1D611</span></span><br/>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x4B;</span>=<span>1D612</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x4C;</span>=<span>1D613</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x4D;</span>=<span>1D614</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x4E;</span>=<span>1D615</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x4F;</span>=<span>1D616</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x50;</span>=<span>1D617</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x51;</span>=<span>1D618</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x52;</span>=<span>1D619</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x53;</span>=<span>1D61A</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x54;</span>=<span>1D61B</span></span><br/>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x55;</span>=<span>1D61C</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x56;</span>=<span>1D61D</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x57;</span>=<span>1D61E</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x58;</span>=<span>1D61F</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x59;</span>=<span>1D620</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x5A;</span>=<span>1D621</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x61;</span>=<span>1D622</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x62;</span>=<span>1D623</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x63;</span>=<span>1D624</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x64;</span>=<span>1D625</span></span><br/>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x65;</span>=<span>1D626</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x66;</span>=<span>1D627</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x67;</span>=<span>1D628</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x68;</span>=<span>1D629</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x69;</span>=<span>1D62A</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x6A;</span>=<span>1D62B</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x6B;</span>=<span>1D62C</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x6C;</span>=<span>1D62D</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x6D;</span>=<span>1D62E</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x6E;</span>=<span>1D62F</span></span><br/>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x6F;</span>=<span>1D630</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x70;</span>=<span>1D631</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x71;</span>=<span>1D632</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x72;</span>=<span>1D633</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x73;</span>=<span>1D634</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x74;</span>=<span>1D635</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x75;</span>=<span>1D636</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x76;</span>=<span>1D637</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x77;</span>=<span>1D638</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x78;</span>=<span>1D639</span></span><br/>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x79;</span>=<span>1D63A</span></span>
<span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x7A;</span>=<span>1D63B</span></span>
</body>
</html>

View file

@ -0,0 +1,79 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-transform math-script (reference)</title>
<style>
@font-face {
font-family: TestFont;
src: url("/fonts/math/mathvariant-script.woff");
}
body > span {
padding: 10px;
}
span > span {
font-family: monospace;
font-size: 10px;
}
.testfont {
font-family: TestFont;
font-size: 10px;
}
</style>
<body>
<!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
<p>Test passes if all the equalities below are true.</p>
<span><span class="testfont">&#x1D49C;</span>=<span>1D49C</span></span>
<span><span class="testfont">&#x212C;</span>=<span>0212C</span></span>
<span><span class="testfont">&#x1D49E;</span>=<span>1D49E</span></span>
<span><span class="testfont">&#x1D49F;</span>=<span>1D49F</span></span>
<span><span class="testfont">&#x2130;</span>=<span>02130</span></span>
<span><span class="testfont">&#x2131;</span>=<span>02131</span></span>
<span><span class="testfont">&#x1D4A2;</span>=<span>1D4A2</span></span>
<span><span class="testfont">&#x210B;</span>=<span>0210B</span></span>
<span><span class="testfont">&#x2110;</span>=<span>02110</span></span>
<span><span class="testfont">&#x1D4A5;</span>=<span>1D4A5</span></span><br/>
<span><span class="testfont">&#x1D4A6;</span>=<span>1D4A6</span></span>
<span><span class="testfont">&#x2112;</span>=<span>02112</span></span>
<span><span class="testfont">&#x2133;</span>=<span>02133</span></span>
<span><span class="testfont">&#x1D4A9;</span>=<span>1D4A9</span></span>
<span><span class="testfont">&#x1D4AA;</span>=<span>1D4AA</span></span>
<span><span class="testfont">&#x1D4AB;</span>=<span>1D4AB</span></span>
<span><span class="testfont">&#x1D4AC;</span>=<span>1D4AC</span></span>
<span><span class="testfont">&#x211B;</span>=<span>0211B</span></span>
<span><span class="testfont">&#x1D4AE;</span>=<span>1D4AE</span></span>
<span><span class="testfont">&#x1D4AF;</span>=<span>1D4AF</span></span><br/>
<span><span class="testfont">&#x1D4B0;</span>=<span>1D4B0</span></span>
<span><span class="testfont">&#x1D4B1;</span>=<span>1D4B1</span></span>
<span><span class="testfont">&#x1D4B2;</span>=<span>1D4B2</span></span>
<span><span class="testfont">&#x1D4B3;</span>=<span>1D4B3</span></span>
<span><span class="testfont">&#x1D4B4;</span>=<span>1D4B4</span></span>
<span><span class="testfont">&#x1D4B5;</span>=<span>1D4B5</span></span>
<span><span class="testfont">&#x1D4B6;</span>=<span>1D4B6</span></span>
<span><span class="testfont">&#x1D4B7;</span>=<span>1D4B7</span></span>
<span><span class="testfont">&#x1D4B8;</span>=<span>1D4B8</span></span>
<span><span class="testfont">&#x1D4B9;</span>=<span>1D4B9</span></span><br/>
<span><span class="testfont">&#x212F;</span>=<span>0212F</span></span>
<span><span class="testfont">&#x1D4BB;</span>=<span>1D4BB</span></span>
<span><span class="testfont">&#x210A;</span>=<span>0210A</span></span>
<span><span class="testfont">&#x1D4BD;</span>=<span>1D4BD</span></span>
<span><span class="testfont">&#x1D4BE;</span>=<span>1D4BE</span></span>
<span><span class="testfont">&#x1D4BF;</span>=<span>1D4BF</span></span>
<span><span class="testfont">&#x1D4C0;</span>=<span>1D4C0</span></span>
<span><span class="testfont">&#x1D4C1;</span>=<span>1D4C1</span></span>
<span><span class="testfont">&#x1D4C2;</span>=<span>1D4C2</span></span>
<span><span class="testfont">&#x1D4C3;</span>=<span>1D4C3</span></span><br/>
<span><span class="testfont">&#x2134;</span>=<span>02134</span></span>
<span><span class="testfont">&#x1D4C5;</span>=<span>1D4C5</span></span>
<span><span class="testfont">&#x1D4C6;</span>=<span>1D4C6</span></span>
<span><span class="testfont">&#x1D4C7;</span>=<span>1D4C7</span></span>
<span><span class="testfont">&#x1D4C8;</span>=<span>1D4C8</span></span>
<span><span class="testfont">&#x1D4C9;</span>=<span>1D4C9</span></span>
<span><span class="testfont">&#x1D4CA;</span>=<span>1D4CA</span></span>
<span><span class="testfont">&#x1D4CB;</span>=<span>1D4CB</span></span>
<span><span class="testfont">&#x1D4CC;</span>=<span>1D4CC</span></span>
<span><span class="testfont">&#x1D4CD;</span>=<span>1D4CD</span></span><br/>
<span><span class="testfont">&#x1D4CE;</span>=<span>1D4CE</span></span>
<span><span class="testfont">&#x1D4CF;</span>=<span>1D4CF</span></span>
</body>
</html>

View file

@ -0,0 +1,83 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-transform math-script</title>
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
<link rel="match" href="text-transform-math-script-001.tentative-ref.html"/>
<meta name="assert" content="Verify that a character with 'text-transform: math-script' renders the same as the transformed unicode character.">
<style>
@font-face {
font-family: TestFont;
src: url("/fonts/math/mathvariant-script.woff");
}
body > span {
padding: 10px;
}
span > span {
font-family: monospace;
font-size: 10px;
}
.testfont {
font-family: TestFont;
font-size: 10px;
}
</style>
<body>
<!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
<p>Test passes if all the equalities below are true.</p>
<span><span class="testfont" style="text-transform: math-script">&#x41;</span>=<span>1D49C</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x42;</span>=<span>0212C</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x43;</span>=<span>1D49E</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x44;</span>=<span>1D49F</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x45;</span>=<span>02130</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x46;</span>=<span>02131</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x47;</span>=<span>1D4A2</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x48;</span>=<span>0210B</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x49;</span>=<span>02110</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x4A;</span>=<span>1D4A5</span></span><br/>
<span><span class="testfont" style="text-transform: math-script">&#x4B;</span>=<span>1D4A6</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x4C;</span>=<span>02112</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x4D;</span>=<span>02133</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x4E;</span>=<span>1D4A9</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x4F;</span>=<span>1D4AA</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x50;</span>=<span>1D4AB</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x51;</span>=<span>1D4AC</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x52;</span>=<span>0211B</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x53;</span>=<span>1D4AE</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x54;</span>=<span>1D4AF</span></span><br/>
<span><span class="testfont" style="text-transform: math-script">&#x55;</span>=<span>1D4B0</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x56;</span>=<span>1D4B1</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x57;</span>=<span>1D4B2</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x58;</span>=<span>1D4B3</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x59;</span>=<span>1D4B4</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x5A;</span>=<span>1D4B5</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x61;</span>=<span>1D4B6</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x62;</span>=<span>1D4B7</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x63;</span>=<span>1D4B8</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x64;</span>=<span>1D4B9</span></span><br/>
<span><span class="testfont" style="text-transform: math-script">&#x65;</span>=<span>0212F</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x66;</span>=<span>1D4BB</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x67;</span>=<span>0210A</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x68;</span>=<span>1D4BD</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x69;</span>=<span>1D4BE</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x6A;</span>=<span>1D4BF</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x6B;</span>=<span>1D4C0</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x6C;</span>=<span>1D4C1</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x6D;</span>=<span>1D4C2</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x6E;</span>=<span>1D4C3</span></span><br/>
<span><span class="testfont" style="text-transform: math-script">&#x6F;</span>=<span>02134</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x70;</span>=<span>1D4C5</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x71;</span>=<span>1D4C6</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x72;</span>=<span>1D4C7</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x73;</span>=<span>1D4C8</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x74;</span>=<span>1D4C9</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x75;</span>=<span>1D4CA</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x76;</span>=<span>1D4CB</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x77;</span>=<span>1D4CC</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x78;</span>=<span>1D4CD</span></span><br/>
<span><span class="testfont" style="text-transform: math-script">&#x79;</span>=<span>1D4CE</span></span>
<span><span class="testfont" style="text-transform: math-script">&#x7A;</span>=<span>1D4CF</span></span>
</body>
</html>

View file

@ -0,0 +1,50 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-transform math-stretched (reference)</title>
<style>
@font-face {
font-family: TestFont;
src: url("/fonts/math/mathvariant-stretched.woff");
}
body > span {
padding: 10px;
}
span > span {
font-family: monospace;
font-size: 10px;
}
.testfont {
font-family: TestFont;
font-size: 10px;
}
</style>
<body>
<!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
<p>Test passes if all the equalities below are true.</p>
<span><span class="testfont">&#x1EE7E;</span>=<span>1EE7E</span></span>
<span><span class="testfont">&#x1EE61;</span>=<span>1EE61</span></span>
<span><span class="testfont">&#x1EE75;</span>=<span>1EE75</span></span>
<span><span class="testfont">&#x1EE76;</span>=<span>1EE76</span></span>
<span><span class="testfont">&#x1EE62;</span>=<span>1EE62</span></span>
<span><span class="testfont">&#x1EE67;</span>=<span>1EE67</span></span>
<span><span class="testfont">&#x1EE77;</span>=<span>1EE77</span></span>
<span><span class="testfont">&#x1EE6E;</span>=<span>1EE6E</span></span>
<span><span class="testfont">&#x1EE74;</span>=<span>1EE74</span></span>
<span><span class="testfont">&#x1EE71;</span>=<span>1EE71</span></span><br/>
<span><span class="testfont">&#x1EE79;</span>=<span>1EE79</span></span>
<span><span class="testfont">&#x1EE68;</span>=<span>1EE68</span></span>
<span><span class="testfont">&#x1EE7A;</span>=<span>1EE7A</span></span>
<span><span class="testfont">&#x1EE6F;</span>=<span>1EE6F</span></span>
<span><span class="testfont">&#x1EE7B;</span>=<span>1EE7B</span></span>
<span><span class="testfont">&#x1EE70;</span>=<span>1EE70</span></span>
<span><span class="testfont">&#x1EE72;</span>=<span>1EE72</span></span>
<span><span class="testfont">&#x1EE6A;</span>=<span>1EE6A</span></span>
<span><span class="testfont">&#x1EE6C;</span>=<span>1EE6C</span></span>
<span><span class="testfont">&#x1EE6D;</span>=<span>1EE6D</span></span><br/>
<span><span class="testfont">&#x1EE64;</span>=<span>1EE64</span></span>
<span><span class="testfont">&#x1EE69;</span>=<span>1EE69</span></span>
<span><span class="testfont">&#x1EE7C;</span>=<span>1EE7C</span></span>
</body>
</html>

View file

@ -0,0 +1,54 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-transform math-stretched</title>
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
<link rel="match" href="text-transform-math-stretched-001.tentative-ref.html"/>
<meta name="assert" content="Verify that a character with 'text-transform: math-stretched' renders the same as the transformed unicode character.">
<style>
@font-face {
font-family: TestFont;
src: url("/fonts/math/mathvariant-stretched.woff");
}
body > span {
padding: 10px;
}
span > span {
font-family: monospace;
font-size: 10px;
}
.testfont {
font-family: TestFont;
font-size: 10px;
}
</style>
<body>
<!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
<p>Test passes if all the equalities below are true.</p>
<span><span class="testfont" style="text-transform: math-stretched">&#x6A1;</span>=<span>1EE7E</span></span>
<span><span class="testfont" style="text-transform: math-stretched">&#x628;</span>=<span>1EE61</span></span>
<span><span class="testfont" style="text-transform: math-stretched">&#x62A;</span>=<span>1EE75</span></span>
<span><span class="testfont" style="text-transform: math-stretched">&#x62B;</span>=<span>1EE76</span></span>
<span><span class="testfont" style="text-transform: math-stretched">&#x62C;</span>=<span>1EE62</span></span>
<span><span class="testfont" style="text-transform: math-stretched">&#x62D;</span>=<span>1EE67</span></span>
<span><span class="testfont" style="text-transform: math-stretched">&#x62E;</span>=<span>1EE77</span></span>
<span><span class="testfont" style="text-transform: math-stretched">&#x633;</span>=<span>1EE6E</span></span>
<span><span class="testfont" style="text-transform: math-stretched">&#x634;</span>=<span>1EE74</span></span>
<span><span class="testfont" style="text-transform: math-stretched">&#x635;</span>=<span>1EE71</span></span><br/>
<span><span class="testfont" style="text-transform: math-stretched">&#x636;</span>=<span>1EE79</span></span>
<span><span class="testfont" style="text-transform: math-stretched">&#x637;</span>=<span>1EE68</span></span>
<span><span class="testfont" style="text-transform: math-stretched">&#x638;</span>=<span>1EE7A</span></span>
<span><span class="testfont" style="text-transform: math-stretched">&#x639;</span>=<span>1EE6F</span></span>
<span><span class="testfont" style="text-transform: math-stretched">&#x63A;</span>=<span>1EE7B</span></span>
<span><span class="testfont" style="text-transform: math-stretched">&#x641;</span>=<span>1EE70</span></span>
<span><span class="testfont" style="text-transform: math-stretched">&#x642;</span>=<span>1EE72</span></span>
<span><span class="testfont" style="text-transform: math-stretched">&#x643;</span>=<span>1EE6A</span></span>
<span><span class="testfont" style="text-transform: math-stretched">&#x645;</span>=<span>1EE6C</span></span>
<span><span class="testfont" style="text-transform: math-stretched">&#x646;</span>=<span>1EE6D</span></span><br/>
<span><span class="testfont" style="text-transform: math-stretched">&#x647;</span>=<span>1EE64</span></span>
<span><span class="testfont" style="text-transform: math-stretched">&#x64A;</span>=<span>1EE69</span></span>
<span><span class="testfont" style="text-transform: math-stretched">&#x66E;</span>=<span>1EE7C</span></span>
</body>
</html>

View file

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-transform math-tailed (reference)</title>
<style>
@font-face {
font-family: TestFont;
src: url("/fonts/math/mathvariant-tailed.woff");
}
body > span {
padding: 10px;
}
span > span {
font-family: monospace;
font-size: 10px;
}
.testfont {
font-family: TestFont;
font-size: 10px;
}
</style>
<body>
<!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
<p>Test passes if all the equalities below are true.</p>
<span><span class="testfont">&#x1EE52;</span>=<span>1EE52</span></span>
<span><span class="testfont">&#x1EE4B;</span>=<span>1EE4B</span></span>
<span><span class="testfont">&#x1EE4D;</span>=<span>1EE4D</span></span>
<span><span class="testfont">&#x1EE49;</span>=<span>1EE49</span></span>
<span><span class="testfont">&#x1EE42;</span>=<span>1EE42</span></span>
<span><span class="testfont">&#x1EE47;</span>=<span>1EE47</span></span>
<span><span class="testfont">&#x1EE57;</span>=<span>1EE57</span></span>
<span><span class="testfont">&#x1EE5F;</span>=<span>1EE5F</span></span>
<span><span class="testfont">&#x1EE4E;</span>=<span>1EE4E</span></span>
<span><span class="testfont">&#x1EE54;</span>=<span>1EE54</span></span><br/>
<span><span class="testfont">&#x1EE51;</span>=<span>1EE51</span></span>
<span><span class="testfont">&#x1EE59;</span>=<span>1EE59</span></span>
<span><span class="testfont">&#x1EE4F;</span>=<span>1EE4F</span></span>
<span><span class="testfont">&#x1EE5B;</span>=<span>1EE5B</span></span>
<span><span class="testfont">&#x1EE5D;</span>=<span>1EE5D</span></span>
</body>
</html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-transform math-tailed</title>
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
<link rel="match" href="text-transform-math-tailed-001.tentative-ref.html"/>
<meta name="assert" content="Verify that a character with 'text-transform: math-tailed' renders the same as the transformed unicode character.">
<style>
@font-face {
font-family: TestFont;
src: url("/fonts/math/mathvariant-tailed.woff");
}
body > span {
padding: 10px;
}
span > span {
font-family: monospace;
font-size: 10px;
}
.testfont {
font-family: TestFont;
font-size: 10px;
}
</style>
<body>
<!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
<p>Test passes if all the equalities below are true.</p>
<span><span class="testfont" style="text-transform: math-tailed">&#x642;</span>=<span>1EE52</span></span>
<span><span class="testfont" style="text-transform: math-tailed">&#x644;</span>=<span>1EE4B</span></span>
<span><span class="testfont" style="text-transform: math-tailed">&#x646;</span>=<span>1EE4D</span></span>
<span><span class="testfont" style="text-transform: math-tailed">&#x64A;</span>=<span>1EE49</span></span>
<span><span class="testfont" style="text-transform: math-tailed">&#x62C;</span>=<span>1EE42</span></span>
<span><span class="testfont" style="text-transform: math-tailed">&#x62D;</span>=<span>1EE47</span></span>
<span><span class="testfont" style="text-transform: math-tailed">&#x62E;</span>=<span>1EE57</span></span>
<span><span class="testfont" style="text-transform: math-tailed">&#x66F;</span>=<span>1EE5F</span></span>
<span><span class="testfont" style="text-transform: math-tailed">&#x633;</span>=<span>1EE4E</span></span>
<span><span class="testfont" style="text-transform: math-tailed">&#x634;</span>=<span>1EE54</span></span><br/>
<span><span class="testfont" style="text-transform: math-tailed">&#x635;</span>=<span>1EE51</span></span>
<span><span class="testfont" style="text-transform: math-tailed">&#x636;</span>=<span>1EE59</span></span>
<span><span class="testfont" style="text-transform: math-tailed">&#x639;</span>=<span>1EE4F</span></span>
<span><span class="testfont" style="text-transform: math-tailed">&#x63A;</span>=<span>1EE5B</span></span>
<span><span class="testfont" style="text-transform: math-tailed">&#x6BA;</span>=<span>1EE5D</span></span>
</body>
</html>

View file

@ -0,0 +1,30 @@
<!doctype html>
<meta charset=utf-8>
<title>CSS Text test: breaking opportunities at leading spaces with white-space:pre-wrap</title>
<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com" />
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
<link rel="match" href="reference/white-space-break-spaces-005-ref.html">
<meta name="assert" content="Preserved white space at the beginning of the line are breaking opportunities when white-space is pre-wrap.">
<style>
div {
font: 50px/1 Ahem;
}
.ref {
position: absolute;
color: red;
z-index: -1;
}
span { color: green; }
.test {
color: green;
width: 2ch;
white-space: pre-wrap;
}
</style>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="ref"><span>XX</span><br>XX</div>
<div class="test"> XX</div>

View file

@ -0,0 +1,30 @@
<!doctype html>
<meta charset=utf-8>
<title>CSS Text test: breaking opportunities at leading spaces with white-space:pre-wrap</title>
<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com" />
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
<link rel="match" href="reference/white-space-break-spaces-005-ref.html">
<meta name="assert" content="Preserved white space after forced breaks become leading white-spaces and should be breaking opportunities when white-space is pre-wrap.">
<style>
div {
font: 25px/1 Ahem;
}
.ref {
position: absolute;
color: red;
z-index: -1;
}
span { color: green; }
.test {
color: green;
width: 4ch;
white-space: pre-wrap;
}
</style>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="ref">XX<span>XX<br>XXXX</span><br>XXXX<br><span>XXXX</span></div>
<div class="test">XX&#x000a; XXXX</div>

View file

@ -0,0 +1,30 @@
<!doctype html>
<meta charset=utf-8>
<title>CSS Text test: breaking opportunities at leading spaces with white-space:pre-wrap</title>
<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com" />
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
<link rel="match" href="reference/white-space-break-spaces-005-ref.html">
<meta name="assert" content="Preserved white space after forced breaks become leading white-spaces and should be breaking opportunities when white-space is pre-wrap.">
<style>
div {
font: 25px/1 Ahem;
}
.ref {
position: absolute;
color: red;
z-index: -1;
}
span { color: green; }
.test {
color: green;
width: 4ch;
white-space: pre-wrap;
}
</style>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="ref">XX<span>XX<br>XXXX</span><br>XXXX<br><span>XXXX</span></div>
<div class="test">XX<br> XXXX</div>

View file

@ -0,0 +1,31 @@
<!doctype html>
<meta charset=utf-8>
<title>CSS Text test: forced breaks create preserverd leading spaces with white-space:pre-wrap</title>
<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com" />
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
<link rel="match" href="reference/white-space-break-spaces-005-ref.html">
<meta name="assert" content="Preserved white space after forced breaks become leading white-spaces and should not be collapsed, honoring white-space: pre-wrap.">
<style>
div {
font: 20px/1 Ahem;
}
.ref {
position: absolute;
color: red;
z-index: -1;
}
span { color: green; }
.test {
color: green;
width: 5ch;
white-space: pre-wrap;
}
</style>
</style>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="ref">XXX<span>XX<br>XXX</span>XX<br><span>XXXXX<br>XXXXX<br>XXXXX</span></div>
<div class="test">XXX<br> XX</div>

View file

@ -0,0 +1,31 @@
<!doctype html>
<meta charset=utf-8>
<title>CSS Text test: forced breaks create preserverd leading spaces with white-space:pre-wrap</title>
<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com" />
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
<link rel="match" href="reference/white-space-break-spaces-005-ref.html">
<meta name="assert" content="Preserved white space after forced breaks become leading white-spaces and should not be collapsed, honoring white-space: pre-wrap.">
<style>
div {
font: 20px/1 Ahem;
}
.ref {
position: absolute;
color: red;
z-index: -1;
}
span { color: green; }
.test {
color: green;
width: 5ch;
white-space: pre-wrap;
}
</style>
</style>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="ref">XXX<span>XX<br>XXX</span>XX<br><span>XXXXX<br>XXXXX<br>XXXXX</span></div>
<div class="test">XXX <br> XX</div>

View file

@ -0,0 +1,32 @@
<!doctype html>
<meta charset=utf-8>
<title>CSS Text test: forced breaks create preserverd leading spaces with white-space:pre-wrap</title>
<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com" />
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
<link rel="match" href="reference/white-space-break-spaces-005-ref.html">
<meta name="assert" content="Preserved white space after forced breaks become leading white-spaces and should not be collapsed, honoring white-space: pre-wrap.">
<style>
div {
font: 20px/1 Ahem;
}
.ref {
position: absolute;
color: red;
z-index: -1;
}
span { color: green; }
.test {
color: green;
width: 5ch;
white-space: pre-wrap;
}
</style>
</style>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="ref">XXX<span>XX<br>XXX</span>XX<br><span>XXXXX<br>XXXXX<br>XXXXX</span></div>
<div class="test">XXX
XX</div>

View file

@ -0,0 +1,32 @@
<!doctype html>
<meta charset=utf-8>
<title>CSS Text test: forced breaks create preserverd leading spaces with white-space:pre-wrap</title>
<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com" />
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
<link rel="match" href="reference/white-space-break-spaces-005-ref.html">
<meta name="assert" content="Preserved white space after forced breaks become leading white-spaces and should not be collapsed, honoring white-space: pre-wrap.">
<style>
div {
font: 20px/1 Ahem;
}
.ref {
position: absolute;
color: red;
z-index: -1;
}
span { color: green; }
.test {
color: green;
width: 5ch;
white-space: pre-wrap;
}
</style>
</style>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="ref">XXX<span>XX<br>XXX</span>XX<br><span>XXXXX<br>XXXXX<br>XXXXX</span></div>
<div class="test">XXX
XX</div>

View file

@ -0,0 +1,32 @@
<!doctype html>
<meta charset=utf-8>
<title>CSS Text test: forced breaks create preserverd leading spaces with white-space:pre-wrap</title>
<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com" />
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
<link rel="match" href="reference/white-space-break-spaces-005-ref.html">
<meta name="assert" content="Preserved white space after forced breaks become leading white-spaces and should not be collapsed, honoring white-space: pre-wrap.">
<style>
div {
font: 20px/1 Ahem;
}
.ref {
position: absolute;
color: red;
z-index: -1;
}
span { color: green; }
.test {
color: green;
width: 5ch;
white-space: pre-wrap;
}
</style>
</style>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="ref">XX<span>XXX<br>XXX</span>XX<br><span>XXXXX<br>XXXXX<br>XXXXX</span></div>
<div class="test">XX
XX</div>

View file

@ -0,0 +1,32 @@
<!doctype html>
<meta charset=utf-8>
<title>CSS Text test: forced breaks create preserverd leading spaces with white-space:pre-wrap</title>
<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com" />
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
<link rel="match" href="reference/white-space-break-spaces-005-ref.html">
<meta name="assert" content="Preserved white space after forced breaks become leading white-spaces and should not be collapsed, honoring white-space: pre-wrap.">
<style>
div {
font: 20px/1 Ahem;
}
.ref {
position: absolute;
color: red;
z-index: -1;
}
span { color: green; }
.test {
color: green;
width: 5ch;
white-space: pre-wrap;
}
</style>
</style>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="ref">X<span>XXXX<br>XXX</span>XX<br><span>XXXXX<br>XXXXX<br>XXXXX</span></div>
<div class="test">X
XX</div>

View file

@ -0,0 +1,32 @@
<!doctype html>
<meta charset=utf-8>
<title>CSS Text test: forced breaks create preserverd leading spaces with white-space:pre-wrap</title>
<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com" />
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
<link rel="match" href="reference/white-space-break-spaces-005-ref.html">
<meta name="assert" content="Preserved white space after forced breaks become leading white-spaces and should not be collapsed, honoring white-space: pre-wrap.">
<style>
div {
font: 20px/1 Ahem;
}
.ref {
position: absolute;
color: red;
z-index: -1;
}
span { color: green; }
.test {
color: green;
width: 5ch;
white-space: pre-wrap;
}
</style>
</style>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="ref">XXX<span>XX<br>XXXXX<br>XXX</span>XX<br><span>XXXXX<br>XXXXX</span></div>
<div class="test">XXX<br>
XX</div>

View file

@ -0,0 +1,32 @@
<!doctype html>
<meta charset=utf-8>
<title>CSS Text test: forced breaks create preserverd leading spaces with white-space:pre-wrap</title>
<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com" />
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
<link rel="match" href="reference/white-space-break-spaces-005-ref.html">
<meta name="assert" content="Preserved white space after forced breaks become leading white-spaces and should not be collapsed, honoring white-space: pre-wrap.">
<style>
div {
font: 20px/1 Ahem;
}
.ref {
position: absolute;
color: red;
z-index: -1;
}
span { color: green; }
.test {
color: green;
width: 5ch;
white-space: pre-wrap;
}
</style>
</style>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="ref">XXX<span>XX</span><br>XXX<span>XX<br>XXX</span>XX<br><span>XXXXX<br>XXXXX</span></div>
<div class="test">XXX XXX
XX</div>

View file

@ -0,0 +1,30 @@
<!doctype html>
<meta charset=utf-8>
<title>CSS Text test: breaking opportunities at leading spaces with white-space:pre-wrap</title>
<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com" />
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
<link rel="match" href="reference/white-space-break-spaces-005-ref.html">
<meta name="assert" content="Preserved white space after forced breaks become leading white-spaces and should be breaking opportunities when white-space is pre-wrap.">
<style>
div {
font: 25px/1 Ahem;
}
.ref {
position: absolute;
color: red;
z-index: -1;
}
span { color: green; }
.test {
color: green;
width: 4ch;
white-space: pre-wrap;
}
</style>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="ref"><span>X</span>X<span>XX<br>XXXX</span><br>XXXX<br><span>XXXX</span></div>
<div class="test"> <span>X </span>&#x000a; XXXX</div>

View file

@ -0,0 +1,30 @@
<!doctype html>
<meta charset=utf-8>
<title>CSS Text test: breaking opportunities at leading spaces with white-space:pre-wrap</title>
<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com" />
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
<link rel="match" href="reference/white-space-break-spaces-005-ref.html">
<meta name="assert" content="Preserved white space after forced breaks become leading white-spaces and should be breaking opportunities when white-space is pre-wrap.">
<style>
div {
font: 25px/1 Ahem;
}
.ref {
position: absolute;
color: red;
z-index: -1;
}
span { color: green; }
.test {
color: green;
width: 4ch;
white-space: pre-wrap;
}
</style>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="ref"><span>XX</span>X<span>X<br>XXXX</span><br>XXXX<br><span>XXXX</span></div>
<div class="test"> <span> </span>X&#x000a; XXXX</div>

View file

@ -0,0 +1,30 @@
<!doctype html>
<meta charset=utf-8>
<title>CSS Text test: breaking opportunities at leading spaces with white-space:pre-wrap</title>
<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com" />
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
<link rel="match" href="reference/white-space-break-spaces-005-ref.html">
<meta name="assert" content="Preserved white space after forced breaks become leading white-spaces and should be breaking opportunities when white-space is pre-wrap.">
<style>
div {
font: 20px/1 Ahem;
}
.ref {
position: absolute;
color: red;
z-index: -1;
}
span { color: green; }
.test {
color: green;
width: 5ch;
white-space: pre-wrap;
}
</style>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="ref"><span>X</span>X<span>XX</span>X<br><span>XXXXX</span><br>XXXXX<br><span>XXXXX<br>XXXXX</span></div>
<div class="test"> X<span> </span> X&#x000a; XXXXX</div>

View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<title>Ellipsizing should not affect `offsetWidth` of inline boxes.</title>
<link rel="author" href="kojii@chromium.org">
<link rel="help" href="https://crbug.com/978392">
<link rel="help" href="https://drafts.csswg.org/css-ui-3/#ellipsing-details">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
#ellipsis {
width: 50px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
</style>
<body>
<div id="normal"><span>This is a test text.</span></div>
<div id="ellipsis"><span>This is a test text.</span></div>
<script>
test(() => {
let normal_child = normal.firstElementChild;
let ellipsis_child = ellipsis.firstElementChild;
assert_equals(normal_child.offsetWidth, ellipsis_child.offsetWidth);
});
</script>
</body>

View file

@ -0,0 +1,77 @@
<!DOCTYPE html>
<title>CSSOM View - scrollIntoView considers direction:rtl</title>
<meta charset="utf-8">
<link rel="author" title="Cathie Chen" href="mailto:cathiechen@igalia.com">
<link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-element-scrollintoview">
<link rel="help" href="https://drafts.csswg.org/cssom-view/#scroll-an-element">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
.box {
float: left;
width: 200px;
height: 200px;
}
#scroller {
direction: rtl;
overflow-x: scroll;
width: 300px;
height: 215px;
}
#container{
width: 600px;
height: 200px;
}
#target {
background-color: #ff0;
}
</style>
<body>
<div id="scroller">
<div id="container">
<div class="row">
<div class="box"></div>
<div class="box" id="target"></div>
<div class="box"></div>
</div>
</div>
</div>
<script>
// This page is direction: rtl and scroller is direction: rtl.
// So the the overflow direction is leftward, downward. The beginning edges are the top and right edges.
// And the ending edges are the bottom and left edges.
// Acording to the spec, x is min(0, max(x, element padding edge width - element scrolling area width)).
// So x is nonpositive and decreases leftward.
var target = document.getElementById("target");
var scroller = document.getElementById("scroller");
var box_width = target.offsetWidth;
var scroller_width = scroller.offsetWidth;
var leftEdge = -2*box_width + scroller_width;
var center = -(3*box_width - scroller_width)/2;
var rightEdge = - box_width;
test(() => {
scroller.scrollTo(0, 0);
target.scrollIntoView({inline: "start"});
assert_approx_equals(scroller.scrollLeft, rightEdge, 0.5, "start should be the right edge");
}, `scrollIntoView({inline: "start"}), direction: rtl`);
test(() => {
scroller.scrollTo(0, 0);
target.scrollIntoView({inline: "center"});
assert_approx_equals(scroller.scrollLeft, center, 0.5, "should center the target");
}, `scrollIntoView({inline: "center"}), direction: rtl`);
test(() => {
scroller.scrollTo(0, 0);
target.scrollIntoView({inline: "end"});
assert_approx_equals(scroller.scrollLeft, leftEdge, 0.5, "end should be the left edge");
}, `scrollIntoView({inline: "end"}), direction: rtl`);
</script>
</body>
</html>

View file

@ -53,6 +53,9 @@
</div>
<script>
// In vertical-rl mode, X corresponds to the block axis and is oriented
// leftward. Y corresponds to the inline axis and is oriented downward.
// This assumes that the horizontal scrollbar is on the bottom side.
var target = document.getElementById("target");
var scroller = document.getElementById("scroller");
var scrollbar_width = scroller.offsetWidth - scroller.clientWidth;
@ -62,14 +65,42 @@ var scroller_height = scroller.offsetHeight;
var box_width = target.offsetWidth;
var box_height = target.offsetHeight;
var expectedX = [ ((2*box_width)-scroller_width)+scrollbar_width, ((3*box_width - scroller_width)/2)+ (scrollbar_width/2), box_width ];
var expectedY = [ box_height, ((3*box_height - scroller_height)/2) + (scrollbar_width/2), ((2*box_height)-scroller_height) + scrollbar_width ];
var expectedX;
// If scroll bar is on the left side, scroller.scrollLeft won't get bigger than 0,
scroller.scrollLeft = scrollbar_width;
if (scroller.scrollLeft == 0) {
expectedX = {
blockStart: -box_width,
blockCenter: -(((3*box_width - scroller_width)/2) + (scrollbar_width/2)),
blockEnd: -(((2*box_width) - scroller_width) + scrollbar_width),
};
} else {
expectedX = {
blockStart: -(box_width - scrollbar_width),
blockCenter: -(((3*box_width - scroller_width)/2) + (scrollbar_width/2) - scrollbar_width),
blockEnd: -((2*box_width) - scroller_width),
};
}
var expectedY = {
inlineStart: box_height,
inlineCenter: ((3*box_height - scroller_height)/2) + (scrollbar_width/2),
inlineEnd: ((2*box_height) - scroller_height) + scrollbar_width,
};
// As browsers differ in the meaning of scrollLeft when
// in a right-to-left mode, we adjust the expectation
// to match the semantics of scrollLeft.
if(scroller.scrollLeft === 0)
expectedX = [ -box_width, -(((3*box_width - scroller_width)/2)+ (scrollbar_width/2)), -(((2*box_width)-scroller_width)+scrollbar_width)];
// In vertical-rl mode, the scroll x coordinate should be nonpositive per the the spec.
// But some browsers is nonnegative, so we adjust the expectation.
scroller.scrollLeft = -1000;
if(scroller.scrollLeft === 0) {
expectedX = {
blockStart: ((2*box_width) - scroller_width) + scrollbar_width,
blockCenter: ((3*box_width - scroller_width)/2) + (scrollbar_width/2),
blockEnd: box_width,
};
}
// This formats dict as a string suitable as test name.
// format_value() is provided by testharness.js,
@ -83,15 +114,15 @@ function format_dict(dict) {
}
[
[{block: "start", inline: "start"}, expectedX[0], expectedY[0]],
[{block: "start", inline: "center"}, expectedX[0], expectedY[1]],
[{block: "start", inline: "end"}, expectedX[0], expectedY[2]],
[{block: "center", inline: "start"}, expectedX[1], expectedY[0]],
[{block: "center", inline: "center"}, expectedX[1], expectedY[1]],
[{block: "center", inline: "end"}, expectedX[1], expectedY[2]],
[{block: "end", inline: "start"}, expectedX[2], expectedY[0]],
[{block: "end", inline: "center"}, expectedX[2], expectedY[1]],
[{block: "end", inline: "end"}, expectedX[2], expectedY[2]],
[{block: "start", inline: "start"}, expectedX.blockStart, expectedY.inlineStart],
[{block: "start", inline: "center"}, expectedX.blockStart, expectedY.inlineCenter],
[{block: "start", inline: "end"}, expectedX.blockStart, expectedY.inlineEnd],
[{block: "center", inline: "start"}, expectedX.blockCenter, expectedY.inlineStart],
[{block: "center", inline: "center"}, expectedX.blockCenter, expectedY.inlineCenter],
[{block: "center", inline: "end"}, expectedX.blockCenter, expectedY.inlineEnd],
[{block: "end", inline: "start"}, expectedX.blockEnd, expectedY.inlineStart],
[{block: "end", inline: "center"}, expectedX.blockEnd, expectedY.inlineCenter],
[{block: "end", inline: "end"}, expectedX.blockEnd, expectedY.inlineEnd],
].forEach(([input, expectedX, expectedY]) => {
test(() => {
scroller.scrollTo(0, 0);

View file

@ -0,0 +1,35 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>CSS Reftest Reference</title>
<link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
<style>
select {
color: transparent;
}
.minWidth {
min-width: 100px;
}
.width {
width: 100px;
}
.floatLWidth {
float: left;
width: 100px;
}
</style>
</head>
<body>
<select multiple class="floatLWidth">
</select>
<br style="clear:both;">
<select multiple class="minWidth">
</select>
<br>
<select multiple class="width">
</select>
</body>
</html>

View file

@ -0,0 +1,44 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>CSS Test: 'contain: size' on select objects should cause them to be sized as if they have no contents.</title>
<link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
<link rel="help" href="https://drafts.csswg.org/css-contain/#containment-size">
<link rel="match" href="contain-size-select-elem-003-ref.html">
<style>
select {
contain: size;
color: transparent;
}
.minWidth {
min-width: 100px;
}
.width {
width: 100px;
}
.floatLWidth {
float: left;
width: 100px;
}
</style>
</head>
<body>
<select multiple class="floatLWidth">
<option>CSS Test: A size-contained floated select with specified width and no specified height should size itself as if it had no contents.</option>
<option>a</option>
</select>
<br style="clear:both;">
<select multiple class="minWidth">
<option>CSS Test: A size-contained select with specified min-width should size itself as if it had no contents.</option>
<option>a</option>
</select>
<br>
<select multiple class="width">
<option>CSS Test: A size-contained select with specified width should size itself as if it had no contents.</option>
<option>a</option>
</select>
</body>
</html>

View file

@ -0,0 +1,24 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>CSS Reftest Reference</title>
<link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
<style>
select {
color: transparent;
}
.floatLBasic {
float: left;
}
</style>
</head>
<body>
<select multiple>
</select>
<br>
<select multiple class="floatLBasic">
</select>
</body>
</html>

View file

@ -0,0 +1,31 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>CSS Test: 'contain: size' on select objects should cause them to be sized as if they have no contents.</title>
<link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
<link rel="help" href="https://drafts.csswg.org/css-contain/#containment-size">
<link rel="match" href="contain-size-select-elem-004-ref.html">
<style>
select {
contain: size;
color: transparent;
}
.floatLBasic {
float: left;
}
</style>
</head>
<body>
<select multiple>
<option>CSS Test: A size-contained select with no specified size should size itself as if it had no contents.</option>
<option>aaaaaa</option>
</select>
<br>
<select multiple class="floatLBasic">
<option>CSS Test: A size-contained floated select with no specified size should size itself as if it had no contents.</option>
<option>a</option>
</select>
</body>
</html>

View file

@ -0,0 +1,38 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>CSS Reftest Reference</title>
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
<style>
select {
color: transparent;
}
.fsMedium {
/* custom styling for some select elements, which is allowed to influence
their size (in the same way that it influences the size of an empty
select element): */
font-size: 10px;
}
</style>
</head>
<body>
<select multiple ></select>
<select multiple size="1" ></select>
<select multiple class="fsMedium"></select>
<select multiple ></select>
<select multiple size="1" ></select>
<select multiple class="fsMedium"></select>
<br><br>
<select multiple ></select>
<select multiple size="1" ></select>
<select multiple class="fsMedium"></select>
<select multiple ></select>
<select multiple size="1" ></select>
<select multiple class="fsMedium"></select>
</body>
</html>

View file

@ -0,0 +1,50 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>CSS Test: 'contain: size' on select objects should cause them to be sized as if they have no contents.</title>
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-contain/#containment-size">
<link rel="match" href="contain-size-select-elem-005-ref.html">
<style>
select {
contain: size;
color: transparent;
}
.fsMedium {
/* custom styling for some select elements, which is allowed to influence
their size (in the same way that it influences the size of an empty
select element): */
font-size: 10px;
}
.fsSmall {
/* custom styling for some option elements (which would make their parent
select elem shorter, except for the fact that it's size-contained): */
font-size: 6px;
}
</style>
</head>
<body>
<!-- No contents: -->
<select multiple ></select>
<select multiple size="1" ></select>
<select multiple class="fsMedium"></select>
<!-- Empty option: -->
<select multiple ><option></option></select>
<select multiple size="1" ><option></option></select>
<select multiple class="fsMedium"><option></option></select>
<br><br>
<!-- Nonempty option: -->
<select multiple ><option>X</option></select>
<select multiple size="1" ><option>X</option></select>
<select multiple class="fsMedium"><option>X</option></select>
<!-- Nonempty option with custom font-size: -->
<select multiple ><option class="fsSmall">X</option></select>
<select multiple size="1" ><option class="fsSmall">X</option></select>
<select multiple class="fsMedium"><option class="fsSmall">X</option></select>
</body>
</html>

View file

@ -36,6 +36,9 @@
== contain-size-multicol-003.html contain-size-multicol-003-ref.html
== contain-size-select-elem-001.html contain-size-select-elem-001-ref.html
== contain-size-select-elem-002.html contain-size-select-elem-002-ref.html
== contain-size-select-elem-003.html contain-size-select-elem-003-ref.html
== contain-size-select-elem-004.html contain-size-select-elem-004-ref.html
== contain-size-select-elem-005.html contain-size-select-elem-005-ref.html
== contain-layout-overflow-001.html contain-layout-overflow-001-ref.html
== contain-layout-overflow-002.html contain-layout-overflow-002-ref.html
== contain-size-table-caption-001.html contain-size-table-caption-001-ref.html

View file

@ -92,7 +92,7 @@ href="https://www.w3.org/TR/CSS21/colors.html#background-properties" />
The following flags are **deprecated** and should not be declared by new tests.
Tests which satisfy the described criteria should simply be designated as
"manual" using [the `-manual` file name flag][file-name-flags].
"manual" using [the `-manual` file name flag](file-names).
<table>
<tr>
@ -189,5 +189,3 @@ Examples of good test assertions:
* "This test checks that 'text-indent' affects only the first line
of a block container if that line is also the first formatted line
of an element."
[file-name-flags]: {{ site.baseurl }}{% link _writing-tests/file-names.md %}

View file

@ -126,8 +126,7 @@ w3c-test.org. When these tests are run on CI systems they are
typically configured with access to external resources disabled, so
tests that try to access them will fail. Where tests want to use
multiple hosts this is possible through a known set of subdomains and
the
[text substitution features of wptserve]({{ site.baseurl }}{% link writing-tests/server-features.md %}#tests-involving-multiple-origins).
the [text substitution features of wptserve](server-features).
### Be Self-Describing

View file

@ -83,7 +83,7 @@ href=c.html>`,
Or, graphically:
<img src="{{ site.baseurl }}{% link assets/reftest_graph_example.svg %}"
<img src="../_static/reftest_graph_example.svg"
alt="diagram of the above reftest graph as a directed graph">
In this case, to pass we must either have `a.html`, `b.html` and

View file

@ -20,9 +20,10 @@
assert_unreached("PerformanceElementTiming is not implemented");
}
const observer = new PerformanceObserver(
t.step_func_done(() => {
t.step_func_done((entries) => {
// The image should not have caused an entry, so fail test.
assert_unreached('Should not have received an entry!');
assert_unreached('Should not have received an entry! Received one with identifier '
+ entries.getEntries()[0].identifier);
})
);
observer.observe({entryTypes: ['element']});
@ -46,6 +47,30 @@
img3.setAttribute('elementtiming', 'my_image3');
img3.setAttribute('id', 'displayNone');
document.body.appendChild(img3);
const div = document.createElement('div');
div.setAttribute('id', 'opacity0');
const img4 = document.createElement('img');
img4.src = '/images/blue.png';
img4.setAttribute('elementtiming', 'my_image4');
div.appendChild(img4);
document.body.appendChild(div);
const div2 = document.createElement('div');
div2.setAttribute('id', 'visibilityHidden');
const img5 = document.createElement('img');
img5.src = '/images/blue.png';
img5.setAttribute('elementtiming', 'my_image5');
div.appendChild(img5);
document.body.appendChild(div2);
const div3 = document.createElement('div');
div3.setAttribute('id', 'displayNone');
const img6 = document.createElement('img');
img6.src = '/images/blue.png';
img6.setAttribute('elementtiming', 'my_image6');
div.appendChild(img6);
document.body.appendChild(div3);
// Images have been added but should not cause entries to be dispatched.
// Wait for 500ms and end test, ensuring no entry was created.
t.step_timeout(() => {

View file

@ -0,0 +1,93 @@
<!DOCTYPE html>
<meta charset=utf-8>
<title>Printing</title>
<link rel=help href="https://html.spec.whatwg.org/#printing">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script>
setup({explicit_timeout: true})
</script>
<p>Click on the button below.</p>
<p>If the browser offers to print the current page, dismiss the prompt to
return to this page. The following should then appear in the box marked as
"Output":</p>
<pre>
before calling print()
beforeprint
afterprint
after calling print()
</pre>
<p>If no user dialog appears, either the above or the following should be
printed in the box marked as "Output":</p>
<pre>
before calling print()
after calling print()
</pre>
<p>The test passes if the above criteria are satisfied and "PASS" appears in a
table below this paragraph. The test fails otherwise.</p>
<button onclick="testBtn(this)">Click here!</button>
<h3>Output</h3>
<pre id=output></pre>
<script>
"use strict";
// This test is actually synchronous, but we use async_test()'s nice
// infrastructure around t.step() to capture errors in event listeners. This is
// necessary since it seems like in Chrome, exceptions in beforeprint/afterprint
// event listeners are not propagated to error events. See
// https://crbug.com/977828.
const t = async_test();
const log = [];
function out(str) {
log.push(str);
output.appendChild(document.createTextNode(str + "\n"));
}
function testBtn(btn) {
btn.remove();
window.addEventListener("beforeprint", function (ev) {
// t.step_func() does not preserve `this`, which we test below.
t.step(() => {
out("beforeprint");
assert_equals(ev.__proto__, Event.prototype);
assert_equals(this, window);
assert_equals(ev.target, window);
assert_equals(ev.type, "beforeprint");
});
});
window.addEventListener("afterprint", function (ev) {
// t.step_func() does not preserve `this`, which we test below.
t.step(() => {
out("afterprint");
assert_equals(ev.__proto__, Event.prototype);
assert_equals(this, window);
assert_equals(ev.target, window);
assert_equals(ev.type, "afterprint");
});
});
out("before calling print()");
print();
out("after calling print()");
t.step(() => {
try {
assert_array_equals(log, [
"before calling print()",
"beforeprint",
"afterprint",
"after calling print()",
]);
} catch (err) {
try {
assert_array_equals(log, [
"before calling print()",
"after calling print()",
]);
} catch (err) {
assert_unreached("Output does not match either possibility");
}
}
});
t.done();
}
</script>

View file

@ -28,7 +28,7 @@ button#background {
background-color: red;
}
#container.clicked {
#ancestorContainer.clicked {
background-color: green;
}

View file

@ -28,7 +28,7 @@ button#background {
background-color: red;
}
#container.clicked {
#ancestorContainer.clicked {
background-color: green;
}

View file

@ -0,0 +1,34 @@
<!DOCTYPE HTML>
<meta charset=utf-8>
<title>Largest Contentful Paint: observe cross-origin images but without startTime.</title>
<body>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script>
async_test(function (t) {
if (!window.LargestContentfulPaint) {
assert_unreached("LargestContentfulPaint is not implemented");
}
const observer = new PerformanceObserver(
t.step_func_done(function(entryList) {
assert_equals(entryList.getEntries().length, 1);
const entry = entryList.getEntries()[0];
assert_equals(entry.entryType, 'largestContentfulPaint');
assert_equals(entry.startTime, 0, 'The startTime value should be 0 for a cross origin image.');
assert_equals(entry.duration, 0);
// blue.png is 133 x 106.
assert_equals(entry.size, 14098);
assert_equals(entry.id, 'image_id');
const pathname = 'http://{{domains[www]}}:{{ports[http][1]}}/images/blue.png';
assert_equals(entry.url, pathname);
assert_equals(entry.responseEnd,
performance.getEntriesByName(pathname, 'resource')[0].responseEnd);
assert_equals(entry.element, document.getElementById('image_id'));
})
);
observer.observe({type: 'largestContentfulPaint', buffered: true});
}, 'Cross-origin image is observable, with startTime equal to 0.');
</script>
<img src='http://{{domains[www]}}:{{ports[http][1]}}/images/blue.png' id='image_id'/>
</body>

View file

@ -22,11 +22,19 @@
assert_equals(entry.duration, 0);
// blue.png is 133 x 106.
assert_equals(entry.size, 14098);
assert_equals(entry.id, 'image_id');
// 25 is the length of "largest-contentful-paint/".
const index = window.location.href.lastIndexOf('/') - 25;
const pathname = window.location.href.substring(0, index) + '/images/blue.png';
assert_equals(entry.url, pathname);
assert_equals(entry.responseEnd,
performance.getEntriesByName(pathname, 'resource')[0].responseEnd);
assert_equals(entry.element, document.getElementById('image_id'));
})
);
observer.observe({type: 'largestContentfulPaint', buffered: true});
}, 'Element with elementtiming attribute is observable.');
}, 'Same-origin image is observable.');
</script>
<img src='/images/blue.png'/>
<img src='/images/blue.png' id='image_id'/>
</body>

View file

@ -27,6 +27,10 @@ p {
// Width of at least 100 px.
// TODO: find a good way to bound text width.
assert_greater_than_equal(entry.size, 1200);
assert_equals(entry.responseEnd, 0);
assert_equals(entry.id, 'my_text');
assert_equals(entry.url, '');
assert_equals(entry.element, document.getElementById('my_text'));
})
);
observer.observe({type: 'largestContentfulPaint', buffered: true});
@ -34,5 +38,5 @@ p {
}, 'Element with elementtiming attribute is observable.');
</script>
<p>This is important text! :)</p>
<p id='my_text'>This is important text! :)</p>
</body>

View file

@ -6,9 +6,39 @@
#myDiv { position: relative; width: 300px; height: 100px; }
</style>
<div id='myDiv'></div>
<button id='button'>Generate a 'click' event</button>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script>
<script src=/resources/testdriver.js></script>
<script src=/resources/testdriver-vendor.js></script><script>
let timeAfterClick;
function mainThreadBusy(duration) {
const now = performance.now();
while (performance.now() < now + duration);
}
function clickOnElement(id, callback) {
const element = document.getElementById(id);
const rect = element.getBoundingClientRect();
const xCenter = rect.x + rect.width / 2;
const yCenter = rect.y + rect.height / 2;
const leftButton = 0;
const clickHandler = () => {
mainThreadBusy(120);
if (callback)
callback();
element.removeEventListener("mousedown", clickHandler);
};
element.addEventListener("mousedown", clickHandler);
test_driver.click(element);
}
function clickAndBlockMain(id) {
return new Promise((resolve, reject) => {
clickOnElement(id, resolve);
});
}
async_test(function (t) {
const startTime = performance.now();
const observer = new PerformanceObserver(
@ -32,6 +62,37 @@
document.getElementById('myDiv').style = "top: 60px";
};
}, 'Layout shift is observable via PerformanceObserver.');
async_test(function (t) {
const startTime = performance.now();
const observer = new PerformanceObserver(
t.step_func_done(function(entryList) {
const endTime = performance.now();
assert_equals(entryList.getEntries().length, 1);
const entry = entryList.getEntries()[0];
assert_equals(entry.entryType, "layoutShift");
assert_equals(entry.name, "");
assert_greater_than_equal(entry.startTime, startTime)
assert_less_than_equal(entry.startTime, endTime)
assert_equals(entry.duration, 0.0);
// The layout shift value should be: 300 * (100 + 60) / viewport size.
assert_equals(entry.value, 300 * (100 + 60) /
(document.documentElement.clientWidth * document.documentElement.clientHeight));
// We should see that there was a click input entry
assert_equals(entry.hadRecentInput, true);
assert_greater_than_equal(timeAfterClick, entry.lastInputTime);
})
);
observer.observe({entryTypes: ['layoutShift']});
window.onload = () => {
// User input event
clickAndBlockMain('button').then( () => {
timeAfterClick = performance.now();
// Modify the position of the div.
document.getElementById('myDiv').style = "top: 60px";
});
};
}, 'Layout shift within user input is observable via PerformanceObserver.');
</script>
</body>

View file

@ -28,6 +28,10 @@ TRAILING WHITESPACE: webaudio/*
TRAILING WHITESPACE: WebIDL/*
TRAILING WHITESPACE: webvtt/*
TRAILING WHITESPACE: server-timing/resources/parsing/*.sub.headers
TRAILING WHITESPACE: css/css-text/white-space/pre-wrap-leading-spaces-006.html
TRAILING WHITESPACE: css/css-text/white-space/pre-wrap-leading-spaces-007.html
TRAILING WHITESPACE: css/css-text/white-space/pre-wrap-leading-spaces-008.html
TRAILING WHITESPACE: css/css-text/white-space/pre-wrap-leading-spaces-009.html
## File types that should never be checked ##

View file

@ -4,6 +4,11 @@
<meta charset="utf-8"/>
<title>Verify dir attribute on various containers</title>
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#attributes-common-to-html-and-mathml-elements">
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-top-level-math-element">
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#horizontally-group-sub-expressions-mrow">
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#style-change-mstyle">
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#radicals-msqrt-mroot">
<meta name="assert" content="Verify dir attribute on various containers.">
<link rel="match" href="direction-overall-ref.html">
</head>

View file

@ -4,6 +4,8 @@
<meta charset="utf-8"/>
<title>Verify dir attribute on token elements</title>
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#attributes-common-to-html-and-mathml-elements">
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#token-elements">
<meta name="assert" content="Verify dir attribute on various token elements.">
<link rel="match" href="direction-token-ref.html">
</head>

View file

@ -4,6 +4,7 @@
<meta charset="utf-8"/>
<title>Verify computed direction</title>
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#attributes-common-to-html-and-mathml-elements">
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-top-level-math-element">
<meta name="assert" content="Verify computed direction value.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>

View file

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<title>Fraction</title>
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#mfrac">
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#fractions-mfrac">
<meta name="assert" content="Verify fraction metrics for different sizes of numerator and denominator.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>

Some files were not shown because too many files have changed in this diff Show more