Add tests to proof bug in nuxt/website-v2#1978

nuxt/website-v2#1978 (comment)

Author: Kolobok12309

Diff for: test/e2e/children.patch.browser.test.js

@@ -153,6 +153,26 @@ describe('children patch (browser)', () => {
     })
   })
 
+  describe('refresh child component if param and query is changed and watchQuery is true and watchParam is false', () => {
+    test('Navigate to /patch/2/child-param/1?test=true', async () => {
+      await page.nuxt.navigate('/patch/2/child-param/1?test=true')
+      dates.slug = await page.$text('[data-date-slug]')
+
+      expect(dates.patch).toBe(await page.$text('[data-date-patch]'))
+      expect(dates.id).toBe(await page.$text('[data-date-id]'))
+    })
+
+    test('Navigate to /patch/2/child-param/2#test', async () => {
+      await page.nuxt.navigate('/patch/2/child-param/2#test')
+      const slug = await page.$text('[data-date-slug]')
+
+      expect(+dates.slug < +slug).toBe(true)
+      expect(dates.patch).toBe(await page.$text('[data-date-patch]'))
+      expect(dates.id).toBe(await page.$text('[data-date-id]'))
+      dates.slug = slug
+    })
+  })
+
   // Close server and ask nuxt to stop listening to file changes
   afterAll(async () => {
     await nuxt.close()

Diff for: test/fixtures/children/layouts/patch.vue

@@ -57,6 +57,16 @@
           /patch/2/reuse/2
         </NuxtLink>
       </li>
+      <li>
+        <NuxtLink data-test-id="patch-id-2-child-param-1" to="/patch/2/child-param/1?test=true">
+          /patch/2/child-param/1?test=true
+        </NuxtLink>
+      </li>
+      <li>
+        <NuxtLink data-test-id="patch-id-2-child-param-2" to="/patch/2/child-param/2#test">
+          /patch/2/child-param/2#test
+        </NuxtLink>
+      </li>
     </ul>
   </div>
 </template>

Diff for: test/fixtures/children/pages/patch/_id/child-param/_slug.vue

@@ -0,0 +1,21 @@
+<template>
+  <div>
+    <h4>
+      _slug: <i data-date-slug>
+      {{ date }}
+    </i>
+    </h4>
+  </div>
+</template>
+
+<script>
+export default {
+  watchParam: false,
+  watchQuery: true,
+  asyncData () {
+    return {
+      date: Date.now()
+    }
+  }
+}
+</script>