patrick/KaTeX
1
0
Fork 0
mirror of https://github.com/Smaug123/KaTeX synced 2025-10-05 19:28:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

Somehow manage to fix the sizing bugs

Browse Source 
Summary:
Remove a single `vertical-align: top`, and somewhow it now works. May
the gods of CSS have mercy on us. Also added some tests.

Test Plan:
 - See that the huxley tests don't have any changes
 - See that the new huxley screenshots look reasonable
 - Run the normal tests and see that they work

Reviewers: alpert

Reviewed By: alpert

Differential Revision: http://phabricator.khanacademy.org/D7494
This commit is contained in:
Emily Eisenberg
2014-03-20 21:36:37 -04:00
parent 92047d2a84
commit 204270fa0d
10 changed files with 77 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
test/huxley/Huxleyfile
View File

@@ -1,32 +1,38 @@
[BasicTest]
url=http://localhost:7936/test/huxley/test.html#a
url=http://localhost:7936/test/huxley/test.html?m=a
[FractionTest]
url=http://localhost:7936/test/huxley/test.html#\dfrac{a}{b}\frac{a}{b}\tfrac{a}{b}
url=http://localhost:7936/test/huxley/test.html?m=\dfrac{a}{b}\frac{a}{b}\tfrac{a}{b}
[NestedFractions]
url=http://localhost:7936/test/huxley/test.html#\dfrac{\frac{a}{b}}{\frac{c}{d}}\dfrac{\dfrac{a}{b}}{\dfrac{c}{d}}\frac{\frac{a}{b}}{\frac{c}{d}}
url=http://localhost:7936/test/huxley/test.html?m=\dfrac{\frac{a}{b}}{\frac{c}{d}}\dfrac{\dfrac{a}{b}}{\dfrac{c}{d}}\frac{\frac{a}{b}}{\frac{c}{d}}
[Exponents]
url=http://localhost:7936/test/huxley/test.html#a^{a^a_a}_{a^a_a}
url=http://localhost:7936/test/huxley/test.html?m=a^{a^a_a}_{a^a_a}
[Colors]
url=http://localhost:7936/test/huxley/test.html#\blue{a}\green{b}\red{c}
url=http://localhost:7936/test/huxley/test.html?m=\blue{a}\green{b}\red{c}
[GreekLetters]
url=http://localhost:7936/test/huxley/test.html#\alpha\beta\gamma\omega
url=http://localhost:7936/test/huxley/test.html?m=\alpha\beta\gamma\omega
[Baseline]
url=http://localhost:7936/test/huxley/test.html#a+b-c\cdot d/e
url=http://localhost:7936/test/huxley/test.html?m=a+b-c\cdot d/e
[Spacing]
url=http://localhost:7936/test/huxley/test.html#[-1][1-1]1=1(=1)\lvert a\rvert
url=http://localhost:7936/test/huxley/test.html?m=[-1][1-1]1%%3D1(%%3D1)\lvert a\rvert
[Functions]
url=http://localhost:7936/test/huxley/test.html#\sin\cos\tan\ln\log
url=http://localhost:7936/test/huxley/test.html?m=\sin\cos\tan\ln\log
[Lap]
url=http://localhost:7936/test/huxley/test.html#ab\llap{f}cd\rlap{g}h
url=http://localhost:7936/test/huxley/test.html?m=ab\llap{f}cd\rlap{g}h
[Sizing]
url=http://localhost:7936/test/huxley/test.html?m=\Huge{x}\LARGE{y}\normalsize{z}\scriptsize{w}
[SizingBaseline]
url=http://localhost:7936/test/huxley/test.html?m=\tiny{a+b}a+b\Huge{a+b}&pre=x&post=M
[KaTeX]
url=http://localhost:7936/test/huxley/test.html#\KaTeX
url=http://localhost:7936/test/huxley/test.html?m=\KaTeX

1
test/huxley/Sizing.huxley/record.json Normal file
View File

@@ -0,0 +1 @@
{"py/object": "huxley.run.Test", "screen_size": {"py/tuple": [1024, 768]}, "steps": [{"py/object": "huxley.steps.ScreenshotTestStep", "index": 0, "offset_time": 0}]}

BIN
test/huxley/Sizing.huxley/screenshot0.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

1
test/huxley/SizingBaseline.huxley/record.json Normal file
View File

@@ -0,0 +1 @@
{"py/object": "huxley.run.Test", "screen_size": {"py/tuple": [1024, 768]}, "steps": [{"py/object": "huxley.steps.ScreenshotTestStep", "index": 0, "offset_time": 0}]}

BIN
test/huxley/SizingBaseline.huxley/screenshot0.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

18
test/huxley/test.html
View File

@@ -6,17 +6,27 @@
<link href="/fonts/fonts.css" rel="stylesheet" type="text/css">
<link href="/katex.less.css" rel="stylesheet" type="text/css">
<style type="text/css">
#math {
#math, #pre, #post {
font-size: 4em;
}
</style>
</head>
<body>
<div id="math"></div>
<span id="pre"></span>
<span id="math"></span>
<span id="post"></span>
<script type="text/javascript">
var hash = window.location.hash.slice(1);
var query = {};
var queryVars = window.location.search.slice(1).split("&");
console.log(queryVars);
for (var i = 0; i < queryVars.length; i++) {
var split = queryVars[i].split("=");
query[split[0]] = decodeURIComponent(split[1]);
}
var mathNode = document.getElementById("math");
katex.process(hash, mathNode);
katex.process(query["m"], mathNode);
document.getElementById("pre").innerHTML = query["pre"] || "";
document.getElementById("post").innerHTML = query["post"] || "";
</script>
</body>
</html>