jpmschweitzerandClaude Opus 4.8
fb96e5238f
Zero-dependency, tolerant XML reader (elements/attrs/text/comments/prolog/ CDATA/entities; <style> read as raw text) producing a generic element tree. The normalizer folds d2/graphviz's class-based <style> rules into inline presentation attributes — cascade presentation-attr < tag < class < style — then drops <style>/class/style, so the painter only ever sees inline attrs (D-103). Flutter-free, covered by dart test (26 cases). No user-visible behaviour yet. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
80 lines
2.8 KiB
Dart
80 lines
2.8 KiB
Dart
import 'package:clide/src/svg/svg_style.dart';
|
|
import 'package:clide/src/svg/svg_xml.dart';
|
|
import 'package:test/test.dart';
|
|
|
|
void main() {
|
|
group('parseCss', () {
|
|
test('class and tag rules', () {
|
|
final r = parseCss('.fill-B1 { fill: #0D32B2 } text { font-weight: bold }');
|
|
expect(r['.fill-B1'], {'fill': '#0D32B2'});
|
|
expect(r['text'], {'font-weight': 'bold'});
|
|
});
|
|
|
|
test('comma-separated selectors share a block', () {
|
|
final r = parseCss('.a, .b { stroke: none }');
|
|
expect(r['.a'], {'stroke': 'none'});
|
|
expect(r['.b'], {'stroke': 'none'});
|
|
});
|
|
|
|
test('comments are stripped', () {
|
|
final r = parseCss('/* c */ .a { fill: red /* x */ }');
|
|
expect(r['.a'], {'fill': 'red'});
|
|
});
|
|
|
|
test('compound / descendant / id selectors are ignored', () {
|
|
final r = parseCss('.a .b { fill: red } .a.b { fill: blue } #id { fill: green }');
|
|
expect(r, isEmpty);
|
|
});
|
|
});
|
|
|
|
group('inlineStyles', () {
|
|
XmlElement norm(String svg) {
|
|
final root = parseXml(svg)!;
|
|
inlineStyles(root);
|
|
return root;
|
|
}
|
|
|
|
XmlElement only(XmlElement e) => e.children.whereType<XmlElement>().single;
|
|
|
|
test('folds a class into an inline presentation attribute', () {
|
|
final r = norm('<svg><style>.fill-B1{fill:#0D32B2}</style><rect class="shape fill-B1"/></svg>');
|
|
final rect = only(r);
|
|
expect(rect.attrs['fill'], '#0D32B2');
|
|
expect(rect.attrs.containsKey('class'), isFalse);
|
|
});
|
|
|
|
test('removes <style> elements', () {
|
|
final r = norm('<svg><style>.a{fill:red}</style><rect class="a"/></svg>');
|
|
expect(r.children.whereType<XmlElement>().map((e) => e.name), ['rect']);
|
|
});
|
|
|
|
test('cascade: class overrides presentation attr, style="" overrides class', () {
|
|
final r = norm('<svg><style>.c{fill:green}</style><rect fill="red" class="c" style="fill:blue"/></svg>');
|
|
expect(only(r).attrs['fill'], 'blue');
|
|
});
|
|
|
|
test('class order: the later class wins', () {
|
|
final r = norm('<svg><style>.a{fill:red}.b{fill:blue}</style><rect class="a b"/></svg>');
|
|
expect(only(r).attrs['fill'], 'blue');
|
|
});
|
|
|
|
test('tag rule applies and a class overrides it', () {
|
|
final r = norm('<svg><style>rect{stroke:black}.s{stroke:red}</style><rect class="s"/></svg>');
|
|
expect(only(r).attrs['stroke'], 'red');
|
|
});
|
|
|
|
test('geometry attributes are left untouched', () {
|
|
final r = norm('<svg><style>.a{fill:red}</style><rect class="a" x="1" y="2" transform="translate(5,5)"/></svg>');
|
|
final rect = only(r);
|
|
expect(rect.attrs['x'], '1');
|
|
expect(rect.attrs['transform'], 'translate(5,5)');
|
|
expect(rect.attrs['fill'], 'red');
|
|
});
|
|
|
|
test('nested elements are folded too', () {
|
|
final r = norm('<svg><style>.a{fill:red}</style><g><rect class="a"/></g></svg>');
|
|
expect(only(only(r)).attrs['fill'], 'red');
|
|
});
|
|
});
|
|
}
|