feat(draw): fold the d2 source into a "view source" disclosure (T-494)

The rendered diagram leads; the d2 source carries through the draw bus and
folds into a collapsed ClideCollapserCard beneath the card (D-78 display-
only). en+nl catalogs. Also switches the d2 test to a null-aware element.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-06-29 12:08:33 +02:00
co-authored by Claude Opus 4.8
parent 64d77ec5dc
commit 5f8fa6af10
9 changed files with 82 additions and 4 deletions
+1 -1
View File
@@ -4,7 +4,7 @@ import 'package:clide/src/draw/draw_doc.dart';
import 'package:test/test.dart';
void main() {
DrawingCardDoc d2doc(Object? source) => DrawingCardDoc(template: 'd2', fields: {'template': 'd2', if (source != null) 'source': source});
DrawingCardDoc d2doc(Object? source) => DrawingCardDoc(template: 'd2', fields: {'template': 'd2', 'source': ?source});
group('d2TemplateHandler', () {
test('compiles the source field via the injected compiler', () async {
+23
View File
@@ -44,6 +44,29 @@ void main() {
expect(find.text('the entry point'), findsOneWidget);
});
testWidgets('a source disclosure folds the d2 source under a collapser (T-494)', (tester) async {
await tester.pumpWidget(
anchoredHarness(
f,
SizedBox(
width: 400,
child: DrawingCard(
document: buildSvgDocument('<svg viewBox="0 0 20 10"><rect width="20" height="10"/></svg>'),
source: 'a -> b: hello',
sourceLabel: 'view d2 source',
),
),
),
);
await tester.pump();
// The disclosure header shows; the source is folded away until expanded.
expect(find.text('view d2 source'), findsOneWidget);
expect(find.text('a -> b: hello'), findsNothing);
await tester.tap(find.text('view d2 source'));
await tester.pumpAndSettle();
expect(find.text('a -> b: hello'), findsOneWidget);
});
testWidgets('a data-lightbox element fires onLightbox when tapped (T-318)', (tester) async {
var tapped = false;
final doc = buildSvgDocument('<svg viewBox="0 0 100 50"><rect x="0" y="0" width="100" height="50" data-lightbox=""/></svg>');