diff --git a/src/Components/test/testassets/BasicTestApp/RouterTest/Links.razor b/src/Components/test/testassets/BasicTestApp/RouterTest/Links.razor
index 5851ae068c..291c325fec 100644
--- a/src/Components/test/testassets/BasicTestApp/RouterTest/Links.razor
+++ b/src/Components/test/testassets/BasicTestApp/RouterTest/Links.razor
@@ -20,6 +20,7 @@
     <li><NavLink href="/subdir/WithParameters/Name/Abc/LastName/McDef">With more parameters</NavLink></li>
     <li><NavLink href="/subdir/LongPage1">Long page 1</NavLink></li>
     <li><NavLink href="/subdir/LongPage2">Long page 2</NavLink></li>
+    <li><NavLink href="PreventDefaultCases">preventDefault cases</NavLink></li>
     <li><NavLink>Null href never matches</NavLink></li>
 </ul>
 
@@ -39,41 +40,3 @@
 
 <a href="/subdir/NotAComponent.html">Not a component</a>
 <a href="/subdir/routeablecomponentfrompackage.html">Cannot route to me</a>
-
-<h2>Interactions with preventDefault</h2>
-
-<p>
-    Note that navigation actions are independent of event bubbling. Stopping click event propagation before
-    it reaches an &lt;a&gt; element does <em>not</em> stop navigation from happening. This is by design,
-    because the same is true natively in JavaScript. Navigation only responds to preventDefault.
-</p>
-
-<p __internal_preventDefault_onclick="@ancestorPreventDefault">
-    <a href="about:blank" __internal_preventDefault_onclick="@targetPreventDefault">
-        External navigation
-        <span __internal_preventDefault_onclick="@descendantPreventDefault">[Descendant element]</span>
-    </a>
-</p>
-<p __internal_preventDefault_onclick="@ancestorPreventDefault">
-    <a href="Other" __internal_preventDefault_onclick="@targetPreventDefault">
-        Internal navigation
-        <span __internal_preventDefault_onclick="@descendantPreventDefault">[Descendant element]</span>
-    </a>
-</p>
-
-<fieldset class="prevent-default">
-    <legend>Prevent default on...</legend>
-    <label><input class="ancestor" type="checkbox" @bind="ancestorPreventDefault" /> Ancestor</label>
-    <label><input class="target" type="checkbox" @bind="targetPreventDefault" /> Target</label>
-    <label><input class="descendant" type="checkbox" @bind="descendantPreventDefault" /> Descendant</label>
-
-    @* So we can assert that navigation didn't happen *@
-    <button class="counter" @onclick="@(() => counter++)">Counter: @counter</button>
-</fieldset>
-
-@code {
-    bool ancestorPreventDefault;
-    bool targetPreventDefault;
-    bool descendantPreventDefault;
-    int counter;
-}
diff --git a/src/Components/test/testassets/BasicTestApp/RouterTest/PreventDefaultCases.razor b/src/Components/test/testassets/BasicTestApp/RouterTest/PreventDefaultCases.razor
new file mode 100644
index 0000000000..d0eeaf2c9b
--- /dev/null
+++ b/src/Components/test/testassets/BasicTestApp/RouterTest/PreventDefaultCases.razor
@@ -0,0 +1,39 @@
+@page "/PreventDefaultCases"
+
+<h2>Interactions with preventDefault</h2>
+
+<p>
+    Note that navigation actions are independent of event bubbling. Stopping click event propagation before
+    it reaches an &lt;a&gt; element does <em>not</em> stop navigation from happening. This is by design,
+    because the same is true natively in JavaScript. Navigation only responds to preventDefault.
+</p>
+
+<p __internal_preventDefault_onclick="@ancestorPreventDefault">
+    <a href="about:blank" __internal_preventDefault_onclick="@targetPreventDefault">
+        External navigation
+        <span __internal_preventDefault_onclick="@descendantPreventDefault">[Descendant element]</span>
+    </a>
+</p>
+<p __internal_preventDefault_onclick="@ancestorPreventDefault">
+    <a href="Other" __internal_preventDefault_onclick="@targetPreventDefault">
+        Internal navigation
+        <span __internal_preventDefault_onclick="@descendantPreventDefault">[Descendant element]</span>
+    </a>
+</p>
+
+<fieldset class="prevent-default">
+    <legend>Prevent default on...</legend>
+    <label><input class="ancestor" type="checkbox" @bind="ancestorPreventDefault" /> Ancestor</label>
+    <label><input class="target" type="checkbox" @bind="targetPreventDefault" /> Target</label>
+    <label><input class="descendant" type="checkbox" @bind="descendantPreventDefault" /> Descendant</label>
+
+    @* So we can assert that navigation didn't happen *@
+    <button class="counter" @onclick="@(() => counter++)">Counter: @counter</button>
+</fieldset>
+
+@code {
+    bool ancestorPreventDefault;
+    bool targetPreventDefault;
+    bool descendantPreventDefault;
+    int counter;
+}