wpt / css / css-text / text-transform / math / text-transform-math-auto-001.html

Status: FAIL | Duration: 31ms | Subtests: 0/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

/css/css-text/text-transform/math/text-transform-math-auto-001.html

<!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://w3c.github.io/mathml-core/#math-auto-transform">
<link rel="help" href="https://w3c.github.io/mathml-core/#italic-mappings">
<link rel="match" href="text-transform-math-auto-001-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">&#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>
  <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><br/>
  <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>
  <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><br/>
  <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>
  <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><br/>
  <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>
  <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><br/>
  <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>
  <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><br/>
  <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">&#x237;</span>=<span>1D6A5</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>
  <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><br/>
  <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>
  <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><br/>
  <span><span class="testfont" style="text-transform: math-auto">&#x3A1;</span>=<span>1D6F2</span></span>
  <span><span class="testfont" style="text-transform: math-auto">&#x3F4;</span>=<span>1D6F3</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>
  <span><span class="testfont" style="text-transform: math-auto">&#x2207;</span>=<span>1D6FB</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">&#x2202;</span>=<span>1D715</span></span>
  <span><span class="testfont" style="text-transform: math-auto">&#x3F5;</span>=<span>1D716</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">&#x3F0;</span>=<span>1D718</span></span>
  <span><span class="testfont" style="text-transform: math-auto">&#x3D5;</span>=<span>1D719</span></span><br/>
  <span><span class="testfont" style="text-transform: math-auto">&#x3F1;</span>=<span>1D71A</span></span>
  <span><span class="testfont" style="text-transform: math-auto">&#x3D6;</span>=<span>1D71B</span></span>
</body>
</html>

/css/css-text/text-transform/math/text-transform-math-auto-001-ref.html

<!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">&#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>
  <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><br/>
  <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>
  <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><br/>
  <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>
  <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><br/>
  <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>
  <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><br/>
  <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>
  <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><br/>
  <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">&#x1D6A5;</span>=<span>1D6A5</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>
  <span><span class="testfont">&#x1D6E6;</span>=<span>1D6E6</span></span>
  <span><span class="testfont">&#x1D6E7;</span>=<span>1D6E7</span></span><br/>
  <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>
  <span><span class="testfont">&#x1D6F0;</span>=<span>1D6F0</span></span>
  <span><span class="testfont">&#x1D6F1;</span>=<span>1D6F1</span></span><br/>
  <span><span class="testfont">&#x1D6F2;</span>=<span>1D6F2</span></span>
  <span><span class="testfont">&#x1D6F3;</span>=<span>1D6F3</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>
  <span><span class="testfont">&#x1D6FB;</span>=<span>1D6FB</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">&#x1D715;</span>=<span>1D715</span></span>
  <span><span class="testfont">&#x1D716;</span>=<span>1D716</span></span>
  <span><span class="testfont">&#x1D717;</span>=<span>1D717</span></span>
  <span><span class="testfont">&#x1D718;</span>=<span>1D718</span></span>
  <span><span class="testfont">&#x1D719;</span>=<span>1D719</span></span><br/>
  <span><span class="testfont">&#x1D71A;</span>=<span>1D71A</span></span>
  <span><span class="testfont">&#x1D71B;</span>=<span>1D71B</span></span>
</body>
</html>