fix(routing): add data attribute to links

This way you can distinguish xstate-tree links from plain a tags
koordinates · Sep 18, 2023 · db13fae · db13fae
1 parent 88a1023
commit db13fae
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/src/routing/Link.tsx b/src/routing/Link.tsx
@@ -96,6 +96,7 @@ function LinkInner<TRoute extends AnyRoute>(
       onMouseDown={onMouseDown ?? _onMouseDown}
       onMouseEnter={onMouseEnter ?? _onMouseEnter}
       onMouseLeave={onMouseLeave ?? _onMouseLeave}
+      data-xstate-tree
       onClick={(e) => {
         if (props.onClick?.(e) === false) {
           return;

diff --git a/src/test-app/tests/__snapshots__/itWorks.integration.tsx.snap b/src/test-app/tests/__snapshots__/itWorks.integration.tsx.snap
@@ -14,6 +14,7 @@ exports[`Test app renders the initial app 1`] = `
   </p>
   <a
     data-testid="swap-to-other-machine"
+    data-xstate-tree="true"
     href="/settings/"
   >
     Swap to settings