test(vue-query/useQuery): add test for outside scope warning in development mode (#10223)

* test(vue-query/useQuery): add test for outside scope warning in development mode

* refactor(vue-query/useQuery): wrap outside scope warning test with 'try/finally' for cleanup safety

Author: sukvvon

packages/vue-query/src/__tests__/useQuery.test.ts

@@ -460,6 +460,27 @@ describe('useQuery', () => {
     })
   })
 
+  describe('outside scope warning', () => {
+    test('should warn when used outside of setup function in development mode', () => {
+      vi.stubEnv('NODE_ENV', 'development')
+      const warnSpy = vi.spyOn(console, 'warn').mockImplementation(() => {})
+
+      try {
+        useQuery({
+          queryKey: ['outsideScope'],
+          queryFn: () => sleep(0).then(() => 'data'),
+        })
+
+        expect(warnSpy).toHaveBeenCalledWith(
+          'vue-query composable like "useQuery()" should only be used inside a "setup()" function or a running effect scope. They might otherwise lead to memory leaks.',
+        )
+      } finally {
+        warnSpy.mockRestore()
+        vi.unstubAllEnvs()
+      }
+    })
+  })
+
   describe('suspense', () => {
     test('should return a Promise', () => {
       const getCurrentInstanceSpy = getCurrentInstance as Mock