1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
|
# frozen_string_literal: true
require 'spec_helper'
RSpec.describe Banzai::Filter::MathFilter, feature_category: :team_planning do
using RSpec::Parameterized::TableSyntax
include FilterSpecHelper
shared_examples 'inline math' do
it 'removes surrounding dollar signs and adds class code, math and js-render-math' do
doc = pipeline_filter(text)
expected = result_template.gsub('<math>', '<code data-math-style="inline" class="code math js-render-math">')
expected.gsub!('</math>', '</code>')
expect(doc.to_s).to eq expected
end
end
shared_examples 'display math' do
let_it_be(:template_prefix_with_pre) { '<pre lang="math" data-math-style="display" class="js-render-math"><code>' }
let_it_be(:template_prefix_with_code) { '<code data-math-style="display" class="code math js-render-math">' }
let(:use_pre_tags) { false }
it 'removes surrounding dollar signs and adds class code, math and js-render-math' do
doc = pipeline_filter(text)
template_prefix = use_pre_tags ? template_prefix_with_pre : template_prefix_with_code
template_suffix = "</code>#{'</pre>' if use_pre_tags}"
expected = result_template.gsub('<math>', template_prefix)
expected.gsub!('</math>', template_suffix)
expect(doc.to_s).to eq expected
end
end
describe 'inline math using $...$ syntax' do
context 'with valid syntax' do
where(:text, :result_template) do
'$2+2$' | '<p><math>2+2</math></p>'
'$22+1$ and $22 + a^2$' | '<p><math>22+1</math> and <math>22 + a^2</math></p>'
'$22 and $2+2$' | '<p>$22 and <math>2+2</math></p>'
'$2+2$ $22 and flightjs/Flight$22 $2+2$' | '<p><math>2+2</math> $22 and flightjs/Flight$22 <math>2+2</math></p>'
'$1/2$ <b>test</b>' | '<p><math>1/2</math> <b>test</b></p>'
'$a!$' | '<p><math>a!</math></p>'
'$x$' | '<p><math>x</math></p>'
'$1+2\$$' | '<p><math>1+2\$</math></p>'
'$1+\$2$' | '<p><math>1+\$2</math></p>'
'$1+\%2$' | '<p><math>1+\%2</math></p>'
'$1+\#2$' | '<p><math>1+\#2</math></p>'
'$1+\&2$' | '<p><math>1+\&2</math></p>'
'$1+\{2$' | '<p><math>1+\{2</math></p>'
'$1+\}2$' | '<p><math>1+\}2</math></p>'
'$1+\_2$' | '<p><math>1+\_2</math></p>'
end
with_them do
it_behaves_like 'inline math'
end
end
end
describe 'inline math using $`...`$ syntax' do
context 'with valid syntax' do
where(:text, :result_template) do
'$`2+2`$' | '<p><math>2+2</math></p>'
'$`22+1`$ and $`22 + a^2`$' | '<p><math>22+1</math> and <math>22 + a^2</math></p>'
'$22 and $`2+2`$' | '<p>$22 and <math>2+2</math></p>'
'$`2+2`$ $22 and flightjs/Flight$22 $`2+2`$' | '<p><math>2+2</math> $22 and flightjs/Flight$22 <math>2+2</math></p>'
'test $$`2+2`$$ test' | '<p>test $<math>2+2</math>$ test</p>'
'$`1+\$2`$' | '<p><math>1+\$2</math></p>'
end
with_them do
it_behaves_like 'inline math'
end
end
end
describe 'inline display math using $$...$$ syntax' do
context 'with valid syntax' do
where(:text, :result_template) do
'$$2+2$$' | '<p><math>2+2</math></p>'
'$$ 2+2 $$' | '<p><math>2+2</math></p>'
'$$22+1$$ and $$22 + a^2$$' | '<p><math>22+1</math> and <math>22 + a^2</math></p>'
'$22 and $$2+2$$' | '<p>$22 and <math>2+2</math></p>'
'$$2+2$$ $22 and flightjs/Flight$22 $$2+2$$' | '<p><math>2+2</math> $22 and flightjs/Flight$22 <math>2+2</math></p>'
'flightjs/Flight$22 and $$a^2 + b^2 = c^2$$' | '<p>flightjs/Flight$22 and <math>a^2 + b^2 = c^2</math></p>'
'$$a!$$' | '<p><math>a!</math></p>'
'$$x$$' | '<p><math>x</math></p>'
'$$20,000 and $$30,000' | '<p><math>20,000 and</math>30,000</p>'
end
with_them do
it_behaves_like 'display math'
end
end
end
describe 'block display math using $$\n...\n$$ syntax' do
context 'with valid syntax' do
where(:text, :result_template) do
"$$\n2+2\n$$" | "<math>2+2\n</math>"
"$$\n2+2\n3+4\n$$" | "<math>2+2\n3+4\n</math>"
end
with_them do
it_behaves_like 'display math' do
let(:use_pre_tags) { true }
end
end
end
context 'when it spans multiple lines' do
let(:math) do
<<~MATH
\\begin{align*}
\\Delta t \\frac{d(b_i, a_i)}{c} + \\Delta t_{b_i}
\\end{align*}
MATH
end
let(:text) { "$$\n#{math}$$" }
let(:result_template) { "<math>#{math}</math>" }
it_behaves_like 'display math' do
let(:use_pre_tags) { true }
end
end
context 'when it contains \\' do
let(:math) do
<<~MATH
E = mc^2 \\\\
E = \\$mc^2
MATH
end
let(:text) { "$$\n#{math}$$" }
let(:result_template) { "<math>#{math}</math>" }
it_behaves_like 'display math' do
let(:use_pre_tags) { true }
end
end
end
describe 'display math using ```math...``` syntax' do
it 'adds data-math-style display attribute to display math' do
doc = pipeline_filter("```math\n2+2\n```")
pre = doc.xpath('descendant-or-self::pre').first
expect(pre['data-math-style']).to eq 'display'
end
it 'adds js-render-math class to display math' do
doc = pipeline_filter("```math\n2+2\n```")
pre = doc.xpath('descendant-or-self::pre').first
expect(pre[:class]).to include("js-render-math")
end
it 'ignores code blocks that are not math' do
input = "```plaintext\n2+2\n```"
doc = pipeline_filter(input)
expect(doc.to_s).to eq "<pre lang=\"plaintext\"><code>2+2\n</code></pre>"
end
it 'requires the pre to contain both code and math' do
input = '<pre lang="math">something</pre>'
doc = pipeline_filter(input)
expect(doc.to_s).to eq input
end
end
describe 'unrecognized syntax' do
where(:text, :result) do
'`2+2`' | '<p><code>2+2</code></p>'
'test $`2+2` test' | '<p>test $<code>2+2</code> test</p>'
'test `2+2`$ test' | '<p>test <code>2+2</code>$ test</p>'
'$20,000 and $30,000' | '<p>$20,000 and $30,000</p>'
'$20,000 in $USD' | '<p>$20,000 in $USD</p>'
'$ a^2 $' | '<p>$ a^2 $</p>'
"test $$\n2+2\n$$" | "<p>test $$\n2+2\n$$</p>"
"$\n$" | "<p>$\n$</p>"
'$$$' | '<p>$$$</p>'
'`$1+2$`' | '<p><code>$1+2$</code></p>'
'`$$1+2$$`' | '<p><code>$$1+2$$</code></p>'
'`$\$1+2$$`' | '<p><code>$\$1+2$$</code></p>'
end
with_them do
it 'is ignored' do
expect(pipeline_filter(text).to_s).to eq result
end
end
end
it 'handles multiple styles in one text block' do
doc = pipeline_filter('$`2+2`$ + $3+3$ + $$4+4$$')
expect(doc.search('.js-render-math').count).to eq(3)
expect(doc.search('[data-math-style="inline"]').count).to eq(2)
expect(doc.search('[data-math-style="display"]').count).to eq(1)
end
it 'limits how many elements can be marked as math' do
stub_const('Banzai::Filter::MathFilter::RENDER_NODES_LIMIT', 2)
doc = pipeline_filter('$`2+2`$ + $3+3$ + $$4+4$$')
expect(doc.search('.js-render-math').count).to eq(2)
end
def pipeline_filter(text)
context = { project: nil, no_sourcepos: true }
doc = Banzai::Pipeline::PreProcessPipeline.call(text, {})
doc = Banzai::Pipeline::PlainMarkdownPipeline.call(doc[:output], context)
doc = Banzai::Filter::SanitizationFilter.call(doc[:output], context, nil)
filter(doc)
end
end
|