jpmschweitzerandClaude Opus 4.8
1a3486708c
The builder ties the five parsers together: parseXml → inlineStyles → a typed SvgNode tree (group/rect/ellipse/line/poly/path/text/image) with viewBox, per-node Affine transforms, and inheritance-flattened SvgStyle (fill/stroke/font resolved to ARGB; opacity per-node). Tolerant — a non-svg root yields an empty doc; defs/marker deferred. An end-to-end test runs the whole pipeline against a real d2-rendered SVG fixture. Flutter- free, covered by dart test (17 cases). No user-visible behaviour yet. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
40 lines
1.4 KiB
Dart
40 lines
1.4 KiB
Dart
import 'dart:io';
|
|
|
|
import 'package:clide/src/svg/svg_document.dart';
|
|
import 'package:clide/src/svg/svg_node.dart';
|
|
import 'package:test/test.dart';
|
|
|
|
/// End-to-end: the full raw-SVG → typed-scene pipeline against a real diagram
|
|
/// rendered by the `d2` binary (the output we sampled while scoping T-320).
|
|
void main() {
|
|
Iterable<SvgNode> flatten(SvgNode n) sync* {
|
|
yield n;
|
|
if (n is SvgGroup) {
|
|
for (final c in n.children) {
|
|
yield* flatten(c);
|
|
}
|
|
}
|
|
}
|
|
|
|
test('builds a real d2-rendered SVG into a sane scene', () {
|
|
final svg = File('test/svg/fixtures/d2_pipeline.svg').readAsStringSync();
|
|
final doc = buildSvgDocument(svg);
|
|
final nodes = flatten(doc.root).toList();
|
|
|
|
expect(doc.viewBox, isNotNull, reason: 'd2 sets a viewBox');
|
|
|
|
// The four pipeline labels render as <text>.
|
|
final labels = nodes.whereType<SvgText>().map((t) => t.text).toSet();
|
|
expect(labels, containsAll(['fetch', 'build', 'test', 'deploy']));
|
|
|
|
// The node boxes render as <rect>.
|
|
expect(nodes.whereType<SvgRect>(), isNotEmpty);
|
|
|
|
// The edges render as <path>, and their class-driven fill resolved to ARGB
|
|
// (proves the <style> → inline normalize → colour pipeline end to end).
|
|
final paths = nodes.whereType<SvgPath>().toList();
|
|
expect(paths.length, greaterThanOrEqualTo(3));
|
|
expect(paths.where((p) => p.style.fill != null), isNotEmpty);
|
|
});
|
|
}
|