From 47d1ffce052c60a5c3068225f897bb4b6f511947 Mon Sep 17 00:00:00 2001
From: Steve Sanderson <SteveSandersonMS@users.noreply.github.com>
Date: Fri, 27 Sep 2019 11:49:48 +0100
Subject: [PATCH] E2E scenario code for preventDefault+navigation

---
 .../BasicTestApp/RouterTest/Links.razor       | 38 +++++++++++++++++++
 1 file changed, 38 insertions(+)

diff --git a/src/Components/test/testassets/BasicTestApp/RouterTest/Links.razor b/src/Components/test/testassets/BasicTestApp/RouterTest/Links.razor
index b2addca14b..5851ae068c 100644
--- a/src/Components/test/testassets/BasicTestApp/RouterTest/Links.razor
+++ b/src/Components/test/testassets/BasicTestApp/RouterTest/Links.razor
@@ -39,3 +39,41 @@
 
 <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;
+}