fix: resolve failing test

Author: heywhy

.babelrc

@@ -0,0 +1,14 @@
+module.exports = {
+  sourceType: 'module',
+  presets: [
+    [
+      '@babel/preset-env',
+      {
+        targets: {
+          node: 'current',
+          esmodules: true,
+        },
+      },
+    ],
+  ],
+}

babel.config.js

@@ -1,30 +1,34 @@
 // This patch is run from post-install script and it is a temporary hack until a pending PR is merged
-// More details here: 
+// More details here:
 // https://github.com/vuejs/vue-apollo/issues/1011
-
 const fs = require('fs')
 const path = require('path')
 
-const loadTrackingPath = path.resolve(
+const useQueryPath = path.resolve(
   __dirname,
-  '../node_modules/@vue/apollo-composable/dist/util/loadingTracking.js'
+  '../node_modules/@vue/apollo-composable/dist/useQuery.js',
 )
 
-fs.writeFileSync(
-  loadTrackingPath,
-  fs.readFileSync(loadTrackingPath, 'utf8').replace(/\.\$root/m, '.root')
+const vueApolloComposablePath = path.resolve(
+  __dirname,
+  '../node_modules/@vue/apollo-composable/dist/vue-apollo-composable.js',
 )
 
-const useQueryPath = path.resolve(
-  __dirname,
-  '../node_modules/@vue/apollo-composable/dist/useQuery.js'
+fs.writeFileSync(
+  useQueryPath,
+  fs.readFileSync(useQueryPath, 'utf8').replace(/^onServerPrefetch, /mu, ''),
 )
 
 fs.writeFileSync(
   useQueryPath,
   fs
     .readFileSync(useQueryPath, 'utf8')
-    .replace(/(^.*onServerPrefetch)/m, '$1=()=>{}; $1')
-    .replace(/(.* require\("vue"\);)/m, '')
-    .replace(/^.*(nextTick)/m, 'vue_demi_1.$1')
-)
+    .replace(/onServerPrefetch === null.*?\}\);/msu, ''),
+)
+
+fs.writeFileSync(
+  vueApolloComposablePath,
+  fs
+    .readFileSync(vueApolloComposablePath, 'utf8')
+    .replace(/vue_demi_5.onServerPrefetch === null.*?\}\);/msu, ''),
+)

compatibility-scripts/vue-apollo-patch.js

@@ -4,6 +4,7 @@ const config = require('kcd-scripts/jest')
 module.exports = merge(config, {
   testEnvironment: 'jsdom',
   moduleFileExtensions: ['js', 'vue'],
+  coverageProvider: 'v8',
   coverageDirectory: './coverage',
   collectCoverageFrom: ['**/src/**/*.js', '!**/src/__tests__/**'],
   transform: {
@@ -12,8 +13,14 @@ module.exports = merge(config, {
   },
   snapshotSerializers: ['<rootDir>/node_modules/jest-serializer-vue'],
   testPathIgnorePatterns: [
-    '<rootDir>/node_modules',
+    '/node_modules/',
     '<rootDir>/src/__tests__/components',
     '<rootDir>/src/__tests__/directives',
   ],
+  moduleNameMapper: {
+    '@vue/apollo-composable': [
+      '<rootDir>/node_modules/@vue/apollo-composable/dist/index.js',
+    ],
+  },
+  transformIgnorePatterns: ['node_modules/(?!(@vue/apollo-composable)/)'],
 })

jest.config.js

@@ -58,7 +58,7 @@
     "@testing-library/jest-dom": "^5.11.5",
     "@testing-library/user-event": "^12.4.0",
     "@types/estree": "0.0.45",
-    "@vue/apollo-composable": "4.0.0-alpha.10",
+    "@vue/apollo-composable": "^4.0.0-alpha.12",
     "@vue/compiler-sfc": "^3.0.4",
     "apollo-boost": "^0.4.9",
     "apollo-cache-inmemory": "^1.6.6",