176 lines
3.2 KiB
Dart
176 lines
3.2 KiB
Dart
|
import 'package:code_buffer/code_buffer.dart';
|
||
|
|
import 'package:jael/jael.dart' as jael;
|
||
|
|
import 'package:symbol_table/symbol_table.dart';
|
||
|
|
import 'package:test/test.dart';
|
||
|
|
|
||
|
|
main() {
|
||
|
|
test('attribute binding', () {
|
||
|
|
const template = '''
|
||
|
|
<html>
|
||
|
|
<body>
|
||
|
|
<h1>Hello</h1>
|
||
|
|
<img src=profile['avatar']>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
''';
|
||
|
|
|
||
|
|
var buf = new CodeBuffer();
|
||
|
|
var document = jael.parseDocument(template, sourceUrl: 'test.jl');
|
||
|
|
var scope = new SymbolTable(values: {
|
||
|
|
'profile': {
|
||
|
|
'avatar': 'thosakwe.png',
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
const jael.Renderer().render(document, buf, scope);
|
||
|
|
print(buf);
|
||
|
|
|
||
|
|
expect(
|
||
|
|
buf.toString(),
|
||
|
|
'''
|
||
|
|
<html>
|
||
|
|
<body>
|
||
|
|
<h1>
|
||
|
|
Hello
|
||
|
|
</h1>
|
||
|
|
<img src="thosakwe.png">
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
'''
|
||
|
|
.trim());
|
||
|
|
});
|
||
|
|
|
||
|
|
test('interpolation', () {
|
||
|
|
const template = '''
|
||
|
|
<!doctype HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||
|
|
<html>
|
||
|
|
<body>
|
||
|
|
<h1>Pokémon</h1>
|
||
|
|
{{ pokemon.name }} - {{ pokemon.type }}
|
||
|
|
<img>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
''';
|
||
|
|
|
||
|
|
var buf = new CodeBuffer();
|
||
|
|
var document = jael.parseDocument(template, sourceUrl: 'test.jl');
|
||
|
|
var scope = new SymbolTable(values: {
|
||
|
|
'pokemon': const _Pokemon('Darkrai', 'Dark'),
|
||
|
|
});
|
||
|
|
|
||
|
|
const jael.Renderer().render(document, buf, scope);
|
||
|
|
print(buf);
|
||
|
|
|
||
|
|
expect(
|
||
|
|
buf.toString(),
|
||
|
|
'''
|
||
|
|
<!doctype HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||
|
|
<html>
|
||
|
|
<body>
|
||
|
|
<h1>
|
||
|
|
Pokémon
|
||
|
|
</h1>
|
||
|
|
Darkrai - Dark
|
||
|
|
<img/>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
'''
|
||
|
|
.trim());
|
||
|
|
});
|
||
|
|
|
||
|
|
test('for loop', () {
|
||
|
|
const template = '''
|
||
|
|
<html>
|
||
|
|
<body>
|
||
|
|
<h1>Pokémon</h1>
|
||
|
|
<ul>
|
||
|
|
<li for-each=starters as="starter">{{ starter.name }} - {{ starter.type }}</li>
|
||
|
|
</ul>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
''';
|
||
|
|
|
||
|
|
var buf = new CodeBuffer();
|
||
|
|
var document = jael.parseDocument(template, sourceUrl: 'test.jl');
|
||
|
|
var scope = new SymbolTable(values: {
|
||
|
|
'starters': starters,
|
||
|
|
});
|
||
|
|
|
||
|
|
const jael.Renderer().render(document, buf, scope);
|
||
|
|
print(buf);
|
||
|
|
|
||
|
|
expect(
|
||
|
|
buf.toString(),
|
||
|
|
'''
|
||
|
|
<html>
|
||
|
|
<body>
|
||
|
|
<h1>
|
||
|
|
Pokémon
|
||
|
|
</h1>
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
Bulbasaur - Grass
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
Charmander - Fire
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
Squirtle - Water
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
'''
|
||
|
|
.trim());
|
||
|
|
});
|
||
|
|
|
||
|
|
test('conditional', () {
|
||
|
|
const template = '''
|
||
|
|
<html>
|
||
|
|
<body>
|
||
|
|
<h1>Conditional</h1>
|
||
|
|
<b if=starters.isEmpty>Empty</b>
|
||
|
|
<b if=starters.isNotEmpty>Not empty</b>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
''';
|
||
|
|
|
||
|
|
var buf = new CodeBuffer();
|
||
|
|
var document = jael.parseDocument(template, sourceUrl: 'test.jl');
|
||
|
|
var scope = new SymbolTable(values: {
|
||
|
|
'starters': starters,
|
||
|
|
});
|
||
|
|
|
||
|
|
const jael.Renderer().render(document, buf, scope);
|
||
|
|
print(buf);
|
||
|
|
|
||
|
|
expect(
|
||
|
|
buf.toString(),
|
||
|
|
'''
|
||
|
|
<html>
|
||
|
|
<body>
|
||
|
|
<h1>
|
||
|
|
Conditional
|
||
|
|
</h1>
|
||
|
|
<b>
|
||
|
|
Not empty
|
||
|
|
</b>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
'''
|
||
|
|
.trim());
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
const List<_Pokemon> starters = const [
|
||
|
|
const _Pokemon('Bulbasaur', 'Grass'),
|
||
|
|
const _Pokemon('Charmander', 'Fire'),
|
||
|
|
const _Pokemon('Squirtle', 'Water'),
|
||
|
|
];
|
||
|
|
|
||
|
|
class _Pokemon {
|
||
|
|
final String name, type;
|
||
|
|
|
||
|
|
const _Pokemon(this.name, this.type);
|
||
|
|
}
|