mirror of
https://github.com/harttle/liquidjs.git
synced 2026-09-18 05:50:43 -07:00
chore: migrate test cases from Chai to Jest
This commit is contained in:
@@ -0,0 +1,449 @@
|
||||
import { Liquid } from '../../../src/liquid'
|
||||
|
||||
const liquid = new Liquid()
|
||||
|
||||
const cases = [
|
||||
{
|
||||
text: `
|
||||
<div>
|
||||
<p>
|
||||
{{ 'John' }}
|
||||
</p>
|
||||
</div>
|
||||
`,
|
||||
expected: `
|
||||
<div>
|
||||
<p>
|
||||
John
|
||||
</p>
|
||||
</div>
|
||||
`
|
||||
}, {
|
||||
text: `
|
||||
<div>
|
||||
<p>
|
||||
|
||||
|
||||
{{- 'John' -}}
|
||||
|
||||
|
||||
</p>
|
||||
</div>
|
||||
`,
|
||||
expected: `
|
||||
<div>
|
||||
<p>John</p>
|
||||
</div>
|
||||
`
|
||||
}, {
|
||||
text: `
|
||||
<div>
|
||||
<p>
|
||||
|
||||
|
||||
{%- if true -%}
|
||||
yes
|
||||
{%- endif -%}
|
||||
|
||||
|
||||
</p>
|
||||
</div>
|
||||
`,
|
||||
expected: `
|
||||
<div>
|
||||
<p>yes</p>
|
||||
</div>
|
||||
`
|
||||
}, {
|
||||
text: `
|
||||
<div>
|
||||
<p>
|
||||
{% if true %}
|
||||
yes
|
||||
{% endif %}
|
||||
</p>
|
||||
</div>
|
||||
`,
|
||||
expected: `
|
||||
<div>
|
||||
<p>
|
||||
|
||||
yes
|
||||
|
||||
</p>
|
||||
</div>
|
||||
`
|
||||
}, {
|
||||
text: `
|
||||
<div>
|
||||
<p>
|
||||
{% if false %}
|
||||
no
|
||||
{% endif %}
|
||||
</p>
|
||||
</div>
|
||||
`,
|
||||
expected: `
|
||||
<div>
|
||||
<p>
|
||||
|
||||
</p>
|
||||
</div>
|
||||
`
|
||||
}, {
|
||||
text: '<p>{{- \'John\' -}}</p>',
|
||||
expected: '<p>John</p>'
|
||||
}, {
|
||||
text: '<p>{%- if true -%}yes{%- endif -%}</p>',
|
||||
expected: '<p>yes</p>'
|
||||
}, {
|
||||
text: '<p>{%- if false -%}no{%- endif -%}</p>',
|
||||
expected: '<p></p>'
|
||||
}, {
|
||||
text: '<p> {%- if true %} yes {% endif -%} </p>',
|
||||
expected: '<p> yes </p>'
|
||||
}, {
|
||||
text: '<p> {%- if false %} no {% endif -%} </p>',
|
||||
expected: '<p></p>'
|
||||
}, {
|
||||
text: '<p> {% if true -%} yes {%- endif %} </p>',
|
||||
expected: '<p> yes </p>'
|
||||
}, {
|
||||
text: '<p> {% if false -%} no {%- endif %} </p>',
|
||||
expected: '<p> </p>'
|
||||
}, {
|
||||
text: '<p> {% if true -%} yes {% endif -%} </p>',
|
||||
expected: '<p> yes </p>'
|
||||
}, {
|
||||
text: '<p> {% if false -%} no {% endif -%} </p>',
|
||||
expected: '<p> </p>'
|
||||
}, {
|
||||
text: '<p> {%- if true %} yes {%- endif %} </p>',
|
||||
expected: '<p> yes </p>'
|
||||
}, {
|
||||
text: '<p> {%- if false %} no {%- endif %} </p>',
|
||||
expected: '<p> </p>'
|
||||
}, {
|
||||
text: `
|
||||
<div>
|
||||
<p>
|
||||
{{- 'John' }}
|
||||
</p>
|
||||
</div>
|
||||
`,
|
||||
expected: `
|
||||
<div>
|
||||
<p>John
|
||||
</p>
|
||||
</div>
|
||||
`
|
||||
}, {
|
||||
text: `
|
||||
<div>
|
||||
<p>
|
||||
{%- if true %}
|
||||
yes
|
||||
{%- endif %}
|
||||
</p>
|
||||
</div>
|
||||
`,
|
||||
expected: `
|
||||
<div>
|
||||
<p>
|
||||
yes
|
||||
</p>
|
||||
</div>
|
||||
`
|
||||
}, {
|
||||
text: `
|
||||
<div>
|
||||
<p>
|
||||
{%- if false %}
|
||||
no
|
||||
{%- endif %}
|
||||
</p>
|
||||
</div>
|
||||
`,
|
||||
expected: `
|
||||
<div>
|
||||
<p>
|
||||
</p>
|
||||
</div>
|
||||
`
|
||||
}, {
|
||||
text: `
|
||||
<div>
|
||||
<p>
|
||||
{{ 'John' -}}
|
||||
</p>
|
||||
</div>
|
||||
`,
|
||||
expected: `
|
||||
<div>
|
||||
<p>
|
||||
John</p>
|
||||
</div>
|
||||
`
|
||||
}, {
|
||||
text: `
|
||||
<div>
|
||||
<p>
|
||||
{% if true -%}
|
||||
yes
|
||||
{% endif -%}
|
||||
</p>
|
||||
</div>
|
||||
`,
|
||||
expected: `
|
||||
<div>
|
||||
<p>
|
||||
yes
|
||||
</p>
|
||||
</div>
|
||||
`
|
||||
}, {
|
||||
text: `
|
||||
<div>
|
||||
<p>
|
||||
{% if false -%}
|
||||
no
|
||||
{% endif -%}
|
||||
</p>
|
||||
</div>
|
||||
`,
|
||||
expected: `
|
||||
<div>
|
||||
<p>
|
||||
</p>
|
||||
</div>
|
||||
`
|
||||
}, {
|
||||
text: `
|
||||
<div>
|
||||
<p>
|
||||
{%- if true %}
|
||||
yes
|
||||
{% endif -%}
|
||||
</p>
|
||||
</div>
|
||||
`,
|
||||
expected: `
|
||||
<div>
|
||||
<p>
|
||||
yes
|
||||
</p>
|
||||
</div>
|
||||
`
|
||||
}, {
|
||||
text: `
|
||||
<div>
|
||||
<p>
|
||||
{%- if false %}
|
||||
no
|
||||
{% endif -%}
|
||||
</p>
|
||||
</div>
|
||||
`,
|
||||
expected: `
|
||||
<div>
|
||||
<p></p>
|
||||
</div>
|
||||
`
|
||||
}, {
|
||||
text: `
|
||||
<div>
|
||||
<p>
|
||||
{% if true -%}
|
||||
yes
|
||||
{%- endif %}
|
||||
</p>
|
||||
</div>
|
||||
`,
|
||||
expected: `
|
||||
<div>
|
||||
<p>
|
||||
yes
|
||||
</p>
|
||||
</div>
|
||||
`
|
||||
}, {
|
||||
text: `
|
||||
<div>
|
||||
<p>
|
||||
{% if false -%}
|
||||
no
|
||||
{%- endif %}
|
||||
</p>
|
||||
</div>
|
||||
`,
|
||||
expected: `
|
||||
<div>
|
||||
<p>
|
||||
|
||||
</p>
|
||||
</div>
|
||||
`
|
||||
}, {
|
||||
text: `
|
||||
<div>
|
||||
<p>
|
||||
{{- 'John' -}}
|
||||
</p>
|
||||
</div>
|
||||
`,
|
||||
expected: `
|
||||
<div>
|
||||
<p>John</p>
|
||||
</div>
|
||||
`
|
||||
}, {
|
||||
text: `
|
||||
<div>
|
||||
<p>
|
||||
{%- if true -%}
|
||||
yes
|
||||
{%- endif -%}
|
||||
</p>
|
||||
</div>
|
||||
`,
|
||||
expected: `
|
||||
<div>
|
||||
<p>yes</p>
|
||||
</div>
|
||||
`
|
||||
}, {
|
||||
text: `
|
||||
<div>
|
||||
<p>
|
||||
{%- if false -%}
|
||||
no
|
||||
{%- endif -%}
|
||||
</p>
|
||||
</div>
|
||||
`,
|
||||
expected: `
|
||||
<div>
|
||||
<p></p>
|
||||
</div>
|
||||
`
|
||||
}, {
|
||||
text: `
|
||||
<div>
|
||||
<p>
|
||||
{{- 'John' -}},
|
||||
{{- '30' -}}
|
||||
</p>
|
||||
</div>
|
||||
`,
|
||||
expected: `
|
||||
<div>
|
||||
<p>John,30</p>
|
||||
</div>
|
||||
`
|
||||
}, {
|
||||
text: `
|
||||
<div>
|
||||
<p>
|
||||
{%- if true -%}
|
||||
yes
|
||||
{%- endif -%}
|
||||
</p>
|
||||
</div>
|
||||
`,
|
||||
expected: `
|
||||
<div>
|
||||
<p>yes</p>
|
||||
</div>
|
||||
`
|
||||
}, {
|
||||
text: `
|
||||
<div>
|
||||
<p>
|
||||
{%- if false -%}
|
||||
no
|
||||
{%- endif -%}
|
||||
</p>
|
||||
</div>
|
||||
`,
|
||||
expected: `
|
||||
<div>
|
||||
<p></p>
|
||||
</div>
|
||||
`
|
||||
}, {
|
||||
text: `
|
||||
<div>
|
||||
<p>
|
||||
{{- 'John' -}}
|
||||
{{- '30' -}}
|
||||
</p>
|
||||
<b>
|
||||
{{ 'John' -}}
|
||||
{{- '30' }}
|
||||
</b>
|
||||
<i>
|
||||
{{- 'John' }}
|
||||
{{ '30' -}}
|
||||
</i>
|
||||
</div>
|
||||
`,
|
||||
expected: `
|
||||
<div>
|
||||
<p>John30</p>
|
||||
<b>
|
||||
John30
|
||||
</b>
|
||||
<i>John
|
||||
30</i>
|
||||
</div>
|
||||
`
|
||||
}, {
|
||||
text: `
|
||||
<div>
|
||||
{%- if true -%}
|
||||
{%- if true -%}
|
||||
<p>
|
||||
{{- 'John' -}}
|
||||
</p>
|
||||
{%- endif -%}
|
||||
{%- endif -%}
|
||||
</div>
|
||||
`,
|
||||
expected: `
|
||||
<div><p>John</p></div>
|
||||
`
|
||||
}, {
|
||||
text: `
|
||||
<div>
|
||||
{% raw %}
|
||||
{%- if true -%}
|
||||
<p>
|
||||
{{- 'John' -}}
|
||||
</p>
|
||||
{%- endif -%}
|
||||
{% endraw %}
|
||||
</div>
|
||||
`,
|
||||
expected: `
|
||||
<div>
|
||||
|
||||
{%- if true -%}
|
||||
<p>
|
||||
{{- 'John' -}}
|
||||
</p>
|
||||
{%- endif -%}
|
||||
|
||||
</div>
|
||||
`
|
||||
}
|
||||
]
|
||||
|
||||
describe('Whitespace Control', function () {
|
||||
cases.forEach(item => it(
|
||||
item.text,
|
||||
async () => {
|
||||
const html = await liquid.parseAndRender(item.text)
|
||||
expect(html).toBe(item.expected)
|
||||
}
|
||||
))
|
||||
})
|
||||
Reference in New Issue
Block a user