Add a test to show the default behaviour

test/apps/scroll/src/routes/search-form.svelte

@@ -1,16 +1,21 @@
 <script>
   import { goto } from "@sapper/app";
 
-  function handleSearch() {
+  function preserveScroll() {
     goto("/a-third-tall-page", { noscroll: true });
   }
+
+  function scroll() {
+    goto("/a-third-tall-page");
+  }
 </script>
 
 <h1>A search form</h1>
 
 <div style="height: 9999px" />
 
 <div id="search">
-  <button on:click={handleSearch}>Search</button>
+  <button id="scroll" on:click={scroll}>Don't preserve scroll</button>
+  <button id="preserve" on:click={preserveScroll}>Preserve scroll</button>
 </div>
 

test/apps/scroll/test.ts

@@ -101,14 +101,27 @@ describe('scroll', function () {
     assert.equal(firstScrollY, secondScrollY);
   });
 
-  it('preserves scroll when noscroll is passed to goto', async () => {
+  it('scrolls to the top when navigating with goto', async () => {
     await r.load(`/search-form#search`);
     await r.sapper.start();
 
     let initialScrollY = await r.page.evaluate(() => window.scrollY);
     assert.ok(initialScrollY > 0, String(initialScrollY));
 
-    await r.page.click("button");
+    await r.page.click("button#scroll");
+
+    let scrollY = await r.page.evaluate(() => window.scrollY);
+    assert.ok(scrollY === 0, String(scrollY));
+  });
+
+  it('preserves scroll when noscroll: true is passed to goto', async () => {
+    await r.load(`/search-form#search`);
+    await r.sapper.start();
+
+    let initialScrollY = await r.page.evaluate(() => window.scrollY);
+    assert.ok(initialScrollY > 0, String(initialScrollY));
+
+    await r.page.click("button#preserve");
 
     let scrollY = await r.page.evaluate(() => window.scrollY);
     assert.ok(scrollY === initialScrollY, String(scrollY));